/* CSS Document */

body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; background: #EEF6FC; color: #222; }

.blue {color: #58B7DD; }
.ltblue {color: #EEF6FC; }
.green {color: #BFD73B; }
.dkgreen {color: #A3B732; }
.orange {color: #FDBB63; }

.w-top {color: #A3B732; font-weight: bold; }
.w-whatever {color: #58B7DD; font-weight: bold; }

#messagebox {width: 645px; float: right;}
.message {background: #EEF6FC; padding: 5px; border: 1px dotted #58B7DD; margin: 0 0 15px 0;}

h1 {margin: 0; padding: 0; float: left; width: 250px; height: 80px; }

h2 {margin: 0 0 15px 0; padding: 0; font-size: 1.8em; letter-spacing: .05em; font-weight: normal;  }
h3 {margin: 15px 0 10px 0; padding: 10px 0 0 0; font-size: 1.3em; letter-spacing: .05em; font-weight: normal; border-top: 1px dashed #DFDFDF; color: #A3B732; }
h3 small {letter-spacing: normal; font-size: .7em; }
h4 {margin: 0 0 5px 0; padding: 0; font-size: 1.3em; letter-spacing: .05em; font-weight: normal; }

p {margin: 5px 0 8px 0; padding: 0;}
ul, ol, li, form {margin: 0; padding: 0; }
ol {margin: 0 0 0 25px;}

a, a:link {color: #58B7DD;}
a:hover {color: #A3B732; }

#aheader {margin: 0 auto; width: 1000px; padding: 8px 0 0 0; text-align: right;}
#header {margin: 0 auto; width: 1000px; padding: 0 3px 13px 3px; background: url(/images/bg_header.gif) bottom center no-repeat; }

#menu {float: right; width: 690px; height: 35px; padding: 15px 0 0 0; margin: 15px 0 0 0; background: #C1E3F3 url(/images/bg_menu.gif) center center no-repeat; text-align: center; }
#menu a {margin: 0 20px 0 20px; padding: 5px 10px; font-weight: bold; text-decoration: none; font-size: 1.2em; }
#menu a:hover, #menu a.active {background-color: #FFF; color: #58B7DD;}

#page {margin: 0 auto; width: 940px; padding: 20px 30px 30px 30px; background: #FFF url(/images/bg_page.gif) bottom left repeat-x; border: 3px solid #C1E3F3; border-top: none; }

#main {float: right; width: 660px; }
#main .top {height: 10px; background: url(/images/bg_main.gif) center top no-repeat;}
#main .main-content {padding: 10px 20px 20px 20px; background: #F6F9E3; border: 1px solid #ECF3C5; border-top: none; }

.browse ul {list-style: none; }
.browse ul li {margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #C1E3F3; }
.browse ul li.noborder {border: none; }

.browse ul li .title {font-weight: bold; margin: 0 0 5px 0; font-size: 1.2em}
.browse ul li .description {margin: 0 0 5px 0; }
.browse ul li .author {font-size: .9em; color: #777; }

.help {border-top: 1px dashed #DFDFDF; margin: 15px 0 0 0; padding: 10px 0 0 20px; background: url(/images/icon_help.gif) 0px 10px no-repeat; color: #555; }

#sidebar {float: left; width: 240px; padding: 10px 0 0 0; }

#sidebar .box {margin: 15px 0 15px 0; padding: 15px 0 15px 0; border-top: 1px solid #C1E3F3;  }
#sidebar .box h4 {font-size: 1.2em; }

#sidebar ul {list-style: none; }
#sidebar ul li {margin: 5px 0 5px 0; padding: 5px 0 5px 0; border-top: 1px solid #EEE; }
#sidebar ul li.noborder {border: none; }

#sidebar ul li .title {font-weight: bold; margin: 0 0 2px 0; padding-left: 20px; background: url(/images/icon_arrow_right.gif) top left no-repeat; }
#sidebar ul li .description {font-size: .8em; margin: 0 0 1px 0; }
#sidebar ul li .author {font-size: .8em; color: #777; }

#footer {text-align: center; width: 980px; margin: 10px auto; color: #999; font-size: .8em; } 
#footer p {margin: 5px 0 10px 0; line-height: 1.4em; }
#footer a {color: #999; }

/*-----------------------------------------------------------
	Forms & Buttons
-----------------------------------------------------------*/

form div {clear: left; margin-bottom: 10px; }
form label {float: left; margin: 3px 10px 0 0; width: 80px; font-weight: bold; color: #58B7DD; }
form input, form textarea {padding: 3px; border: 1px solid #AAA; }
form div small {color: #CC0000; }

.continue {padding: 0; border: none; width: 85px; height: 25px; background: url(/images/button_continue.gif) top left no-repeat; }
.continue:hover {background: url(/images/button_continue.gif) bottom left no-repeat; }

.submit {padding: 0; border: none; width: 70px; height: 25px; background: url(/images/button_submit.gif) top left no-repeat; }
.submit:hover {background: url(/images/button_submit.gif) bottom left no-repeat; }

.login {display: inline-block; padding: 0; border: none; width: 75px; height: 25px; background: url(/images/button_login.gif) top left no-repeat; }
.login:hover {background: url(/images/button_login.gif) bottom left no-repeat; }

form.lglabels {margin-top: 15px; }
form.lglabels div div, form.lglabels div.head, form.lglabels div.foot {border-bottom: 1px dashed #DFDFDF; margin: 0; padding: 15px; }
form.lglabels div div.alt {background-color: #FFF;}
form.lglabels div div div {padding: 0; border: none;}

form.lglabels div.head {padding: 3px 15px 3px 15px; background: #58B7DD; color: #FFF; font-weight: bold; font-size: .9em; border: none; cursor: default !important; }
form.lglabels div.head label {color: #FFF; margin: 0; }

form.lglabels div.foot {background: none !important; cursor: default !important; border: none !important; }

form.lglabels label {width: 470px; margin: 3px 0 0 0; }
form.lglabels input {text-align: center;  }

.dragable, .dragable label {cursor: move; }
.dragable label {margin: 0 10px 0 0; }
.dragable:hover {background: #FDBB63 !important; color: #FFF; }
.dragable:hover label {color: #FFF; }


.pageform label {width: 130px; }

/*-----------------------------------------------------------
	Steps
-----------------------------------------------------------*/
.step-bar {margin: 0 0 15px 0; background: url(/images/bg_step-bar.gif) 0px 10px repeat-x; padding: 0 10px 0 10px;}
.step-bar .step1 a, .step-bar .step2 a, .step-bar .step3 a, .step-bar .step4 a, .step-bar .step5 a {background-color: #F6F9E3; background-repeat: no-repeat; background-position: 4px 0px; padding: 0 4px 0 4px; margin: 0 30px 0 0; font-weight: bold; text-decoration: none; font-size: 13px;}

.step-bar .step1 a:hover, .step-bar .step2 a:hover, .step-bar .step3 a:hover, .step-bar .step4 a:hover, .step-bar .step5 a:hover {background-position: 4px -17px; }

.step-bar .active a {color: #58B7DD; background-position: 4px -17px; }

.step1 a {background-image: url(/images/step1.gif); }
.step2 a {background-image: url(/images/step2.gif); }
.step3 a {background-image: url(/images/step3.gif); }
.step4 a {background-image: url(/images/step4.gif); }
.step5 a {background-image: url(/images/step5.gif); }


/*-----------------------------------------------------------
	Decision Result 
-----------------------------------------------------------*/
.decision .winner, div.focus {background: #FFF; border: 2px solid #FDBB63; padding: 10px; margin: 5px 0 15px 0; font-size: 1.3em; text-align: center; font-weight: bold; line-height: 1.5em; color: #F6A02D;}
.decision .winner span, div.focus span {color: #222; font-size: 1.3em; }

.decision .recap div {clear: both; margin-bottom: 10px; }
.decision .recap div label {float: left; margin: 0 10px 0 0; width: 155px; font-weight: bold; color: #58B7DD; }
.decision .recap div div {clear: none; float: right; width: 450px; }

.decision table {border: 2px solid #C1E3F3; background: #EEF6FC; }

.decision table thead td {text-align: center; background: #C1E3F3; font-size: .8em;}
.decision table thead td .option {font-weight: bold; font-size: 1.2em; }

.decision table tbody td {padding: 10px 5px; font-size: .9em; }
.decision table tbody tr.odd td {background: #FFF; }

.decision table tfoot td {text-align: center; background: #C1E3F3; font-weight: bold; padding: 10px 5px; }
.decision table tfoot td.title {text-align: left; font-size: .9em }
.decision table tfoot td .topscore {background: #FFF; border: 1px solid #FDBB63; color: #F6A02D; font-size: 1.4em; padding: 5px; }

/*-----------------------------------------------------------
	Rank
-----------------------------------------------------------*/

.best {border: 1px solid #FDBB63; padding: 2px; }

.rank {list-style: none; margin: 0; padding: 0; width: 90px; height: 18px; position: relative; background: url(/images/rank.gif) top left repeat-x; }
.rank li {padding: 0; margin: 0; float: left; }
.rank li a {display: block; width: 18px; height: 18px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; }
.rank li a:hover {background: url(/images/rank.gif) left bottom; z-index: 2; left: 0px; }
.rank a.one {left: 0px; }
.rank a.one:hover {width: 18px; }
.rank a.two {left: 18px; }
.rank a.two:hover {width: 36px; }
.rank a.three {left: 36px; }
.rank a.three:hover {width: 54px; }
.rank a.four {left: 54px; }	
.rank a.four:hover {width: 72px; }
.rank a.five {left: 72px; }
.rank a.five:hover {width: 90px; }
.rank li.current-rating {background: url(/images/rank.gif) 0px 18px; position: absolute; height: 18px; display: block; text-indent: -9000px; z-index: 1;}	


ul.nohover a {width: 0px;}
/* End Star Rating */

/*-----------------------------------------------------------
	Pagination
-----------------------------------------------------------*/
.pagination {
	padding: 3px;
	margin: 3px;
	text-align:center;
}

.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	text-decoration: none; /* no underline */
	color: #58B7DD;
}

.pagination a:hover,
.pagination a:active {
	border: 1px solid #999;
	color: #666;
}
.pagination .current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #58B7DD;
	font-weight: bold;
	background-color: #58B7DD;
	color: #FFF;
}
.pagination .disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}

/*-----------------------------------------------------------
	Misc
-----------------------------------------------------------*/

.right {float: right; }
.left {float: left; }

.clear {clear: both; }
.clearleft {clear: left; }
.clearright {clear: right; }

.top1em {margin-top: 1em; }

.noborder {border: none !important; }
.nobg, nobg:hover {background: none !important; }

.nonlink {cursor: default;}