/* CSS Document */

body, html{height:100%;}

body{
	font: 80% "Trebuchet MS", Arial, verdana, sans-serif;
	color:#505050;
	background-color:#FFF;
	margin:0;
}

#header{height: 78px; width:100%; background-color:#00496f; border-bottom:2px solid #dfe2f9;}
#headerhome{height: 235px; width:100%; background:url(../images/bg-headerhome.gif) repeat-x;}
#headerhome-content{width:940px;height: 235px;  margin:0 auto; background:url(../images/bg-contentheader.gif) no-repeat;}
#introtext{width:495px; margin: 90px 0 0 20px; float:left; display:inline; color:#FFF;}
#introtext p{margin: 10px 0 0 0;}
#features{width:375px; margin: 70px 20px 0 0; float:right; display:inline; color:#00293e; font-size:13px; text-align:center;}
#list1{width:170px; margin: 0 0 0 20px; float:left; display:inline; text-align:left;}
#list2{width:170px; margin: 0 10px 0 0; float:right; display:inline; text-align:left;}
#features ul{padding:0 0 0 20px; margin:0;}
#features li{ list-style-image:url(../images/bullets-features.gif); margin-bottom:7px;}
#headercontent{width:940px; margin:0 auto;}
#logo{float:left; display:inline; margin: 0 0 0 20px;}
#logged{
	float:right;
	display:inline;
	margin: 30px 20px 0 0;
	color:#FFCC33;
	font-weight:bold;
	background:url(../images/visitor.gif) no-repeat;
	padding: 0 0 0 21px;
}
#logged a{color:#FFCC33;}

#homeleft{width:495px; padding:0 15px 0 0; margin: 0 0 0 20px; border-right: 1px dotted #CCCCCC; float:left; display:inline;}
#button{text-align:center;}
#homeright{width:374px; float:right; display:inline; margin: 0 20px 0 15px; font-size: 1.1em;}
#right1{min-height: 100px; margin-bottom:20px; background:url(../images/bg-right-1.gif) no-repeat; border-bottom: 1px dotted #CCCCCC; padding-left: 80px;}
#right2{min-height: 100px; margin-bottom:20px; background:url(../images/bg-right-2.gif) no-repeat; border-bottom: 1px dotted #CCCCCC; padding-left: 80px;}
#right3{min-height: 100px; margin-bottom:20px; background:url(../images/bg-right-3.gif) no-repeat; /*border-bottom: 1px dotted #CCCCCC;*/ padding-left: 80px;}
/*MENU*/
#menu {height: 27px; background-color:#F3F3F3; border-bottom: 2px solid #CCCCCC; text-align:center; padding: 6px 0 0 0; font-size:1.2em;}
#menu li {display:inline;}
#menu a {margin: 0 20px; color:#003366; text-decoration:none;}
#menu a:hover {color:#000; text-decoration:underline;}

/*CONTENT*/

#contentwrap {width:940px;min-height:500px; margin:0 auto; padding:20px 0;}
#index-left {width:650px; margin:0 15px 0 0; float:left; display:inline;}
#index-left li {margin-bottom:10px;}
#index-right {width:220px; float:right; display:inline; background-color:#F3F3F3; border-bottom: 2px solid #CCCCCC; padding:10px 20px;}
#index-right li {margin-bottom:15px;}
#left {width:900px;}
#bottom-tutorial {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 13px;
	padding: 10px;
	border: 1px solid #EFE38F;
	background-color: #FFFFCC;
}
#sidetutorial {
	font-size: 12px;
	padding: 5px;
	border: 1px solid #EFE38F;
	background-color: #FFFFCC;
}

#footer {text-align:center; border-top: 1px solid #CCC; position:fixed bottom; padding:20px;}
#footer a {margin: 0 5px; color:#505050; text-decoration:underline;}
#footer a:hover {color: #003366;}

