/* Frontpage > Roland 2TheMax - Design Competitions | By http://icreativelabs.com */

/* Global Settings */

body, html {
	margin: 0px;
	padding: 0px;
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color: #400920;
	height: 100%;	
	background: #7D2956;
}

a, a:active, a:visited {
	color: #400920;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

hr {
	border: none;
	border-top: 1px solid #E8E6E2;
	margin: 5px 0;
}

p {
	margin: 10px 0;
}

.clear {
	clear: both;
}

.rightForce {
	float: right;
}

.orange {
	color: #F45F13;
}

.purple {
	color: #400920;
}

.titleRight {
	float: left;
	width: 300px;
}

/* -- END OF Global Settings */

/* Container */

#container {
	margin: 0px auto;
	padding: 0px 20px;
	width: 960px;
}

.header, .content, .footer {
	margin: 0px auto;
	padding: 0px;
	width: 960px;
}

/* --- End of Container */

/* Header */

.headLeft {
	float: left;
}

.theMax {
	float: right;
	margin: 20px 0 0 25px;
}

.theMax h1 {
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	background: url(../../images/front/2themax.jpg) no-repeat;
}

.theMax h1 a {
	display: block;
	height: 93px;
	width: 265px;
}

.donation {
	float: left;
}

.donation a img {
	text-decoration: none;
	border: none;
}

/* Live Person */
.headLeft{position:relative}
.live {
  position:absolute;
  top:10px;
  left:435px;
}
.live a, .live img{border:0; margin:0; padding:0}
/* --- End of Live Person */

.headRight {
	float: right;
	margin-top: -12px;
	padding: 0px;
}

.login {
	background: url(../../images/front/bg_login.gif) no-repeat;
	display: block;
	width: 414px;
	height: 88px;
	margin: 0px;
	padding: 10px 0 0 10px;
	position:relative;
}

.login h2 {
	margin: 5px 0;
}

.login p {
	margin: 8px 0;
}

.login span {
	margin-top: 10px;
}

p.loginEmail {
	display:inline-block;
	float: left;
	margin: 10px 2px 0 0;
}

p.loginPass {
	display:inline-block;
	float: left;
	margin: 10px 0 0;
}

.loginEmail input {
	border: none;
	width: 180px;
	padding: 5px;
}

.loginPass input {
	border: none;
	width: 140px;
	padding: 5px;
}

input.loginGo {
	margin: 0px;
	padding: 0px;
	width: 58px;
	height: 37px;
	vertical-align: top;
	position: absolute;
	top:34px;
	right:3px;
}

.forgot {
	position: relative;
	top: -10px;
}

.twitter {
	float: left;
	width: 165px;
}

.share {
	float: right;
	width: 125px;
}

.twitter a img, .share a img {
	border: none;
	text-decoration: none;
} 

/* --- End of Header */

/* Top Menu */

h2.wrap, h2.wrap2 {
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	float: left;
	position: relative;
	z-index: 10;
}

h2.wrap {
	background: url(../../images/front/wrap2.gif) no-repeat;
}

h2.wrap2 {
	background: url(../../images/front/wrap.gif) no-repeat;
}

h2.wrap2 a:hover, h2.wrap a:hover {
	background: url(../../images/front/wrap.gif) no-repeat;
}

h2.wrap a, h2.wrap2 a {
	display: block;
	width: 259px;
	height: 73px;
}

.topMenu ul {
	margin: 0px;
	padding: 0px;
	float: left;
}

.topMenu ul li {
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0px;
	float: left;
}

.topMenu ul li a {
	display: block;
	text-indent: -9999px;
	height: 44px;
}

.topMenu ul li a.entryArea {
	background: url(../../images/front/entry_area.gif) no-repeat;
	width: 173px;
}

.topMenu ul li a.entryArea2, .topMenu ul li a.entryArea:hover {
	background: url(../../images/front/entry_area2.gif) no-repeat;
	width: 173px;
}

.topMenu ul li a.rateDesign {
	background: url(../../images/front/rate_design.gif) no-repeat;
	width: 195px;
}

