@charset "utf-8";
/* CSS Document */
html,body{ background-color:#000000; background-image:url(/img/black.gif)}

body {text-align:center; font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; background-color:#000000; background-image:url(/img/black.gif)}
#wrapper {margin:0 auto; width:990px; text-align:left; background-color:#ffffff;}

#header {background-color:#000000;}
#left-content{float:left; width: 168px; padding:20px 10px 10px 20px;}
#right-content{margin-left: 203px; padding: 10px 10px 10px 0; width: 774px; }

#top-slogan{font-size: 20px; width:170px; margin-top: 14px; margin-left: 10px; font-weight: bolder;}
#header-top{width: 990px; height: 10px;}
#logo{float:left; width: 138px; height: 81px; margin-right: 10px; background-color:#F8961D; padding:10px 0 0 5px;}
#logo-left{float: left; width: 44px; height: 91px; margin-right: 10px; background-color:#F8961D}
#logo-right{float: left; height: 91px; width: 783px; background-color:#F8961D}
#logo-right #top-slogan {font-size: 16px;}

#search-box{float: right; width: 190px; padding-top: 20px; text-align:right}
#search-box input{width: 120px; margin-top: 0px; }
#search-box a.search{display:inline; font-size: 12px; font-weight:bold; color:#000000; text-decoration:none;margin-left: 0px; margin-top: 0px;}
#search-box a{ font-size: 13px; font-weight:bold; color:#000000; text-decoration:none; margin-right: 15px; margin-top: 3px;}
#search-box a:hover{ background-color:#000000; color:#FFFFFF}

#menu{ background-color:#000000; text-align:center; padding: 3px 0 3px 0; }
#menu a{ padding: 0px 8px 0 8px; border-right: 1px solid #FFFFFF; font-size: 13px; font-weight: bold; color:#FFFFFF; text-decoration:none; }
#menu a:hover{ padding: 0px 8px 0 8px; border-right: 1px solid #FFFFFF; font-size: 13px; font-weight: bold; color:#000000; background-color:#F8961D; text-decoration:none; }
#menu a.active{ padding: 0px 8px 0 8px; border-right: 1px solid #FFFFFF; font-size: 13px; font-weight: bold; color:#000000; background-color:#F8961D; text-decoration:none; }

#left-content h2{font-size: 16px; color:#000000; font-weight:bold; text-align:center; }
#left-content h3{font-size: 21px; color:#333333; padding-bottom: 5px;}
#left-content h4{font-size: 22px; color:#8A8C8F; padding: 0 0 10px 20px;}
#left-content h4 span{font-size: 18px; display: block}
/*
#left-content #login-form{margin-left: 0px; margin-bottom: 20px;}
#left-content #login-form label{font-size: 14px;}
#left-content #login-form .text input{width: 138px; border: 3px 3px 2px 2px;}
#left-content #login-form .password input{width: 138px; border: 3px 3px 2px 2px;}
#left-content #login-form .submit input{font-size: 15px; background-color:#D9D9D9; color:#000000; border:0; padding:3px; margin-top: 10px;}
*/
#left-content div.user-details{font-size: 12px; margin-top: 30px;}


#left-content a{font-size: 14px; font-weight: normal; text-decoration:none; color:#000000; margin-bottom: 8px; margin-left: 0px; line-height: 16px;}
#left-content a:hover{font-size: 14px; font-weight: normal; text-decoration:none; color:#000000; }
#left-content a.special{ color:#FFFFFF; letter-spacing: 3px; background-image:url(../img/button-bg-white.png); background-position: right; background-repeat:no-repeat; padding-right: 1px;}
#left-content a.logout{ color:#000000; font-weight:normal; letter-spacing: 1px; padding: 5px; border:2px solid #000000; }
#left-content a.orange{ color:#FFC80B; font-weight:normal; letter-spacing: 1px; padding: 0px;}
#left-content ul li{padding-bottom: 10px;}

#left-content .input{}
#left-content .text label{display:block; font-weight: normal; font-size: 18px; color:#333333}
#left-content .text input{width: 150px;}
#left-content .password label{display:block; font-weight: normal; font-size: 18px; color:#333333}
#left-content .password input{width: 150px;}


#left-content .side-menu{border: 6px solid #999999; padding: 10px; width: 130px; font-weight:bold;}
#left-content .side-menu a{ color:#F8961D; font-weight:bold; }
#left-content .side-menu a:hover{ color:#999999; }
#left-content .side-menu-top{background-image:url(/img/menus/side-top.png); width:174px; height:28px; background-repeat:no-repeat}
#left-content .side-menu-middle{background-image:url(/img/menus/side-middle.png); width:154px; padding:0 0 0 20px;}
#left-content .side-menu-bottom{background-image:url(/img/menus/side-bottom.png); width:174px; height:28px; background-repeat:no-repeat}

#left-content a.lb-launch{margin-bottom:5px;}
#left-content a.lb-agenda{margin-bottom:10px; margin-top: 10px; }

#left-content .partners{ border:4px solid #C2C2C2; padding: 10px 5px 20px 5px; width:140px; text-align:center; margin-top: 10px;}
#left-content .partners img{margin-bottom: 10px;}

#left-content .partners h2{font-size:13px;}



#right-content #login-form {width: 550px; float:left; padding-left: 20px; padding-top: 30px; }
#right-content #login-form a{color:#6666FF; text-decoration:none; font-size: 14px;}
#right-content #login-form a:hover{color:#6666FF; text-decoration:underline;}

#adidea-live{width:157px; height:108px; background-image:url(/img/live-bg.png); margin-top: 5px; margin-bottom: 5px; position:relative;}
#adidea-live h3{color:#818386; margin-bottom: 10px; margin-top: 20px;}
#adidea-live div{float: left; width: 30px; height: 17px; color: #333333; text-align: center; font-size: 16px; font-weight:bold}
#adidea-live label{float:left; color:#818386; height:34px; width: 80px; padding-top: 8px;}


#right-content{padding-top:30px;}
#right-content #Brief { padding-top:20px; }
#right-content #Competition { margin-top: 20px; clear: both; padding-top: 10px;}
#right-content #Competition h3 { font-size: 18px;}
#right-content #Competition span {  font-weight:bold;}
#right-content #Competition .head{margin-top: 10px; font-size: 16px; font-weight:bold;}

#right-content #top-info { margin-bottom: 20px; padding: 0px; border:0px solid #9B9999; width:570px;}
#right-content #top-info h3{ font-size: 19px; color:#333333}
#right-content #top-info p{ font-size: 13px; color:#666666}

#right-content .c-p-box{ padding-top:0px; padding-left:15px; padding-right:15px; font-size:11px;width:152px;  float:left; margin-right:5px; color:#666666}
#right-content .c-p2-box{ padding-top:0px; padding-left:15px; padding-right:15px; font-size:11px; width:255px;  float:left; margin-right:5px; color:#666666}

/* #right-content .input{background-image:url(/img/elements/fb-all.png); background-repeat:no-repeat; padding-top:20px; width: 550px; height: 90px;} */

#right-content .input{background-repeat:no-repeat; padding-top:0px; width: 550px; margin-bottom: 30px; }

#right-content .text{clear: both;}
#right-content .text label{ float:left; width:150px;}
#right-content .text input{ width:380px; height:15px; padding:5px; margin-top:0px; margin-left:0px; background-color:#ffffff; border:1px solid #CCCCCC; float:left; }

#right-content .password{ clear:both;}
#right-content .password label{ float:left; width:150px;}
#right-content .password input{ width:380px; height:15px; padding:5px; margin-top:0px; margin-left:0px; background-color:#ffffff; border:1px solid #CCCCCC; float:left; }

#right-content .select{ clear:both; }
#right-content .select label{ float:left; width:150px;}
#right-content .select select{width:390px; padding:0px; margin-top:0px; margin-left:0px; background-color:#ffffff; border:1px solid #CCCCCC; float:left;}

#right-content .textarea{ clear: both; }
#right-content .textarea label{ float:left; width:150px;}
#right-content .textarea textarea{width:380px; height:55px; padding:5px; margin-top:0px; margin-left:0px; background-color:#ffffff; border:1px solid #CCCCCC; float:left;}

#right-content .checkbox{ width: 120px; float:left;}
#right-content .checkbox label{ width:auto; float:left; padding-left: 2px; }
#right-content .checkbox input{background-color:#ffffff; float:left; margin-left: 2px;}

#right-content .file-browser {}
#right-content .file-browser label{ float:left; width:150px;}
#right-content .file-browser input{ width:290px; margin-top:0px; margin-right:10px; background-color:#ffffff; border:1px solid #CCCCCC; float:left; }

#right-content .form-button {float:left; background-color:#ffffff; color:#000000; padding: 5px; margin-right: 10px; text-decoration:none; font-size: 18px;}
#right-content .submit{ margin-top: 20px;}
#right-content .submit input {float:left; background-color:#FFC80B; color:#ffffff; padding: 0px; margin-right: 10px; text-decoration:none; font-size: 14px; font-weight:normal; border:0; cursor:pointer}
#right-content .submit input:hover {float:left; background-color:#000000; color:#ffffff; padding: 0px; margin-right: 10px; text-decoration:none; font-size: 14px; font-weight:normal; border:0;}
#right-content .submit input.login {float:left; background-color:#ffffff; color:#333333; border:1px solid #333333; padding: 5px; margin-right: 10px; text-decoration:none; font-size: 14px; font-weight:normal; cursor:pointer}
#right-content .submit a.green {padding:10px; font-size: 16px; color:#FFFFFF; background-color:#66CC00; margin-right: 20px; text-decoration:none;}


#right-content .field-info{margin-left: 150px; margin-bottom: 0px; width: 390px; font-size: 9px; color:#666666; text-align:justify}
#right-content .field-warn{margin-left: 150px; width: 390px; font-size: 9px; color:#CC3300; text-align:justify}
#right-content .error-message{ clear:both; color:#FF3300; font-size:10px; margin-left: 150px;}

/* Simple form Classes*/
#right-content .simple-form label{ float:left; width:200px;}

#right-content .simple-form .input{ background-image:none; width: 550px; margin-bottom: 0px; }

#right-content .simple-form .text input{ width:280px; height:15px; padding:5px; margin-top:0px; margin-left:0px; background-color:#ffffff; border:1px solid #CCCCCC; float:left; }
#right-content .simple-form .password input{ width:280px; height:15px; padding:5px; margin-top:0px; margin-left:0px; background-color:#ffffff; border:1px solid #CCCCCC; float:left; }
#right-content .simple-form .textarea textarea{width:280px; height:35px; padding:5px; margin-top:0px; margin-left:0px; background-color:#ffffff; border:1px solid #CCCCCC; float:left;}

#right-content .simple-form .select{ clear:both; }
#right-content .simple-form .select select{width:290px; padding:0px; margin-top:0px; margin-left:0px; background-color:#ffffff; border:1px solid #CCCCCC; float:left;}

#right-content .simple-form .radio {}
#right-content .simple-form .radio fieldset {display: inline; background-color:#FF3300; width: 500px;}
#right-content .simple-form .radio label{ float:left; width:auto; padding-right: 30px; padding-top: 3px;}
#right-content .simple-form .radio input{ float:left; }

#right-content .simple-form .date {}
#right-content .simple-form .date input{ width:280px; height:35px; padding:5px; margin-top:0px; margin-left:0px; background-color:#ffffff; border:1px solid #CCCCCC; float:left; }

#right-content .simple-form .file-browser {margin-top: 50px; background-color:#CCCCCC; border: 1px solid #CCCCCC}
#right-content .simple-form .file-browser input{ width:290px; height:25px; margin-top:0px; margin-left:0px; background-color:#ffffff; border:1px solid #CCCCCC; float:left; }

#right-content .simple-form .form-error{border: 0px solid #FF3366;}
#right-content .simple-form .error-message{ clear:both; color:#FF3300; font-size:10px; margin-left: 200px;}

#right-content .simple-form .row{ width: auto; border: 0px solid #FF3366; padding-bottom: 10px;}

#terms-err { color:#FF3300; font-size:12px }
.locked{ color:#CC0000; font-size: 12px; }

#right-content #pf{ padding: 20px 0 20px 0; margin-bottom: 10px }
#right-content #pj{ padding: 20px 0 20px 0; margin-bottom: 10px}
#right-content #pf h3{font-size: 18px; font-weight:normal; color:#333333; padding: 0px 0 20px 0; }
#right-content #pj h3{font-size: 18px; font-weight:normal; color:#333333; padding: 0px 0 20px 0; }
span.required{color:#CC0000; padding: 3px;}
a.terms-lnk{color:#3366CC; text-decoration:none}
a.terms-lnk:hover{color:#3366CC; text-decoration:underline}
/*
#right-content .text { border-left: 4px solid #000000;}
#right-content .text label{ display:block; font-weight: normal; font-size: 15px; color:#333333; padding:3px; margin-top: 10px; border: 4px solid #000000; border-bottom:0; border-left:0; width:100px; text-align:center; }
#right-content .text input{ width: 350px; height: 30px; padding: 3px; margin-left: 30px; margin-top: 5px; background-color: #B2B2B2; border: 1px solid #000000}
#right-content .password { border-left: 4px solid #000000;}
#right-content .password label{display:block; font-weight: normal; font-size: 15px; color:#333333; padding:3px; margin-top: 10px; border: 4px solid #000000; border-bottom:0; border-left:0; width:100px; text-align:center;}
#right-content .password input{width: 350px; height: 30px; padding: 3px; margin-left: 30px; margin-top: 5px; background-color: #B2B2B2; border: 1px solid #000000}
#right-content .select { border-left: 4px solid #000000;}
#right-content .select label{display:block; font-weight: normal; font-size: 15px; color:#333333; padding:3px; margin-top: 10px; border: 4px solid #000000; border-bottom:0; border-left:0; width:100px; text-align:center;}
#right-content .select select{width: 150px; height: 20px; margin-left: 30px; margin-top: 5px; background-color: #B2B2B2; border: 1px solid #000000}
#right-content .textarea {border-left: 4px solid #000000;}
#right-content .textarea label{display:block; font-weight: normal; font-size: 15px; color:#333333; padding:3px; margin-top: 10px; border: 4px solid #000000; border-bottom:0; border-left:0; width:100px; text-align:center;}
#right-content .textarea textarea{width: 350px; height: 60px; padding: 3px; margin-left: 30px; margin-top: 5px; background-color: #B2B2B2; border: 1px solid #000000; overflow:auto;}
#right-content .date {border-left: 4px solid #000000;}
#right-content .date label{display:block; font-weight: normal; font-size: 15px; color:#333333; padding:3px; margin-top: 10px; border: 4px solid #000000; border-bottom:0; border-left:0; width:100px; text-align:center;}
#right-content .date select{ padding: 3px; margin-left: 30px; margin-top: 5px; background-color: #B2B2B2; border: 1px solid #000000}

#right-content .select .checkbox {border: 0;}
#right-content .select .checkbox input{border: 0; margin-left: 30px;}
#right-content .select .checkbox label{border: 0; font-size: 14px;}


#right-content .field-info{margin-left: 28px;  width: 350px;}
#right-content .bottom-border{width:40px; height:4px; margin-top: 5px; background-color:#000000}


#right-content .checkbox label{display:inline; font-weight: normal; font-size: 18px; color:#333333; padding-left: 10px;}
#right-content .checkbox input{padding: 3px}

#right-content .field-info{font-size: 12px; color:#666666;}

*/

#right-content .steps {float:left; padding-left: 20px; }
#right-content .steps h3{ font-size: 14px; color:#666666; padding-bottom: 10px; text-align:center; font-weight:bold; }
#right-content .steps a{display:block; border: 1px solid #000000; color:#000000; font-size: 13px; text-align:right; padding: 2px; margin-bottom: 4px; margin-right:4px; text-decoration:none; text-align:left}
#right-content .steps a.active{display:block; border: 1px solid #000000; color:#ffffff; background-color:#000000; font-size: 13px; text-align:right; padding: 2px; margin-bottom: 4px; margin-right:4px; text-decoration:none; text-align:left}
#right-content .steps a:hover{color:#ffffff; background-color:#000000}

#right-content #briefs{ }

#right-content #briefs table{ font-size: 12px; }
#right-content #briefs table td{ vertical-align:top; text-align:center; color:#FFFFFF; background-repeat:repeat}
#right-content #briefs table td label{ display:block; padding-top: 25px; text-align:center; color:#000000; font-size: 11px;}
#right-content #briefs table td label a{ color:#6666CC; text-decoration:none; font-size: 12px;}
#right-content #briefs table td p{color:#999999}
#right-content #briefs table td div.brief-name{color:#999999; text-align:left; font-weight:normal; font-size: 14px;}
#right-content #briefs table td div.brief-name a{color:#6666CC; text-decoration:none; font-size: 14px;}
#right-content #briefs table td div.brief-name a:hover{color:#6666CC; text-decoration:none; font-size: 14px;}

#right-content #briefs div.brief{ border-top: 1px solid #939597; padding-top: 5px; padding-bottom: 5px; margin-bottom: 0px;}
#right-content #briefs div.brief .user{ color:#000000; font-size:12px;}
#right-content #briefs .top-box{position:relative; margin-top: 10px; vertical-align:bottom; width:770px; border-right: 4px solid #000000;}
#right-content #briefs .top-box-right{float:right; width:111px; border-top: 4px solid #000000; border-left: 4px solid #000000;}
#right-content #briefs .top-box h4{ float:left; border-left:4px solid #000000; border-top: 4px solid #000000; border-right: 4px solid #000000; padding-left: 20px; padding-right: 20px; width: 180px; font-size: 14px; }
#right-content #briefs .options{position:absolute; bottom: 1px; left: 305px; text-align:right;}
#right-content #briefs .details-box{width:766px; border-left: 4px solid #000000; padding-top: 10px; border-right:4px solid #000000;}
#right-content #briefs .details-box-row{width:760px; text-align:right; border-right:4px solid #000000;}

#right-content #briefs .details-box-left{border-bottom:4px solid #000000; width: 21px; height:33px; float:left; margin-right: 10px;}
#right-content #briefs .prize_box{float:left; width: 100px; height:32px; border:1px solid #000000; text-align:center; padding-top: 1px; padding-bottom: 2px; margin-right: 20px;  margin-top: 0px; }
#right-content #briefs .prize_box span{display: block; color:#FFFFFF; font-size: 13px;}
#right-content #briefs .prize_box label{ font-weight: bold; font-size: 14px;}
#right-content #briefs .credits_box{float:left; margin-right: 5px; margin-top: 0px; width: 100px; height:32px; border:1px solid #000000; text-align:center; padding-top: 1px; padding-bottom: 2px;}
#right-content #briefs .credits_box span{display: block; color:#FFFFFF; font-size: 13px;}
#right-content #briefs .credits_box label{ font-weight: bold; font-size: 14px;}
#right-content #briefs .date_box{float:left; width: 100px; height:32px; border:1px solid #000000; margin-right: 20px; text-align:center; padding-top: 1px; padding-bottom: 2px; }
#right-content #briefs .date_box span{display: block; color:#FFFFFF; font-size: 13px;}
#right-content #briefs .date_box label{ font-weight: bold; font-size: 14px;}
#right-content #briefs div.brief div div.subscribers{ background-color:#FFC80B; color:#FFFFFF; padding: 4px 8px 2px 8px; text-decoration:none; }
#right-content #briefs .bottom-box{ width:705px; text-align:right; border-right:4px solid #000000; }
#right-content #briefs .bottom-box-right{ float:right; width:111px; margin-top: 4px; border-bottom:4px solid #000000; border-left: 4px solid #000000; }




a.button{background-color:#F8961D; color:#FFFFFF; padding: 1px 8px 1px 8px; text-decoration:none;}
a:hover.button{background-color:#000000; color:#FFFFFF; padding: 1px 8px 1px 8px; text-decoration:none;}

a.button2{background-color:#F8961D; color:#ffffff; padding: 1px 8px 1px 8px; text-decoration:none; width:60px; display:block; text-align:center; margin-bottom:2px; border:0px solid #000000; font-size: 12px;}
a:hover.button2{background-color:#000000; color:#FFFFFF; padding: 1px 8px 1px 8px; text-decoration:none; width:60px; display:block; text-align:center; margin-bottom:2px; border:0px solid #000000}

#right-content #credits{}
#right-content #credits .pk-row{padding:10px;}
#right-content #credits .pk-row h3{font-size:22px; color:#333333}
#right-content #credits .pk-desc{float:left; width: 250px; font-size:12px;}
#right-content #credits .pk-photo{float:left; width:250px; margin-bottom: 20px; margin-left: 20px;}

/*
#right-content #credits .box{float:left; width: 100px; height:32px; border:1px solid #000000; margin-right: 20px; text-align:center; padding-top: 1px; padding-bottom: 2px;}
#right-content #credits .box span{display: block; color:#FFFFFF; font-size: 13px;}
#right-content #credits .box label{ font-weight: bold; font-size: 14px;}
#right-content #credits .credits-info { width:570px; border-left: 4px solid #000000; padding-top: 10px; padding-left: 0px; padding-bottom: 0px; margin-bottom: 20px;}
#right-content #credits h4{float:left; border-left:4px solid #000000; border-top: 4px solid #000000; border-right: 4px solid #000000; padding: 10px 20px 0 10px; width: 180px; font-size: 16px;}
#right-content #credits .description {padding-top: 10px; padding-left: 10px; font-size: 12px;}
#right-content #credits .action {width:150px; padding: 17px 0 0 10px; }
*/

#right-content #tabs{ clear:both; padding-bottom: 10px; background-color:#ffffff; border-bottom:1px solid #ffffff; height: 15px;}
#right-content #tabs a{ float:left; background-color: #F8961D; color:#ffffff; border: 0px solid #000000; padding-top:3px; width:80px; margin-right: 5px; text-align:center; text-decoration:none;  font-size: 12px;}
#right-content #tabs a:hover{ float:left; background-color: #000000; color:#ffffff; width:80px; margin-right: 5px; }
#right-content #tabs a.active{ float:left; background-color: #000000; color:#ffffff; width:80px; margin-right: 5px; }
#right-content #tabs span{float:left; width: 150px;}

#right-content #order{ clear:both; }
#right-content #order a{ float:left; background-color: #F8961D; color:#ffffff; border: 0px solid #000000; padding-top:3px; width:95px;  margin-right: 5px; text-align:center; text-decoration:none; font-size: 12px;}
#right-content #order a:hover{ float:left; background-color: #000000; color:#ffffff; margin-right: 5px; }
#right-content #order span{float:left; width: 150px;}

#right-content #order a.asc { background-image: url(/img/asc.gif); background-position: center right; background-repeat: no-repeat;}
#right-content #order a.desc { background-image: url(/img/desc.gif); background-position: center right; background-repeat: no-repeat;}
#right-content #order a.skey { background-color: #000000; }
#right-content #order a.snkey { background-image: none; }

#right-content #brief-publish{ width: 700px;}
#right-content #brief-publish h3{ font-size: 22px; padding:5px; float:left; margin-top: 10px; margin-bottom:0px;}
#right-content #brief-publish #head { border-bottom: 1px dashed #666666; padding-bottom: 5px; width: 680px;}
#right-content #brief-publish #head h2{ float: left; width: 300px;}
#right-content #brief-publish h4{ padding-top: 30px; padding-bottom: 10px; font-size: 19px; }
#right-content #brief-publish #content .row{ padding: 10px 0 10px 20px;}
#right-content #brief-publish #content .top-b{ border-top: 1px solid #000000; width: 80px; height:1px; font-size:1px; line-height:1px;}
#right-content #brief-publish #content .bottom-b{ border-bottom: 1px solid #000000; width: 80px; height:1px; font-size:1px; line-height:1px;}
#right-content #brief-publish #content label{ float:left; width: 150px;}
#right-content #brief-publish #content div.right{ float:left; width: 510px; border-bottom: 1px dashed #666666;}


#right-content .resources {float: right; width: 230px; margin-top: 0px; color:#333333; padding: 0; text-align:right; text-decoration:none; font-size: 13px; border-right: 6px solid #000000}
#right-content .resources .decorator-top{border-left: 6px solid #000000; border-top: 6px solid #000000; width: 100px; height:20px; margin-bottom: 5px;}
#right-content .resources .decorator-bottom{border-left: 6px solid #000000; border-bottom: 6px solid #000000; width: 100px; height:20px; margin-top: 5px;}
#right-content .resources h3{font-size: 21px; padding:0 10px 0 0}
#right-content .resources a{ color:#FFFFFF; font-size: 14px; }
#right-content .resources-list{padding: 10px;}

#right-content .projects{ padding-left: 20px; margin-top: 20px;}
#right-content .projects div.dashed {padding-bottom: 5px; border-bottom: 1px dashed #999999; width: 570px;}
#right-content .projects a.button2{float:right; width: 100px;}
#right-content .projects h3{font-size:22px; color:#666666; float: left; }
#right-content .projects h2{font-size:18px; color:#333333; padding: 5px 0 5px 0;}
#right-content .projects p{font-size:12px; overflow:auto; width: 400px; height: 100px; border: 1px solid #CCCCCC; padding: 5px; margin-bottom: 5px;}
#right-content .projects .postedby{font-size:10px; color:#333333}
#right-content .projects .postedby a{text-decoration:none; color:#3366CC}

#creative-p-list{clear:both; padding-top: 20px;}
#creative-p-list div{padding-bottom: 10px;}
#creative-p-list h2 a{color:#3333CC; text-decoration:none;}
#creative-p-list h3 {font-size:22px; color:#666666; padding-bottom: 10px;}
#creative-p-list p {font-size:12px; color:#666666; }



#dcalc{clear:both;}
#dcalc h3{font-size:22px; color:#666666; padding-bottom: 10px;}
#dcalc span{font-weight: bolder;}



#resources-marketer{ clear:both; padding-top: 20px;}
#resources-marketer h3{ font-size: 19px; color:#000000; margin-top: 10px; }
#resources-marketer ul li{padding: 5px; font-size: 16px;}
#resources-marketer ul li a{ color:#ffffff}

.brief-box{float:left; margin-right: 40px; margin-bottom:30px; width: 100px; height: 140px;}
.brief-box p{font-size: 28px; text-align:center; margin-top:40px;}
.brief-box span{display:block; text-align:center;}
.brief-box a{display:block; width: 100px; height: 140px; text-decoration:none; color:#000000;  background-image:url(/img/creative-brief-bg.png)}
.brief-box a:hover{background-image:url(/img/creative-brief-bg-hover.png)}

#interview{padding-right: 30px;}
#interview h2{font-size: 23px; margin-bottom: 10px;}
#interview img{float:left; margin:5px 10px 5px 0; width: 250px;}
#interview div.interview-date{font-size: 12px; margin:0px 10px 5px 0;}
.interview{margin-bottom: 20px;}
.interview h2{font-size: 23px; margin-bottom: 10px;}
.interview img{float:left; margin:5px 10px 5px 0; width: 122px;}
.interview div.interview-date{font-size: 12px; margin:0px 10px 5px 0;}
.interview a{font-size: 12px; padding-top:20px; color:#FFFFFF; text-decoration:none;}

.zoom{float:left; width:280px; padding: 5px; font-size: 12px; color:#666666;}
.zuum{float:left; width:280px; padding: 5px; font-size: 12px; color:#666666; text-align:right;}
.zoom a, .zuum a{ color:rgb(102, 102, 204); text-decoration:none; font-weight:bold; }

#zoomzuum{ width:560px; }

#article{padding-right: 30px; width:560px;}
#article h2{font-size: 23px; margin-bottom: 10px;}
#article img{float:left; margin:5px 10px 5px 0; width: 150px;}
#article div.article-date{font-size: 12px; margin:0px 10px 5px 0;}
.article{margin-bottom: 20px; font-size: 13px;  font-size: 12px;}
.article h2{font-size: 23px; margin-bottom: 10px;}
.article img{float:left; margin:5px 10px 5px 0; width: 122px;}
.article div.article-date{font-size: 12px; margin:0px 10px 5px 0;}
.article a{font-size: 12px; padding-top:20px; color:#FFFFFF; text-decoration:none;}
.article h2 a{font-size: 19px; color:#666666; text-decoration:none; font-weight:normal;}

.list-resources{ margin-top: 30px; }
.list-resources a{ color:#0066CC; text-decoration:none;}
.list-resources a:hover{ color:#0066CC; text-decoration:underline;}

a.link_delete {padding:0 5px 0 5px; background-color:#009900; color:#FFFFFF; text-decoration:none; font-size: 10px; line-height: 5px;}
a:hover.link_delete {background-color:#CC3300; color:#FFFFFF; text-decoration:none; font-size: 10px; line-height: 5px;}

a.xhr-del {padding:0 5px 0 5px; background-color:#009900; color:#FFFFFF; text-decoration:none; font-size: 10px; line-height: 5px;}
a:hover.xhr-del {background-color:#CC3300; color:#FFFFFF; text-decoration:none; font-size: 10px; line-height: 5px;}



.breadcrumbs{margin-bottom: 10px;}
.breadcrumbs a{text-decoration:none; color:#FF9900}


#footer{margin-top: 50px; margin-bottom: 20px;}

.footer-box{ float:left; width:145px; height:124px; border-right: 2px solid #CECED1; border-bottom: 2px solid #CECED1; margin-left: 35px;}

.footer-box a{display:block; color:#818386; font-size: 20px; font-weight:normal; text-decoration:none; padding-bottom: 5px; height: 25px; width:145px; height:124px; padding-left: 2px; padding-right: 3px;}
.footer-box a:hover{display:block; color:#818386; font-size: 20px; font-weight:normal; text-decoration:none; padding-bottom: 5px; height: 25px; background-color:#E4E4E4; width:145px; height:124px; padding-left: 2px; padding-right: 3px;}
.footer-box span{display:block; line-height: 12px; font-size: 13px; color:#999999;  padding-right: 10px;}
.footer-box h3{height:35px;}
.footer-box div{text-align:right; font-size: 13px; color:#C9C9C9; position: absolute; bottom: 2px; right: 5px;}

#footer-links{padding: 0 35px 35px 35px; text-align:center; width: 920px;}
#footer-links a{ color:#666666; font-size: 12px; text-decoration:none; padding: 0 10px 0 10px;}
#footer-links a:hover{ text-decoration:underline; }

.alert{color:#FF6600; font-size: 12px;}

.error{color:#FF6600; font-size: 14px;}
.error a{text-decoration:none; color:#3366CC}

#publish_messages {width: 680px;}
#publish_messages a.publish {padding:10px; font-size: 16px; color:#FFFFFF; background-color:#66CC00; float:right; margin-left: 20px; text-decoration:none;}

#authMessage{clear:both; color:#CC0000; padding: 0 0 50px 0;}
.flash-message{background-color:#F95965; color:#FFFFFF; border: 1px solid #CC3300; padding: 5px; width: 590px; margin-bottom: 20px;}
.flash-message-green{background-color:#66CC66; color:#FFFFFF; border: 1px solid #669900; padding: 5px; width: 590px; margin-bottom: 20px;}

#UserProfile{ width: 580px; }
#UserProfile div{margin-bottom: 30px;}
#UserProfile span{ display:block }
#UserProfile h3{border-bottom: 1px dashed #CCCCCC; font-size: 18px; margin-bottom: 5px; margin-top:5px; padding-bottom: 5px;}
#UserProfile h4{color:#999999; border-bottom: 1px dashed #CCCCCC; font-size: 23px; margin-bottom: 5px; margin-top:5px; padding-bottom: 5px;}
#UserProfile p{border-bottom: 1px dashed #CCCCCC; margin-bottom: 10px; padding-bottom: 5px;}

#marketers-list{width:400px;}
#marketers-list .item h3 a{font-size: 16px; text-decoration:none; color:#3333CC}
#marketers-list .item h3 a:hover{font-size: 16px; text-decoration:underline; color:#6699CC}
#marketers-list .item span{font-size: 10px; color:#999999}
#marketers-list .item p{font-size: 12px; color:#000000}

#faq-content {float:left; width: 580px;}
#faq-content h3{font-size:16px; color:#666666; padding-bottom: 10px; padding-top: 10px;}
#faq-content div.qtoggle{cursor:pointer; padding-bottom: 10px; font-size:12px;}
#faq-content div.atoggle{padding: 10px 10px 10px 10px; margin-bottom:20px; background-color:#DFDFDF; font-size:12px;}
#faq-menu {float:left; width: 180px; padding-left: 10px; }
#faq-menu a{display:block; text-decoration:none; font-size:12px; color:#3333CC}
#faq-menu a:hover{text-decoration:underline;}


#pager span{ float:left; }
#pager span a{ float:left; text-decoration:none; padding:2px 5px 2px 5px; background-color:#FF9900; margin: 1px; color:#FFFFFF}
#pager span a:hover{ background-color:#999999;}
#pager a{ float:left; text-decoration:none; padding:2px 5px 2px 5px; background-color:#FF9900; margin: 1px;}


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */

<!--[if IE]>
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
<![endif]-->