a {color:#003366;}
a:hover {color:#000;}

h1{color:#003366; font-size:2.5em; font-weight:normal; letter-spacing:-1px; margin: 0 0 10px 0;}
h1.intro{color:#FFF; font-size:21px; font-weight:normal; margin: 0 0 5px 0; padding:0;}
h4{color:#0066CC; font-size:1.5em;}

/*
form{background-color:#F6F6F6; border: 1px solid #CCCCCC; margin:0; padding:10px;}
form.login{width: 450px; background-color:#F6F6F6; border: 1px solid #CCCCCC; margin:0; padding:10px;}
*/
.large{width:250px; border:1px solid #ccc; font-size:1.1em;padding:4px;}
input.large{width:250px; border:1px solid #ccc; font-size:1.1em;padding:4px;}
input.xlarge{width:650px; border:1px solid #ccc; font-size:1.1em;padding:4px;}
textarea.profilebox{width:100%; height:150px;border:1px solid #eee;}

textarea.article{width:650px; height:450px;}
table.contact{background-color:#F3F3F3; border: 1px solid #CCCCCC; margin:0; padding:10px;}
td.contact{background-color:#FFF; border-top: 1px dotted #CCCCCC; margin:0;}
table.spinner{ padding:0;margin:0;}
td.spinner{border-bottom:1px dotted #FFF;}
.button {font-family: Trebuchet MS, arial, helvetica, sans-serif; font-size: 14px; padding: 3px;}
#bottom-tutorial h4{ margin: 3px;font-size: 16px;}
.errorclass { color: #FF0000; font-weight: bold;}
.data-row1 td {
	background-color: #FFFFFF;
	padding: 10px;
	border-bottom: 1px solid #DADADA;
}
.data-row2 td {
	background-color: #FFFFCC;
	border-top: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;
	padding: 10px;
}

#navigation-bar {
	font-size: 12px;
	text-align: left;
	border-bottom: 1px solid #efefef;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 10px;
}
#navigation-bar a:link{
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	text-decoration: none;
	background-color: #CCCCCC;
	color: #ffffff;
}
#navigation-bar a:visited{
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	text-decoration: none;
	background-color: #CCCCCC;
	color: #ffffff;
}
#navigation-bar a:active{
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	text-decoration: none;
	background-color: #CCCCCC;
	color: #ffffff;
}

#navigation-bar a:hover{
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	text-decoration: none;
	background-color: #666666;
	color: #ffffff;
}
#navigation-bar .tabselected a{
	padding-left: 5px;
	text-align: center;
	padding-right: 5px;
	text-decoration: none;
	background-color: #ffffff;
	color: #000000;
}
.commands a{text-decoration:none;font-size:11px;}
.icons {width:16px;height:16px;margin:0 5px 0 0;border:0;}
.spin-add {background-image:url(/images/add.png); background-repeat:no-repeat; background-position:left;padding-left:20px;}
.spin-plr {background-image:url(/images/page_white_lightning.png); background-repeat:no-repeat; background-position:left;padding-left:20px;}
#subnav {margin:5px 0 15px 0;}
.subnav-right {float:right;width:400px;text-align:right;}
.subnav-left {float:left;width:400px;text-align:left;}
.clear {clear:both;}
.dataheader td {font-weight:bold;background-color:#036;color:#FFF;border-bottom:1px solid #fff;}

label {width:150px;}


/*FORM STYLES*/

div.form-container {}

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #8A0000 1px solid; background-color: #F6F6F6; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; color: #333; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }

div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus {	background-color: #FFC; border-color: #FC6; }

div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }
.captcha {width:250px;height:100px;border:1px solid #000;}
.msg_success {border:1px solid #060;background-color:#BFFFBF;padding:5px;font-size:1.1em;}
.avatar {max-width:150px;max-height:150px;border:1px solid #999;}
.buttoncontainer{text-align:right;}
table.spinner textarea{border:1px solid #ccc;}