*, body, html {
padding:0;margin:0;font-size:14px;
}
html,body{height:100%} 

img {border:0}

a{text-decoration:none;color:#364143;}

a:hover {background-color:#909090;}



body{
color:#364143;
font-family:"Lucida Grande","Hiragino Kaku Gothic Pro","Bitstream Vera Sans",Helvetica,Arial,Verdana,sans-serif;

}

.thintextbox{
border:1px solid #CCCCCC;
font-weight:700;
margin:2pt;
padding:2px
}



#header {

background:#FFB100;
border-top:5px solid #FF9900
}

#headercontent {
width:780px;height:74px;margin:0 auto;text-align:left;

}

#logo{
float:left;
}


#nav{float:left;text-align:right;width:660px
}

#nav #topbar{
float:right;
clear:both;
list-style-image:none;
list-style-position:outside;
list-style-type:none;}

#nav #topbar li{
float:left;height:20px;
line-height:20px;

margin:5px 5px 0 5px;
}
#nav #topbar #navSignup
{
	background:url(topbar.gif) no-repeat 0px 0px;height:16px;padding-left:18px;
	}
#nav #topbar #navLogin
{
	background:url(topbar.gif) no-repeat 0px -16px;height:16px;padding-left:18px;
	}
#nav #topbar #navHome
{
	background:url(topbar.gif) no-repeat 0px -32px;height:16px;padding-left:18px;
	}
#nav #topbar #navLogout
{
	background:url(topbar.gif) no-repeat 0px -48px;height:16px;padding-left:18px;
	}
#nav #topbar #navFeedback
{
	background:url(topbar.gif) no-repeat 0px -64px;height:16px;padding-left:18px;
	}
#nav #menu
{float:right;margin-top:25px;clear:both;
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#nav #menu li{
float:left;height:24px;
line-height:24px;background:#FFFBF8 none repeat scroll 0%;
margin:0 1px;
}
#nav #menu li a{

width:100px;
text-align:center;
display:block

}


#footer{text-align:right;
line-height:18px;
margin:10px auto;
padding:8px 0pt;
width:780px;
color:#697679;

}

#stat img{width:1px;overflow:hidden}

#toolbar{text-align:left;
background:#FFF3DD none repeat scroll 0%;
border-bottom:2px solid #FFA84F;
border-top:2px solid #FFA84F;
padding:0.5em 0pt;}

#toolbar #panels{
margin:0pt auto;
padding:0pt;
width:780px;
}

#toolbar  #panels div{float:left;
width:33%;}

#content{text-align:left;
margin:0 auto;
padding:70px 0 10px 0;
width:780px;
height:auto !important;
height:350px;
min-height:350px;
}

#main{width:60%;float:left;}

#tips{float:right;
width:25%;
border-left:1px solid #FBA56C;
line-height:1.5em;
padding:10px 20px 60px 30px
}


#url{
border:1px solid #CCCCCC;
color:#383D44;
height:75px;
overflow:auto;
font-size:18px;
}



#advanced
{
margin:5px 0;
cursor:pointer;width:60px;
}
#options
{
margin:5px;
width:350px
}

#friendlink {
width:780px;margin:5px auto;text-align:left;
}

.tooltips{
	padding:6px;
	border:1px solid #FFA84F;

background-color:#FFF3DD;
width:250px;
}
.help{
	cursor:help;
	}
.button{
background-color:#FF9900;
border-color:#FFDBA6 rgb(179, 106, 0) rgb(179, 106, 0) rgb(255, 219, 166);
border-style:solid;
border-width:1px;
color:#FFFFFF;
font-weight:bold;
padding:2px 5px;
margin-top:10px;
margin-bottom:10px;
}

.caption {font-weight:bold;font-size:16px}

.hidden{display:none}

.visible{display:static}

.clear{clear:both;}

.tabHeader{
float:left;
cursor:pointer;
margin:10px 5px 0px 0;
padding:4px 10px;
border:1px solid #FFA84F;
border-bottom:none
}

.selectedHeader{
background-color:#FFF3DD;
position:relative;
bottom:-1px;
}

.tabContent{
border:1px solid #FFA84F;
	height:25px;
	width:350px;
clear:both;
padding:8px;
background-color:#FFF3DD;

}


.pager {
	height: 20pt;
	text-align: center;
	clear: left;
	margin: 1em 0pt;
	padding: 3px;
}
.pager a {
	border: 1px solid #FFA84F;
	margin: 2px;
	padding: 2px 5px;

	color: #666666;
	text-decoration: none;
}
.pager a:hover {
	border: 1px solid #b31203;
	color: #f30;
}
.pager .selected {
	color: #dddddd;
	border: 1px solid #DDDDDD;
}

/*For preview.php only*/
#preview {margin:0 auto;width:500px;}
#preview h3{font-weight:400;font-size:18px;border-bottom:1px dashed #D3C1DA;margin-top:20px}
#preview h3 span{font-weight:700;padding-left:25px;font-size:20px;display:block}
#preview h3 a{font-size:20px;}

/*For tools.php only*/
.tool {}
.tool .pic {float:left;width:250px;text-align:center}
.tool .desc {position:relative;float:left;width:500px;height:150px}
.tool .download {position:absolute;bottom:5px}


/*For signup.php only*/
.signup #errors{margin-left:120px}
.signup .message{height:18px;padding-left:20px;margin-left:2px;font-size:15px}
.signup .error_message{background-image:url(icons.png);	background-position:left -16px;	background-repeat:no-repeat;
}

.ok_message{background-image:url(icons.png);background-repeat:no-repeat;}
.textbox{
background-color:#F9F8F4;
border:2px solid #DDDDDD;
color:#777777;
font-size:14px;
margin:5px 0;
padding:4px;
vertical-align:middle;
width:250px;}

.label{float:left;
font-size:15px;
margin:5px 15px 5px 0;
padding:5px;
text-align:right;
width:120px;}

 .button_row{clear:both;
text-align:center;}
.remember{clear:both;
padding-left:150px;
margin:8px 0}


.login #errors{margin-left:120px;line-height:18px;padding-left:20px;font-size:15px;
background-image:url(icons.png);	background-position:left -16px;	background-repeat:no-repeat;
}

.home{}

.home .url{
border: 1px solid #FFA84F;
margin:4px;
padding:5px;

}
.home span{

margin:0 0 0 10px;


}

.home .url .alias{
border-bottom:1px dashed #B6C8B0;
}


.home .url a{
font-size:20px;
}

.home .url .status{
float:left;
padding-top:5px;
}
.home .url .toolbar{
float:right;
padding-top:5px;
}


.download{

}

.download .section{
margin:20px 0;
border-bottom:2px solid #FFA84F;
}


.download .section .title{
font-size:25px;
}

.download .section .description{
margin:20px 0
}


.file{
list-style-type:upper-roman;
list-style-position:inside;
}

.file h2{
margin:20px 0 5px;

}

.file .steps{


}

.file .steps img{
margin-left:100px;


}