/*undohtml.css by Tantek Celik (CC) 2004*/
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0 }
a img,:link img,:visited img { border:none;outline:none; }
a{outline:none; }
address { font-style:normal;}

body{
background:#94bdd4 url(background_gradient.jpg) top left repeat-x;
font:14px Arial, Helvetica, sans-serif;
}

/*Heading*/
h1.heading{
font:64px Century Gothic;
letter-spacing:-3px;
color:#fd92da;
background:url(heading.png) 0px 10px no-repeat;
_background:none;
font-weight:bold;
position:absolute;
width:345px;
height:87px;
z-index:2000;
top:-8px;
left:10px;
}
h1.heading a{
width:100%;
height:90%;
display:block;
}
h1.heading span{
color:#aac6dc;
}
h1.heading small{
position:absolute;
top:64px;
right:-70px;
letter-spacing:0;
width:200px;
font:10px Arial, Helvetica, sans-serif;
color:#999;
}

/*Title*/
h2#pageTitle{
font:normal 40px Century Gothic;
text-align:center;
position:absolute;
left:0;
width:100%;
}
h2#pageTitle input{
text-align:center;
}

/*loggin status*/
h3#loginStatus{
font:normal 12px Arial, Helvetica, sans-serif;
text-align:right;
position:absolute;
right:130px;
}
h3#loginStatus a{
color:#0099ff;
}


/*Save*/
a#save{
display:block;
top:0;
right:0;
width:109px;
height:59px;
position:absolute;
background:url(save.gif) top right no-repeat;
z-index:2000;
}

/*Notifier*/
div#notifier{
top:0;
right:0;
position:absolute;
z-index:2001;
background:url(notifier.gif) top right no-repeat;
width:220px;
height:70px;
font:16px century gothic;
color:#666;
line-height:18px;
padding:70px 40px 50px 40px;
cursor:pointer;
}

/*editArea*/
div#editArea{
background:#fff;
border:1px solid #999;
width:800px;
height:600px;
position:relative;
top:70px;
margin:0 auto;
}

/*toolbox*/
div#toolbox{
width:200px;
height:600px;
background:#fff;
border:1px solid #999;
position:absolute;
top:70px;
left:20px;
}
div#toolbox h2{
background:url(toolboxhead.jpg) top left no-repeat;
width:200px;
height:30px;
cursor:move;
margin-bottom:3px;
}
div#toolbox input{
width:190px;
margin-left:5px;
}
div#toolbox ul#photoupload-queue li{
font:10px Arial, Helvetica, sans-serif;
color:#999;
border-bottom:1px solid #999;
padding:2px 0 0 16px;
height:33px;
background:url(picture.png) top left no-repeat;
list-style:none;
cursor:move;
}
div#toolbox ul#photoupload-queue li .queue-file{
padding-left:5px;
font-weight:bold;
}

div#toolbox ul#photoupload-queue li .queue-loader{
position:relative;
margin:1px 10px;
padding:1px;
background:#999;
border:1px inset #999;
color:#fff;
text-align:center;
}

div#toolbox ul#photoupload-queue li .queue-subloader{
text-align:left;
position:absolute;
background:#94bdd4;
height:100%;
width:0%;
left:0;
top:0;
}

a.uploadButton, a.uploadYourPicture{
display:block;
margin-left:5px;
width:190px;
height:30px;
background:url(uploadFile.jpg) top left no-repeat;
cursor:pointer;
}

a.toggler{
display:block;
margin:0 0 0 5px;
width:190px;
height:30px;
cursor:pointer;
}
a.text{
background:url(addText.jpg) top left no-repeat;
}
a.object{
background:url(addObject.jpg) top left no-repeat;
}
a#importPicture{
display:block;
margin:0 0 3px 5px;
width:190px;
height:30px;
cursor:pointer;
background:url(importPicture.jpg) top left no-repeat;
}

a.hButton{
float:left;
display:block;
margin:3px 0 0 0;
width:75px;
height:30px;
background:url(hButton.jpg) top left no-repeat;
cursor:move;
}

a.mButton{
float:right;
display:block;
margin:3px 0 0 0;
height:30px;
width:75px;
background:url(mButton.jpg) top left no-repeat;
cursor:move;
}

/*lightBox*/
div.lightbox h2{
color:#666;
font:19px Century Gothic;
background:#9db0bc url(boxHeads.jpg) top left repeat-x;
height:24px;
overflow:hidden;
padding:1px 10px 0 10px;
margin:0 0 10px 0;
border-left:1px solid #9db0bc;
border-right:1px solid #9db0bc;
}

/*lists*/
div.slider{
overflow:hidden;margin-bottom:5px;
width:180px;
margin:0 auto 3px auto;
}
div.object img{
width:30px;
height:30px;
margin:2px 2px 0 0;
cursor:move;
}

/*tabs*/
mootabs_title {
height: 24px;
overflow:hidden;
list-style:none;
position: relative;
margin: 5px 0;
padding-left: 2px;
}
.mootabs_title li {
float: left;
background:url(tab_left.jpg) top left no-repeat;
margin:0 0 0 3px;
}
 
.mootabs_title a:link,.mootabs_title a:visited {
background:url(tab_right.jpg) top right no-repeat;
height:22px;
color: #666;
padding:2px 10px 0 10px;
display:block;
text-decoration: none;
font:500 17px Century Gothic;
}
.mootabs_title a:hover,.mootabs_title a:focus {
}
.mootabs_title li.active{
background-image:url(tab_left_act.jpg);
}
.mootabs_title li.active a,.mootabs_title li.active a:focus,.mootabs_title li.active a:hover,.mootabs_title li.active a:visited{
background-image:url(tab_right_act.jpg);
color:#fff;
z-index: 100;
}
.mootabs_panel {
display: none;
clear: both;
position: relative;
border: 1px solid #d957af;
margin:-1px 0 0 3px;
overflow-x:hidden;
padding:0 10px 5px 10px;
text-align: left;
color:#333;
background:#fff;
}
 
.mootabs_panel.active{
display:block;
margin-bottom:3px;
}

/*imported form stuff*/
div.lightbox input,textarea{
display:block;
width:100%;
border:1px solid #999;
font-family:Georgia, "Times New Roman", Times, serif;
}
div.lightbox input{
font-weight:normal;
font-size:18px;
line-height:20px;
}
div.lightbox textarea{
height:100px;
}
div.lightbox label{
float:left;
display:block;
margin-right:10px;
}
div.lightbox label input{
display:inline;
width:auto;
border:0;
margin:auto;
margin-right:3px;
cursor:pointer;
}
div.lightbox form ul{
list-style:none;
}
div.lightbox form li{
font-size:14px;
color:#666;
clear:left;
padding:0 5px 0 5px;
margin-bottom:3px;
}
div.lightbox form a.submit{
width:100%;
height:30px;
display:block;
font:19px Century Gothic;
background:url(button_left.jpg) top left no-repeat;
}
div.lightbox form a.submit span{
width:100%;
height:30px;
overflow:hidden;
color:#fff;
padding:4px 0;
display:block;
cursor:pointer;
text-align:center;
background:url(button_right.jpg) top right no-repeat;
}

/*span classes*/
.x{display:none;}
.ie6{display:none;_display:block;}