@charset "utf-8";
/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100%;
	margin:0px;
	padding:0px;
	background:#3B3B3B;
	
}

dd {

margin-bottom:3px;
content
	
}


dd:before {

content:'\0020 \0020 \00BB \0020' ;
	
}

a, a:link,
a:visited {
	color: #FF6600;
	text-decoration: none;
	}
a:hover {
	color: #FF3300;
	}
a img {
	border: none;
	}

ul{list-style-type:none;
	}

.hidden { position:absolute;
	top:0;
	left:-9999px;
	width:1px;
	height:1px;
	overflow:hidden;
	}

.fg-button { outline: 0;
	margin:0 4px 0 0;
	padding: .4em 1em;
	text-decoration:none !important;
	cursor:pointer;
	position: relative;
	text-align: center;
	zoom: 1;
	}
.fg-button .ui-icon { position: absolute;
	top: 50%;
	margin-top: -8px;
	left: 50%;
	margin-left: -8px;
	}

a.fg-button {  }

/* remove extra button width in IE */
button.fg-button { width:auto;
	overflow:visible;
	}

.fg-button-icon-left { padding-left: 2.1em;
	}
.fg-button-icon-right { padding-right: 2.1em;
	}
.fg-button-icon-left .ui-icon { right: auto;
	left: .2em;
	margin-left: 0;
	}
.fg-button-icon-right .ui-icon { left: auto;
	right: .2em;
	margin-left: 0;
	}

.fg-button-icon-solo { display:block;
	width:8px;
	text-indent: -9999px;
	margin: 4px;
	}	 /* solo icon buttons must have block properties for the text-indent to work */	

.fg-buttonset { float:left;
	}
.fg-buttonset .fg-button { float: left;
	}
.fg-buttonset-single .fg-button, 
.fg-buttonset-multi .fg-button { margin: 0 -1px 0 0;
	padding: 10px 1em;
	}

.fg-toolbar { margin: 0;
	 }
.fg-toolbar .fg-buttonset { margin-right:1.5em;
	padding-left: 1px;
	}
.fg-toolbar .fg-button { font-size: 1em;
	 }

/*demo page css*/
h2 { clear: both;
	margin-top:0;
	} 
.strike { text-decoration: line-through;
	}

label, input { display:block;
	}
input.text { margin-bottom:12px;
	width:90%;
	padding: .4em;
	}
textarea.text { margin-bottom:12px;
	width:90%;
	padding: .4em;
	height:200px;
	}
select.text { margin-bottom:12px;
	width:90%;
	padding: .4em;
	}

.sidenav {
	float:right;
	width:19.5em;
	border:1px solid #666;
	padding:3px;
	background:url(/img/panellbacking.png) 100% 100% repeat-x;
}

.threecolumn {

width:30%;
float:left;
margin-left:10px;
border-right:1px dotted #033;
padding-right:10px;

}

.threecolumn img {
	width: 300px;
	padding:0px;
	margin: auto;
	border: none;
	}
#toolset {
	margin:0px;
	width:1000px;
	text-align:left;
	padding-top:20px;
}

#toolset li {
	list-style-image:url(/img/arrow-hover.gif);
}

#mainnav {
text-align:right;
}

#memberlink {
	padding:5px;
	float:right;
	color:#FFF;
}

.inputwrapper {

padding:5px;

	
}

.panelwrapper {
	border:1px solid #666;
	padding:8px;
	margin-bottom: 3px;
	overflow:hidden;
	background:url(/img/panellbacking.png) 100% 100% repeat-x;
}



#toolset .panelwrapper {
	border:1px solid #666;
	padding:8px;
	margin-bottom: 0px;
	overflow:hidden;
	border-bottom:0px;
	background:url(/img/panellbacking.png) 100% 100% repeat-x;
}

.panels {
	border:1px solid #666;
	padding:8px;
	margin-bottom: 3px;
	overflow:hidden;
	background:url(/img/panellbacking.png) 100% 100% repeat-x;
}


.headerwrapper {
border:1px solid #666;
padding:4px;
margin-bottom:9px;
position:relative;
background:url(/img/panellbacking.png) 100% 100% repeat-x;
}

.panelborder{
	border:1px solid #666;
	margin-bottom:-3px;
}

.borderbottom{
	border-bottom:1px solid #666;
}

#navtabs {
	margin:0px;
	padding:0px;
	display:inline;
	text-align: right;
}