.topMenu ul li a.rateDesign2, .topMenu ul li a.rateDesign:hover {
	background: url(../../images/front/rate_design2.gif) no-repeat;
	width: 195px;
}

.topMenu ul li a.submitBrief {
	background: url(../../images/front/submit_brief.gif) no-repeat;
	width: 195px;
	margin-left: 123px;
}

.topMenu ul li a.submitBrief2, .topMenu ul li a.submitBrief:hover {
	background: url(../../images/front/submit_brief2.gif) no-repeat;
	width: 195px;
	margin-left: 123px;
}

/* --- End of Top Menu */

/* real Content */

.whiteBG {
	background: #ffffff url(../../images/front/bg_footer.gif) no-repeat center bottom;
	width: 960px;
	position: relative;
	top: -30px;
	z-index: 1;
}

/*
.woops {
	text-align: center;
	font-size: 17px;
	margin-top: 0px;
	width: 960px;
	background: #ffffff;
	clear: both;
}
*/

.whiteBG h2.wrongId {
	text-indent: -9999px;
	display: block;
	width: 396px;
	background: url(../../images/front/wrongId.gif) no-repeat center;
	margin: 0 auto;
	height: 44px;
	position: relative;
	top: 50px;
}

.whiteBG h2.screw {
	text-indent: -9999px;
	display: block;
	width: 196px;
	background: url(../../images/front/schweet.gif) no-repeat center;
	margin: 0 auto;
	height: 35px;
	position: relative;
	top: 50px;
}

.whiteBG h2.designFor {
	text-indent: -9999px;
	display: block;
	width: 394px;
	background: url(../../images/front/designfor.gif) no-repeat center;
	margin: 0 auto;
	height: 35px;
	position: relative;
	top: 50px;
}

.notValid {
	font-size: 17px;
	display: block;
	text-align: center;
	position: relative;
	top: 50px;
}

.aidsTag {
	font-size: 17px;
	display: block;
	text-align: left;
	position: relative;
	top: 50px;
	color: #F45F13;
	margin: 20px 150px 0;
	width: 550px;
	line-height: 22px;
}

.aidsTag2 {
	font-size: 17px;
	display: block;
	text-align: left;
	color: #F45F13;
	margin: 10px 150px 0;
	width: 550px;
	line-height: 22px;
}

.aidsPic {
	margin: 10px 0 0 150px;
}

.aidsPic img {
	margin: 0 10px 20px 0;
}

.contentLeft {
	float: left;
	width: 625px;
	margin: 35px 20px 20px;
}

.ninja {
	float: left;
	width: 300px;
	margin: 40px 0 0 20px;
}

.aids {
	float: left;
	width: 150px;
	margin: 40px 0 0 50px;
}

.messageReg {
	float: right;
	width: 300px;
	margin-top: 40px;
}

.messageAids {
	float: right;
	width: 400px;
	margin: 40px 0 0 0px;
}

.messageAids p {
	font-size: 14px;
	font-weight: normal;
	line-height: 22px;
	color: #7D2956;
}

.messageReg h3 {
	color: #F45F13;
	text-transform: capitalize !important;
}

.messageReg form label {
	color: #f45f13;
	font-size: 14px;
}

.carMsg {
	color: #F45F13;
	font-size: 17px;
}

.bigOrange {
	color: #F45F13;
	font-size: 15px;
}

.briefRight ul {
	margin: 0px !important;
	padding: 0px !important;
}

.briefRight ul li {
	list-style: none;
}

.briefRight ul li a {
	border-bottom: 1px solid #CCCCCC;
	color: #7D2956;
	font-size: 14px;
	display: block;
	text-decoration: none;
	padding: 7px 5px;
	font-weight: bold;
}

.briefRight ul li a:hover {
	background: #E8E6E2
}

.messageReg form input#resend {
	border: 1px solid #E8E6E2;
	padding: 5px;
	color: #400920;
	font: bold 16px Arial, Helvetica, sans-serif;
}

.comment {
	float: left;
	width: 625px;
	margin: 10px 20px;
}

.commentPeople {
	background: #E8E6E2 url(../../images/front/bg_comment.gif) no-repeat center bottom;
}

