/* Colours */

.burgundy {color:#580000;}
.brown {color:#543727;}
.red {color: #870000;}
/* Site Layout */

html{background: #ebe5d5 url(../images/bg.jpg) repeat-x;}
body{line-height: 1.5em;}

#container { width: 1400px; position: relative; left: -190px; margin: 0 auto; min-height: 900px; height: auto; height: 900px !important; background: url(../images/bg-content.png) no-repeat; }
.wrapper { width: 950px; margin: 0 auto;}

/*  Header  */
.header{margin-top: 25px;}

/* Navigation */
.leftcolumn .navigation{margin-top: 25px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
.leftcolumn .navigation ul{list-style: none;}
.leftcolumn .navigation li{line-height: 2.5em;}
.leftcolumn .navigation li a {text-decoration:none; font-weight:bold; font-size: 1.2em; text-transform: uppercase; color: #870000;}
.leftcolumn .navigation li a:hover, .navigation li a.active{text-decoration:none; color:#580000;}

.leftcolumn .navigation ul ul{list-style: none; border-bottom: 1px solid #870000; border-top: 1px solid #870000;}
.leftcolumn .navigation li ul li{line-height: 1.5em; margin-left: 10px;}
.leftcolumn .navigation li ul li a {text-decoration:none; font-weight:bold; font-size: .9em; color: #870000;}
.leftcolumn .navigation li ul li a:hover, .navigation li ul li a.active{color:#580000;}

.header .navigation{ margin-top: 35px; font-family: Arial, Helvetica, sans-serif;}
.header .navigation ul{list-style: none;}
.header .navigation li{display: inline; margin-right: 10px;}
.header .navigation li a {text-decoration:none; font-weight:bold; font-size: .9em; text-transform: uppercase; color: #580000;}
.header .navigation li a:hover, .header .navigation li a.active{color:#580000; text-decoration: underline;}

/* Content */

h1,h2,h3,h4,h5,h6{color: #580000; line-height: 1.1em;}
p{margin-bottom: 10px;}
a, strong {color: #580000;}
.content ul,ol {margin-left: 25px;}

.content {margin-top: 15px;}
.logo {margin-top: 55px;}
.welcome {border-bottom: 1px solid #580000; border-top: 1px solid #580000; padding: 5px 0; margin: 3px 0 5px 0;}
.pagetitle h1{color: #580000; text-transform: uppercase; font-size: 1.9em; margin-top: 10px;}
.ticker {/* margin: 65px 0 0 35px; */ position: relative; left: 20px; top: 65px;}

.rings {margin-bottom: 15px;}
.rings a.applynow, .rings a.viewapplicants, .rings a.winners, .rings a.votenow {float: left; width: 155px; height: 160px; text-indent: -999px}
.rings a.applynow{background: url(../images/ring-applynow.png) no-repeat;}
.rings a.viewapplicants{background: url(../images/ring-viewapplicants.png) no-repeat;}
.rings a.winners{background: url(../images/ring-2008winners.png) no-repeat;}
.rings a.votenow{background: url(../images/ring-votenow.png) no-repeat;}

.rings a:hover.applynow, .rings a:hover.viewapplicants, .rings a:hover.winners, .rings a:hover.votenow{background-position: 0 -163px;}

.content h1{font-size:1.9em;margin:1em 0 .5em;}
.content h2{font-size:1.7em;margin:1.07em 0 .535em;}
.content h3{font-size:1.5em;margin:1.14em 0 .57em;}
.content h4{font-size:1.3em;margin:1.23em 0 .615em;}
.content h5{font-size:1.2em;margin:1.33em 0 .67em;}
.content h6{font-size:1em;margin:1.6em 0 .8em;}


.video {background: url(../images/bg-video.png) no-repeat; height: 354px; width: 513px;}
.video img {position: relative; top: 37px; left: 42px;}
.video object {position: relative; top: 37px; left: 42px; width: 425px !important; height: 272px !important;}
.video embed{/* position: relative;  */top: 37px; left: 42px; width: 425px !important; height: 272px !important;}
.video .rating {clear:both;}

/* Sponsors Banner  */
.sponsorbanner {}

/*  Paging  */
.paging {border-bottom: 1px solid #870000; margin-bottom: 10px; padding-bottom: 3px; font-weight: bold;}
.bottom {border-bottom: none; margin-top: 15px; padding: 0;}

.paging .pagination .forward input, .paging .pagination .back input{display:inline; width: 20px; border: none; height: 10px;}
.paging .pagination .back input{margin-right: 3px;}
.paging .pagination .forward {margin-left: 3px;}
.paging .pagination .pager{}
.pagination {text-align: right; margin-top: 5px;}
.pagination input {width:20px; margin: 0; padding: 0; border-top: 1px solid #000; border-bottom: 1px solid #fff; border-left: 1px solid #aaa; border-right: 1px solid #fff; text-align: center;}
.paging .search {float: left; padding-top: 5px;}
.paging .search input[type="text"]{width:70px; margin: 0 3px 0 0; padding: 0; border-top: 1px solid #000; border-bottom: 1px solid #fff; border-left: 1px solid #aaa; border-right: 1px solid #fff;}
.paging .search input[type="image"]{height:10px; margin-top: 3px;}


.paging .back a{color:#870000; text-decoration:none; font-size: .9em; padding: 0 .2em; margin-top: 0;}


.filter, .thumblimit, .pagination{font-size: .7em; color:#870000; font-weight: bold; text-transform:uppercase;}
.filter a, .thumblimit a, .pagination a{color:#870000; text-decoration:underline; padding: 0 .2em;}
.filter {text-align: left; margin-top: 5px;}
.filter a:hover,.filter a.active, .thumblimit a:hover, .thumblimit a.active, .pagination a:hover, .pagination a.active{color:#fff}
.filter select{text-transform: none; margin: 0 3px 0 3px; display:inline; padding: 0; border-top: 1px solid #000; border-bottom: 1px solid #fff; border-left: 1px solid #aaa; border-right: 1px solid #fff;}

/*  Applicants  */
.applicant {font-size: .9em;}
.applicant .photo { background:url(../images/bg-thumb.png); width:230px; height: 159px;margin-bottom: .8em;}
.applicant .photo img {position: relative; top: 17px; left: 19px; width:190px; height:122px; }
.applicant .name {}
.applicant .name a {color:#870000; font-weight:bold; margin-bottom:5px; text-decoration: none;}
.applicant .name a:hover {}
.applicant .label {color:#543727; width:auto;}
.applicant .info {color:#78040e;font-weight:bold; display: inline; width:auto;}
.applicant .viewprofile {border-bottom:1px solid #870000; border-top:1px solid #870000;clear:both; margin: 1em 0; padding:3px 0; width:100%;}
.applicant .viewprofile a {color:#870000; font-weight:bold; text-transform:uppercase; margin-top:4px;text-decoration:none;  width:100%;}
.applicant .viewprofile a:hover { text-decoration:underline; }

/*  Applicant profile  */

.applicantdetail {margin-bottom: 10px; line-height: 1.5em;}
.applicantdetail .name {color:#870000; font-size:1.3em; font-weight:bold; margin-bottom: 5px;}
.applicantdetail .city, .applicantdetail .location, .applicantdetail .school{display: inline; margin-right: 10px;}
.applicantdetail .photolarge {background:url(../images/applicant-photo-bg-lg.png);}
.applicantdetail .photolarge img {}
.applicantdetail .qa {}
.applicantdetail .label {color:#4b1b12; font-size:.9em; display: inline;}
* html .applicantdetail .label {}
.applicantdetail .info {color:#78040e; font-size:.9em; font-weight:bold; margin-bottom:5px; display: inline;}
* html .applicantdetail .info {}

/* Most viewed */
.mostviewed .applicant{margin-bottom: 15px;}
.mostviewed h5 {color: #870000; text-transform: uppercase; font-weight: bold; margin-bottom: 15px; font-size: 1.3em;}

/* Footer */
.footer{border-top: 1px solid #580000; text-align: right; margin-top: 20px;}
.footer .navigation{float:right; font-family: Arial, Helvetica, sans-serif;}
.footer .navigation ul{list-style: none;}
.footer .navigation li{display: inline; margin-left: 10px;}
.footer .navigation li a {text-decoration:none; font-weight:bold; font-size: .8em; text-transform: uppercase; color: #580000;}
.footer .navigation li a:hover, .footer .navigation li a.active{color:#580000; text-decoration: underline;}

.footer .copyright {text-decoration:none; font-weight:bold; font-size: .8em; text-transform: uppercase; color: #580000;}
/*   Forms  */
form{font-size:1em}
fieldset {margin: 10px 0; border: 1px solid #580000;}
label{float:left; clear:both; width: 100px; text-align: right;}
input[type="checkbox"]{float:left;clear:left;}
select {float:left; display:inline; margin-left: 10px; margin-bottom: 10px;}

span.autowidth label {/* float:left; */ clear:none; width:90%; text-align: left; display: inline;}

legend {color: #580000; margin: 10px 0;}
/*span{float:left; text-align: right; clear:both;width:100px; margin-bottom: 5px;}*/
input.textbox, input[type="text"],input[type="password"]{float:left; margin-left: 10px; width: 205px; height: 20px;margin-bottom: 5px;}
textarea{float:left; margin-left: 10px;width: 255px;}
input[type="submit"] {float:left; clear:both; margin-left: 110px;}
input.button{width:70px;height:20px; border:1px solid #78040e;background-color:#78040e;text-transform:uppercase;font-size:10px;color:#fff;font-weight:700;cursor:pointer;margin:0 15px 15px 5px}
.span-5 label {display: inline; clear: none; float:left; display: block;}
fieldset span{float:left;}
fieldset p {clear:both;}
table label {float:none; text-align:left; margin-left: 5px;}
/*  Share  */

.share {clear:both; margin:10px 0; border: 1px solid #580000;}

/*  Comments  */
.comments .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden; }

/* IE7 Fix */
.comments .clearfix { zoom: 1; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}


.comment div.cmd span a {color: #580000;}
.comment div span strong {color: #580000; font-weight: bold;}
.comment div.cmd span.r em strong {color:#580000;font-size:11px;display:inline;}
#cmt-sort-wrapper { font-size:12px; margin:15px 0 20px; }
#cmt-sort-wrapper span { color:#141212; font-weight:bold; }
#cmt-sort-wrapper a { color:#580000; text-decoration:none; }
#cmt-sort-wrapper a.active { font-weight:bold; }

.comment-wrapper { text-align:center;}
.comment-wrapper img.loading { margin:20px 0; }

.comment {border-left:1px solid #870000; border-right:1px solid #870000; text-align:left;padding:10px 0; border-top:1px solid #870000;}
.comments { border-bottom:1px solid #870000;}
.comments .odd{/* background-color:#ccc */background: url(../images/transparent.png) repeat;}
.comment div{background:url(../images/commentline.gif) repeat-y left top;}
.comment div span{width:130px;color:#000;font-size:11px;display:inline;float:left;overflow:hidden;padding:0 5px}
.comment div span.r{width:215px;color:#000;font-size:13px;padding:0 5px 0 20px}
.comment div span.blocked{font-style:italic;font-size:12px}
.comment div span strong{color:#580000;font-size:13px;font-weight:400;display:block;margin:0 0 2px}
.comment div span strong a{color:#580000;text-decoration:none}
.comment div span strong a em{font-style:normal;font-weight:700}
.comment div.cmd span{position:relative}
.comment div.cmd span a{font-size:10px;display:inline;float:left;line-height:110%}
.comment div.cmd{padding-top:5px}
.comment div.cmd span.r{background:none;height:auto;line-height:100%;margin-top:5px}
.comment div.cmd span.r em,.comment div.cmd span.r em *{color:#515151;font-size:11px;display:inline;float:left}
.comment div.cmd span.r em strong{color:#580000;font-size:11px;font-weight:700;text-transform:uppercase;display:inline;float:none}
.comment div.cmd span.r a{font-size:11px;display:inline;float:left;margin:0 5px 0 0;padding:0}
.comment div.cmd span.r a em{display:none}
.comment div.cmd span.r a.policy,.comment div.cmd span.r a.report{float:right}
.comment div.cmd span em{font-style:normal;display:block;line-height:100%}

.commentform {clear:both;}
.commentform legend {color: #580000; margin: 10px 0;}
.commentform span{float:left; text-align: right; clear:both;width:100px; margin-bottom: 5px;}
.commentform input[type="text"]{float:left;margin-left: 10px; width: 255px; height: 20px;margin-bottom: 5px;}
.commentform textarea{float:left; margin-left: 10px;width: 255px;}
.commentform input[type="submit"] {float:left; clear:both; margin-left: 110px;}



/* ****************** RatingStar ****************** */
.ratingStar{white-space:nowrap;margin:1em;height:16px;}
.ratingStar .ratingItem {font-size: 0pt; width: 16px;height: 16px;margin: 0px;padding: 0px;display: block;background-repeat: no-repeat;cursor:pointer;}
.ratingStar .Filled {background-image: url(../images/star-on.png);}
.ratingStar .Empty {background-image: url(../images/star-off.png);}
.ratingStar .Saved {background-image: url(../images/star-on.png);}

/* Top 10 List */

.topten{width: 605px; height: 428px; background: url(../images/bg-top10.png) no-repeat;font-weight: bold; font-size: 1.2em;color: #580000; line-height: 1.5em;}
.topten h1{position: relative; top: 50px; left: 270px;}
.topten ol{float:left; display:inline; position: relative; top: 50px; left: 150px;}
.topten li {float:left; clear:both;}
.topten li span{/* float:left; */}
.topten span.name{float:left; display:block;margin-right: 30px; width: 130px;}
.topten span.score{float:left; display:block;margin-right: 50px; color: #003966; width:30px;}
.topten span.time{float:left; display:block;color: #003966;}

.topten .playagain{position: relative; top: 305px; left: -190px;}

/* Video upload */
iframe {background-color: transparent;}
iframe input[type="file"] {}
iframe input[type="submit"]{width:70px;height:20px; border:1px solid #78040e;background-color:#78040e;text-transform:uppercase;font-size:10px;color:#fff;font-weight:700;cursor:pointer;margin:0 15px 15px 5px}


.ie6{margin: 0 auto 15px auto; width:950px; margin: 0 auto; height: 70px;  repeat-x; color: #fff; text-align: center; font-size: 1.5em; padding-top: 15px; font-weight: bold; border: 3px solid #fff;z-index: 100;}
.ie6 a{color:#fff;}

.errormessage {display:inline; float:left; }