#navtabs ul {
	margin:1px;
	padding:0px;
	display:inline;
	width:100%;
}

#navtabs li {
	margin:0px;
	float:right;
	padding:0px;
	list-style:none;
	list-style-image:none;
}

#navtabs2 {
	margin:0px;
	padding:0px;
	display:inline;
	text-align: right;
}

#navtabs2 ul {
	margin:1px;
	padding:0px;
	display:inline;
	width:100%;
}

#navtabs2 li {
	margin:0px;
	float:right;
	padding:0px;
	list-style:none;
	list-style-image:none;
}

.fieldfifty {
	width:48%;	
	float:left;
}
#register_form {
	width: 65%;
	float: right;
	padding-top: 40px;
	}
#register_text h1 {
	font-weight: normal;
	}
#register_text {
	width: 30%;
	float: left;
	line-height: 2em;
	}
.clear {
clear:both;	
}

.seperator {
border-bottom:1px dashed #666;
margin:3px 0px 3px 0px;
}

.add_bar {
	display: block;
	width: 100%;
	height: 55px;
	padding: 5px 0 0 0;
	}
.list_bar {
	display: block;
	width: 100%;
	padding: 0 0 8px 0;
	}

.subhead {
text-align:center;	
}
.leadname {
margin:0px;
float:left;
padding:0px;
width:19em;
}

.tooltitle {
display:inline;
padding:0;
font-size:24px;
margin:10px 0 0 10px;
}


.toolnav li {
margin-top:15px;	
}

#dialog {
display:none;	
}

.dashcolor {
background-color:#666;
color:#FFF;
font-weight:bold;
}

.headpadding {
padding:6px;
margin-bottom:4px;
}

.stanbar{

margin:2px 0 2px 0;
border:1px solid #666;
font-weight:bold;
padding:3px;
background:#CCC;
	
}

div.panelheading {

cursor:crosshair;
font-size:16px;
margin:3px 0 3px 0;
padding:3px 0 3px 8px;

	
}

#toolset {
background:#FFF;
overflow:hidden;
}

div.containment {

height:100%;
	
}

#icon {

padding:2px;
border:1px solid #666;

}

.smallhead {
	padding:3px;	
}

#header {
	position: relative;
	background: #333333 url(/img/headerback.png) bottom left repeat-x;
	}
#logo {
	margin: 0 0 0 10%;
	}

/*----BOTOM PANEL----*/
#bottomPan{
	height:282px;
	background:url(/img/bottombg.png) 0 0 repeat-x;
	position:relative;
	margin:0 auto;
	padding:65px 0 0;
	clear:both;
	}

#bottomMainPan{
	width:900px;
	position:relative;
	margin:0 auto;
	padding:50px 0 0;
	}
#bottomBorderPan{width:900px;
	float:left;
	}
#bottomBorderPan h2{width:210px;
	height:30px;
	position:absolute;
	top:28px;
	left:0px;
	display:block;
	color:#0C0C0C;
	}
#bottomBorderPan h3{width:210px;
	height:40px;
	position:absolute;
	top:28px;
	left:259px;
	display:block;
	color:#0C0C0C;
	}
#bottomBorderPan h4{width:210px;
	height:40px;
	position:absolute;
	top:28px;
	left:517px;
	display:block;
	color:#0C0C0C;
	}

#bottomBorderPan ul{float:left;
	width:30%;
	padding:5px 0 0;
	}
#bottomBorderPan ul li{width:225px;
	margin:5px 10px 0 0;
	background:url(/img/arrow-normal.gif) 0 8px no-repeat;
	padding:0 0 0 16px;
	}
#bottomBorderPan ul li a{width:200px;
	display:block;
	color:#3D3C2C;
	text-decoration:none;
	}
#bottomBorderPan ul li a:hover{background:url(/img/arrow-hover.gif) 0 8px no-repeat;
	color:#3D3C2C;
	text-decoration:none;
	}
/*----/BOTOM PANEL----*/

/*----FOOTER PANEL----*/
#footermainPan{height:144px;
	background:url(/img/footerbg.gif) 0 0 repeat-x;
	position:relative;
	margin:0 auto;
	 color:#fff;
	clear:both;
	padding:30px 0 0;
	}

#footerPan{width:778px;
	position:relative;
	margin:0 auto;
	}

#footerlogoPan{display:block;
	width:215px;
	height:40px;
	position:absolute;
	top:0px;
	left:456px;
	}