.commentPeople p {
	padding: 7px 10px 20px;
}

.contentLeft h3 {
	text-transform: uppercase;
	font: bold 17px Arial, Helvetica, sans-serif;
	margin: 10px 0
}

.prev, .paging, .next {
	width: 205px;
	float: left;
}

.prev {
	text-align: left;
}

.paging {
	text-align: center;
}

.next {
	text-align: right;
}

ul.thumbDesigner {
	margin: 0px;
	padding: 0px;
}

ul.thumbDesigner li {
	list-style: none;
	float: left;
	margin: 1px 3px 0 2px;
}

.designNumb {
	font-size: 17px;
	float: left;
	width: 310px;
	text-align: left;
}

.dateSubmit {
	float: right;
	width: 310px;
	text-align: right;
	color: #F45F13;
}

.lastButton {
	float: left;
	text-indent: -9999px;
	background: url(../../images/front/last.gif) no-repeat;
}

.nextButton {
	float: right;
	text-indent: -9999px;
	background: url(../../images/front/next.gif) no-repeat;
}

.lastButton a, .nextButton a {
	display: block;
	width: 70px;
	height: 26px;
}

.designBrief {
	margin: 5px 5px 5px 0;
	border: 1px solid #E8E6E2;
	float: left;
	width: 295px;
	padding: 5px;
}

.designBrief:hover {
	background: #E8E6E2;
}

.designBrief img {
	float: left;
	width: 85px;
}

.designBrief p {
	float: right;
	width: 200px;
	margin: 0px 0 10px;
}

.designBrief p span.briefId {
	color: #F24506;
}

.designBrief p span.briefComp {
	font-size: 18px;
}

.briefLeft {
	float: left;
	width: 165px;
	padding-right: 5px;
}

.briefLeft ul, .briefRight ul {
	margin: 0px;
	padding: 0 15px 10px;
}

.briefRight {
	float: right;
	width: 450px;
	font-weight: normal;
	padding-left: 5px;
}

.briefRight h5 {
	font-size: 15px;
	margin: 10px 0;
	color: #F45F13;
}

.briefRight p span.briefId {
	color: #F24506;
}

.briefRight p span.briefComp {
	font-size: 18px;
	font-weight: bold;
}

.briefRight form {
	color: #F45F13;
	font-weight: bold;
}

.briefRight form input {
	border: 1px solid #E8E6E2;
	padding: 5px;
	color: #400920;
	font: bold 16px Arial, Helvetica, sans-serif;
}

.briefRight form span.check {
	float: left;
	width: 20px;
}

.briefRight form span.checkDetail {
	float: right;
	width: 400px;
}

.briefRight form input#signUp, .briefRight form input#attachment, .briefRight form input.attachment, .briefRight form input#submitNow {
	border: none;
	padding: 0px;
	font-weight: normal;
	font-size: 11px;
}

.briefRight form textarea {
	border: 1px solid #E8E6E2;
	padding: 5px;
	color: #400920;
	font: bold 14px Arial, Helvetica, sans-serif;
}

/*
.briefRight p {
margin: 10px 0;
}
*/

p.stepLeft {
	float: left;
	width: 380px;
}

p.stepRight {
	float: right;
	width: 235px;
	margin: -20px 0 0 0;
}

.required {
	font-size: 26px;
	vertical-align: bottom;
}

.warning {
	background: #FFFF66;
	padding: 5px 5px;
	color: black;
}

.red {
	color: #CC0000;
}

/* SideBar */

.contentRight {
	float: right;
	width: 260px;
	margin: 10px 15px;
}

.commentAdd {
	float: right;
	width: 260px;
	margin: 20px 15px 20px;
}

.commentAdd textarea {
	background: #E8E6E2;
	margin: 5px 0;
	border: none;
}

.commentAdd input {
	float: right;
}

.commentAdd p {
	background: #E8E6E2;
	padding: 8px;
}

.font23 {
	font-size: 23px;
}

.font18 {
	font-size: 18px;
}

.font14 {
	font-size: 14px;
}

