/* 
File: advanshare.css 
Updated: 21/07/07 

Page layout
*/

body{
	margin:0;
	padding:0;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size: 80%;
}
#maincontainer {
	min-width: 770px;
}
#topsection{
	background: #ffffff;
	height: 200px; 
}
#header-logo {
	width: 380px;
	float: left;
	padding-right: 0px;
}
#header-graphic {
	width: 360px;
	float: right;
	padding-bottom: 20px;
}
#topsection h1{
	margin: 0;
	padding-top: 15px;
}
#contentwrapper{
	float: left;
	width: 100%;
}
#contentcolumn{
	margin-left: 200px;
}
#content-left {
	width: 350px;
	float: left;
	padding: 15px 15px 20px 15px;
	background-color: #ffffff;
}
#content-right {
	width: 320px;
	float: left;
	padding: 15px 15px 10px 15px;
	background-color: #ffffff;
}
#sites {
	float: left;
	width: 100%;
}
#site-image {
	float: left;
	width: 220px;
}
#site-info {
	float: left;
	width: 400px;
}			
img.floatLeft { 
    float: left; 
    margin: 6px; 
	clear: left;
}
img.floatRight { 
    float: right; 
    margin: 6px; 
	clear: right;
}
.clear {
	clear:both
}
#navwrapper{
	float: left;
	width: 180px; 
	margin-left: -100%;
	background: #90bade;
}
#footer{
	clear: left;
	width: 100%;
	background: #EAEAEA;
	color:#000000;
	text-align: center;
	font-size: 0.8em;
	padding: 2px 0;
}
#footer ul {
	padding: 2px 0;
	margin-left: 0;
	padding-left: 0;
	display: inline;
		} 
#footer ul li {
	padding: 2px 0;
	margin-left: 0;
	list-style: none;
	display: inline;
}
.innertube{
	margin: 0px; 
	margin-top: 0;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#blueblock{
	width: 180px;
	margin-top: 30px;
	border-right: 0px solid #000;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	background-color: #90bade;
	color: #333;
}
* html #blueblock{ /*IE 6 only */
	width: 147px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}
#blueblock ul{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#blueblock li {
	border-bottom: 1px solid #90bade;
	margin: 0;
}
#blueblock li a{
	display: block;
	padding: 5px 5px 5px 8px;
	border-left: 10px solid #1958b7;
	border-right: 10px solid #508fc4;
	background-color: #2175bc;
	color: #fff;
	text-decoration: none;
	width: 100%;
}
html>body #blueblock li a{ /*Non IE6 width*/
	width: auto;
}
#blueblock li a:hover{
	border-left: 10px solid #1c64d1;
	border-right: 10px solid #5ba3e0;
	background-color: #2586d7;
	color: #fff;
}

/* Define fonts */

.sml-black{ 
	font-size:0.8em;
	color:#000000
}
.std-black{
	font-size:1.0em;
	color:#000000;
}
.std-black-bold{
	font-size:1.0em;
	color:#000000;
	font-weight: bold;
}
.lge-black{
	font-size:1.1em;
	color:#000000;
	font-weight: bold;
}
.std-blue{
	font-size:1.0em;
	color:#245dc5;
}
.lge-blue{
	font-size:1.3em;
	color:#245dc5;
	font-style:italic;
}

/* Define underline	*/	
 
a:link {text-decoration: none; color:#245dc5;}
a:visited {text-decoration: none; color:#245dc5;}
a:active {text-decoration: none}
a:hover {text-decoration: underline; color: #000000;}

a.footer:link {text-decoration: none; color:#000000;}
a.footer:visited {text-decoration: none; color:#000000;}
a.footer:active {text-decoration: none}
a.footer:hover {text-decoration: underline; color: #000000;}

a.up {
	background: url(portfolio/images/up.gif) 0 2px no-repeat;
	padding: 0px 0px 15px 11px;
	font-size: 0.8em;
	color:#5984B0;
	font-weight: bold;
	text-decoration: none;
}
a.up:hover {
	background: url(portfolio/images/up-on.gif) 0 2px no-repeat;
	padding: 0px 0px 15px 11px;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.8em;
	color: #000000;
}
.preloadimage {
	display:none;
}
/*CSS for pop up hint box */
#hintbox{ 
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint */ 
padding: 3px;
border:1px solid black;
font:normal 1.0em;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
color: #245dc5;
margin: 0px 0px;
}

/* form formatting */
.input-box {
	width: 315px;
	float: left;
	padding: 0.2em 0;
}
#submit-box {
	float: right;
	padding-right: 30px;
}	
#wrong_code {
	float: left;
	padding:4px; 
	padding-left:6px;
}	
label {
	width: 70px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	font-size:0.9em;
	display: block;
}
.input name {
	color: #333333;
	font-size:0.9em;
	background: #FFFFFF;
	border: 1px solid;
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
}
.input type {
	color: #333333;
	font-size:0.9em;
	background: #FFFFFF;
}	
.input option {
	color: #333333;
	font-size:0.9em;
	background: #FFFFFF;
	border: 1px solid;
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
}
.textarea {
	color: #333333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background: #FFFFFF;
	border: 1px solid;
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
}