#footerPan ul{
	position:absolute;
	top:0px;
	left:0px;
	margin: 0px;
	padding: 0px;
	}
#footerPan li{float:left;
	}
#footerPan ul li a{padding:0 10px 0;
	color:#fff;
	background: url(/img/footermenubg.gif) 0 0 repeat-x;
	text-decoration:none;
	}
#footerPan ul li a:hover{text-decoration:underline;
	}

#footerPan ul.templateworld{width:250px;
	background:#3B3B3B;
	color:#fff;
	display:block;
	position:absolute;
	top:80px;
	left:10px;
	}
#footerPan ul.templateworld li a{
	display:block;
	color:#fff;
	text-decoration:none;
	}
#footerPan ul.templateworld li a:hover{text-decoration:underline;
	}

#footerPan p.copyright{width:300px;
	background: url(/img/copyrightbg.gif) 0 0 repeat-x;
	color:#fff;
	position:absolute;
	top:23px;
	left:10px;
	}

#footerPanhtml{width:70px;
	height:24px;
	display:block;
	position:absolute;
	top:49px;
	left:5px;
	}
#footerPanhtml a{width:65px;
	height:24px;
	display:block;
	background:url(/img/html-normal.gif) 0 0 no-repeat;
	color:#fff;
	font-size:13px;
	line-height:23px;
	font-weight:bold;
	text-decoration:none;text-transform:uppercase;
	padding:0 0 0 5px;
	}
#footerPanhtml a:hover{background:url(/img/html-hover.gif) 0 0 no-repeat;
	color:#fff;
	}
#footerPancss{width:58px;
	height:24px;
	display:block;
	position:absolute;
	top:50px;
	left:80px;
	}
#footerPancss a{width:49px;
	height:24px;
	display:block;
	background:url(/img/css-normal.gif) 0 0 no-repeat;
	color:#3B3B3B;
	font-size:13px;
	line-height:24px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	padding:0 0 0 10px;
	}
#footerPancss a:hover{background:url(/img/css-hover.gif) 0 0 no-repeat;
	color:#3B3B3C;
	text-decoration:none;
	}
#lg_register {
	width: 30%;
	float: right;
	text-align: center;
	}
#contest {
	width: 30%;	
	float: left;
	text-align: center;
	}
#lg_register img,
#contest img {
	margin: 0 auto;
	}

#accountnav {
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 20px 20px 10px;
	background: url(/img/account_nav.png) top left no-repeat;
	font-size: 14px;
	color: #FF6600;
	}
#accountnav a,
#accountnav a:link,
#accountnav a:visited {
	color: #666666;
	}
#accountnav a:hover { color: #333333; }

#accountnav ul { display: inline; }
#accountnav li {
	display: block;
	float: left;
	border-right: dotted 1px #CCCCCC;
	padding: 6px 8px 4px;
	}

/* --- Register page --- */

#login_box fieldset {
	border: none;
	}
#toc_box {
	padding: 10px;
	}
#toc {
	height: 150px;
	line-height: 2em;
	overflow-x: none;
	overflow-y: scroll;
	padding: 10px;
	}
.toc_accept {
	float: right;
	padding-top: 10px;
	}
.toc_accept input {
	float: left;
	margin: 0 4px 0 0;
	}
/* ---/ Register Page --- */

.files img {

padding:2px;
border:1px solid #666;

}

#think-new_box {
	clear: both;
	text-align: right;
	display: block;
	width: 210px;
	margin: 0px;
	float: right;
	}
#rhinoseo_foot {
	width: 53px;
	height: 85px;
	display: block;
	float: left;
	}
#rhinoseo_foot a {
	width: 53px;
	height: 85px;
	background: url(/img/rhinoSEO_foot.png) bottom center no-repeat;
	display: block;
	}
#think-new {
	width: 155px;
	height: 85px;
	display: block;
	float: right;
	}
#think-new a {
	width: 155px;
	height: 85px;
	background: url(/img/think-new_foot.png) bottom center no-repeat;
	display: block;
	}
#think-new a:hover,
#rhinoseo a:hover {
	background-position: top center;
	}
.replaced span {
	margin-left: -999em;
	text-indent: -999em;
	font-size: 0px;
	line-height: 0px;
	}

/* ------ Contact Page --------- */
#contact_form {
	width: 48%;
	float: right;
	}

#contact_form fieldset {
	border: none;
	}