.purpleBox {
	background: #E8E6E2;
	border: 1px solid #400920;
	text-align: center;
	padding: 10px;
}

.purpleBox2 {
	background: #E8E6E2;
	padding: 10px;
	font-weight: bold;
	margin: 10px 0;
}

.purpleBox3 {
	background: #E8E6E2;
	padding: 3px 10px;
	font-weight: bold;
	margin: 80px 0 0 0;
}

.purpleBox3 h3 {
	color: #f45f13;
	font-size: 18px;
}

.contentRight h4 {
	margin: 10px 0; 
}

h3.howtoWarp {
	text-indent: -9999px;
	background: url(../../images/front/design_warp.gif) no-repeat;
	display: block;
	width: 588px;
	height: 47px;
}

h3.waitMore {
	text-indent: -9999px;
	background: url(../../images/front/wait_more.gif) no-repeat;
	display: block;
	width: 413px;
	height: 34px;
}

h3.fail {
	text-indent: -9999px;
	background: url(../../images/front/fail.gif) no-repeat;
	display: block;
	width: 150px;
	height: 26px;
}

h3.carTemplate {
	text-indent: -9999px;
	background: url(../../images/front/car_template.gif) no-repeat;
	display: block;
	width: 332px;
	height: 36px;
}

h3.wrapArticle {
	text-indent: -9999px;
	background: url(../../images/front/wrap_article.gif) no-repeat;
	display: block;
	width: 332px;
	height: 36px;
}

h3.faq {
	text-indent: -9999px;
	background: url(../../images/front/faqs.gif) no-repeat;
	display: block;
	width: 99px;
	height: 36px;
}

.faqMsg {
	border: 1px solid #E4E2DD;
	padding: 0 7px;
	margin: 10px 0 0;
}

h4.printRoland {
	margin: 0px;
	text-indent: -9999px;
	background: url(../../images/front/printed_roland.gif) no-repeat;
}

h4.contactRoland {
	margin: 0px;
	text-indent: -9999px;
	background: url(../../images/front/contact_rolland.gif) no-repeat;
}

h4.viewRate {
	margin: 0px;
	text-indent: -9999px;
	background: url(../../images/front/view_rate.gif) no-repeat;
}

h4.theWinners {
	margin: 0px;
	text-indent: -9999px;
	background: url(../../images/front/the_winners.gif) no-repeat;
}

h4.haveEnter {
	margin: 0px;
	text-indent: -9999px;
	background: url(../../images/front/have_enter.gif) no-repeat;
}

h4.monthJudges {
	margin: 0px;
	text-indent: -9999px;
	background: url(../../images/front/month_judges.gif) no-repeat;
}

h4.rateDesign {
	margin: 0px;
	text-indent: -9999px;
	background: url(../../images/front/ratethis_design.gif) no-repeat;
}

h4.youWin {
	margin: 0px;
	text-indent: -9999px;
	background: url(../../images/front/winner.gif) no-repeat;
}

h4.voteEntry {
	margin: 0px;
	text-indent: -9999px;
	background: url(../../images/front/vote_entry.gif) no-repeat;
}

h4.commentDesign {
	margin: 0px;
	text-indent: -9999px;
	background: url(../../images/front/comment_design.gif) no-repeat;
}

h4.vehicleWraps {
	margin: 0px;
	text-indent: -9999px;
	background: url(../../images/front/vehicle_wraps.gif) no-repeat;
}

h4.voteForDesign {
	margin: 0px;
	text-indent: -9999px;
	background: url(../../images/front/votefor_design.gif) no-repeat;
}

h4.chooseBrief {
	margin: 0px;
	text-indent: -9999px;
	background: url(../../images/front/choose_brief.gif) no-repeat;
}

h4.downloadFile {
	margin: 0px;
	text-indent: -9999px;
	background: url(../../images/front/download_file.gif) no-repeat;
}

h4.howMade {
	margin: 0px;
	text-indent: -9999px;
	background: url(../../images/front/how_made.gif) no-repeat;
}

h4.yourDetail {
	margin: 0px;
	text-indent: -9999px;
	background: url(../../images/front/your_detail.gif) no-repeat;
}

h4.tellAbout {
	margin: 0px;
	text-indent: -9999px;
	background: url(../../images/front/tell_about.gif) no-repeat;
}

h4.infoDisplay {
	margin: 0px;
	text-indent: -9999px;
	background: url(../../images/front/info_display.gif) no-repeat;
}

h4.aboutVehicle {
	margin: 0px;
	text-indent: -9999px;
	background: url(../../images/front/about_vehicle.gif) no-repeat;
}

h4.printRoland a, h4.contactRoland a, h4.viewRate a, h4.theWinners a, h4.haveEnter a, h4.monthJudges a, h4.rateDesign a, h4.commentDesign a, h4.vehicleWraps a, h4.voteForDesign a, h4.howMade a {
	display: block;
	height: 27px;
	width: 260px;
	margin: 7px 0;
}

h4.voteEntry a, h4.youWin a {
	display: block;
	width: 260px;
	height: 48px;
	margin: 7px 0;
}

h4.chooseBrief a, h4.downloadFile a {
	display: block;
	width: 160px;
	height: 26px;
	margin: 7px 0;
}

h4.yourDetail {
	display: block;
	width: 447px;
	height: 26px;
}

h4.tellAbout, h4.infoDisplay {
	display: block;
	width: 233px;
	height: 22px;
	margin: 10px 0;
}

h4.aboutVehicle {
	display: block;
	width: 291px;
	height: 22px;
	margin: 10px 0;
}

h4.profilePic {
	margin-top: 70px;
}

.avatarThumb {
	margin: 5px 0;
}

.avatarThumb img {
	float: left;
	width: 85px;
}

.avatarThumb p {
	float: right;
	width: 170px;
	margin: 0px 0 10px;
}

.avatarThumb p span.avatarId {
	color: #F24506;
}

.avatarThumb p span.avatarName {
	font-size: 15px;
}

ul.greenList {
	margin: 0px;
	padding: 0px;
}

ul.greenList li {
	list-style: none;
}

ul.greenList li a {
	background: #999933;
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 4px;
	margin: 3px 0;
}

ul.greenList li a:hover {
	background: #cccccc;
	color: #999933;
}

ul.purpleList {
	margin: 0px;
	padding: 0px;
}

ul.purpleList li {
	list-style: none;
}

ul.purpleList li a {
	background: #E8E6E2;
	text-decoration: none;
	display: block;
	padding: 4px;
	margin: 3px 0;
}

ul.purpleList li a:hover {
	background: #7D2956;
	color: #ffffff;
}

ul.purpleList li a.bgOrange {
	background: #F45F13;
	text-decoration: none;
	display: block;
	padding: 4px;
	margin: 3px 0;
}

/* --- End of SideBar */

/* --- End of real Content */

/* Footer */

.footer p {
	font: bold 10px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

.footer1, .footer2, .footer3 {
	width: 300px;
	float: left;
}

.footer2 {
	width: 360px;
}

.footer1 a, .footer2 a, .footer3 a {
	color: #9A597C;
	text-decoration: none;
}

.footer1 a:hover, .footer2 a:hover, .footer3 a:hover {
	color: #ffffff;
}

.footer1 {
	text-align: left;
}

.footer2 {
	text-align: center;
}

.footer3 {
	text-align: right;
}

/* --- End of Footer */

/*IE Fix by 80tasks.com*/
.theMax{ position:absolute; left:160px; top:0}
.login span{margin:0}
.login,.topMenu{position:relative; z-index:3}
.twitter, .share{ position:absolute; top:98px}
.share{ right:0}
.topMenu{top:-1px; width:960px}
.topMenu ul li a.submitBrief{margin:0; position:absolute; right:0; top:0}
/*more fix by ibnu*/
.SI-FILES-STYLIZED label.cabinet
{
    width: 91px;
    height: 29px;
    background: url(../../images/front/select_file.gif) 0 0 no-repeat;

    display: block;
    overflow: hidden;
    cursor: pointer;
}

.SI-FILES-STYLIZED label.cabinet input.file
{
    position: relative;
    height: 100%;
    width: auto;
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}