﻿/* General styles
============================== */
HTML{height:100%}
BODY{background-color:#FFF;height:100%;margin:0;padding:0}
FORM{margin:0;padding:0}
UL{list-style-type:none;margin:0;padding:0}
ADDRESS{display:inline;font-style:normal}
IMG,ACRONYM{border:0}
FIELDSET{border:0;margin:0;padding:0}

/* General Typography
============================== */
DIV,P,LABEL,TD,TH,LI,H1,H2,H3{color:#000;font-family: Arial, Verdana, sans-serif}
H1,H2,H3{font-family: Arial, Verdana, sans-serif}
H1{margin:0 0 4px;padding:0}

/* General Classes
==============================*/
.clear{clear:both;}
.grey{color:#a6a7a8;}
.red{color:#f33;}
.bold{font-weight:700;}
.nobold{font-weight:400;}
.highlight{background-color:#FF0;}
.alternate{background-color:#e0e0e0;}
.hint{display:block;color:#666;font-size:11px; line-height: 12px; padding:5px 0px;}

/* LINKS
==============================*/
A {color: #bd9424; text-decoration: none; font-weight: bold}   
A:visited {color: #bd9424; text-decoration: none}
A:hover {color: #09f; text-decoration: underline}
.prj1 A, .prj1 A:visited {color: #4db333}
.prj3 A, .prj3 A:visited {color: #FF8000}
.prj2 A, .prj2 A:visited {color: #0099FF}
.prj2 A:hover {color: #666}
A.prj1,A.prj1:visited {color: #4db333}
A.prj3, A.prj3:visited {color: #FF8000}
A.prj2, A.prj2:visited {color: #0099FF}
A.prj3:hover {color: #666}

/* autocomplete
==============================*/
.autocomplete_highlightedListItem{background-color:#2B88C9;color:#fff;overflow:hidden;margin:0;padding:2px}
.autocomplete_listItem{background-color:#fff;color:#000;overflow:hidden;margin:0;padding:2px}

/* Container and columns
==============================*/
DIV#wrapper{position:relative;text-align:left;width:960px;height:100%; margin: auto; background-color: #fff; padding-bottom: 20px}
DIV.iconbar {position: absolute; top: 0px; left: 260px; width: 680px; padding-top: 20px;height: 40px;z-index: 90}
DIV#columns{padding-top:40px; width: 960px}
DIV#left {float: left; width: 220px; margin-left: 10px; background-color: #cce}
DIV#left {background-color: #fff}
DIV#mainHome {float:left;margin-left:10px;width:490px; background-color: #e6e6e6} 
div#main {background-color:#E6E6E6;float:right;width:720px;}
DIV#right {float:right; width: 220px;background-color: #fff}
DIV.col {float: left}
DIV.leftcontent {background-color: #e6e6e6; padding: 10px;}
DIV.rightcontent{background-color: #e6e6e6;padding: 10px;}

/* ELEMENTS 
==============================*/
DIV.white{background-color: #fff; width: 100%}
DIV.grey{background-color: #e6e6e6}
DIV.nifty{margin: 10px 0px; padding: 10px}
DIV.end {padding: 0px 10px 10px 10px; margin-bottom: 10px}
DIV.middle {padding: 0px 10px; margin: 0px}
DIV.begin {padding: 10px 10px 0px 10px; margin-top: 10px}

/* FORMS 
===============================================*/
.form{width:100%;border:0;empty-cells:show;margin:0;padding:0}
.form TD{color: #000; font-family:Arial, Verdana, Sans-Serif;font-size:12px;line-height:20px;vertical-align:top;text-align:left;padding:0}
.form TR.header TD {font-weight: bold; color: #000000; height:12px;font-size: 14px; line-height:20px; padding: 4px 10px}
.form TR.header TD.grey {font-weight: normal; color: #666; font-size: 11px; line-height:15px; padding: 6px 0 0 10px; text-transform: lowercase}
.form TD.lab{width:65px;padding:5px 5px 0 10px; text-transform: lowercase}
.form TD.ctr{padding:5px 0px; width:190px}
.form TD.val{padding:6px 0px 0px 10px}

/* FORM ELEMENTS 
===============================================================*/
.form .ctr INPUT,.form .ctr INPUT.inputError{font-family: Arial, Verdana, Sans-Serif ;font-size:12px;width:186px;height:17px;border:1px solid #969696;line-height:15px;padding:2px}
/* firefox 3 hack */
html>/**/body .form .ctr INPUT, x:-moz-any-link, x:default { height: 17px }
html>/**/body .form .ctr INPUT.inputError, x:-moz-any-link, x:default { height: 17px }
.form .ctr .radio INPUT{width:auto!important;border:0;font-size:12px;vertical-align:middle}
.form .ctr .radio TD {border:0!important;padding:0 0 0 0 !important}
.form .ctr .radio TD LABEL,.form .ctr .radio LABEL{position:relative;line-height:12px;top:2px;margin-right:5px}
.form .ctr SELECT{height:20px;width:190px;font-family: Arial, Verdana, Sans-Serif ;font-size:12px}
.form .ctr TEXTAREA{font-family: Arial, Verdana, Sans-Serif ;font-size:12px;line-height:15px;border:1px solid #969696; width:186px}

/* VALIDATION 
===============================================================*/
INPUT.inputError{border:1px solid #f33; background-color: #fcc}
TEXTAREA.inputError{border:1px solid #f33; background-color: #fcc}
LABEL.inputError{border:1px solid #f33; background-color: #fcc}
.feValErrorText{display:block;color:#f33;white-space:nowrap; text-transform: lowercase}
.feValErrorText SPAN{font-size:12px;font-weight:400; text-transform: lowercase}

/* SPECIFIC ELEMENTS
===============================================================*/
.form .ctr SELECT.day{width:50px}
.form .ctr SELECT.month{width:70px}
.form .ctr SELECT.year{width:60px}

/* CLOSE
===============================================================*/
.formClose{height:40px;background-color:#fff; margin-left: 100px; padding-top: 10px; width: 380px}
.formClose A{margin-right:10px; float: left}
.formClose A.text{font-size: 12px; position: relative; top: 6px; color: #09f}

/* BUTTONS
===============================================================*/
.form TD.but{padding-top:10px;padding-bottom:10px}
.submit,.cancel{float:right;display:block;background-image:url(/sites/cr/images/iconsprite.png);background-repeat:no-repeat;background-position:0 -49px;width:90px;height:34px;padding-top:3px;text-decoration:none;font-size:13px;text-align:center;vertical-align:middle;text-transform:lowercase;line-height:20px;color:#fff!important}
.submit:hover,.cancel:hover{color:#fff!important;background-position:-100px -49px;text-decoration:none}
.cancel{background-position:-100px -49px}
.cancel:hover{background-position:0 -49px}
A.edit,A.delete{display:block;width:30px;height:40px;background-image:url(/sites/cr/images/edit.png);background-repeat:no-repeat;text-decoration:none}
A.delete{background-position:-30px 0}

/* DEFAULT PAGE  
==============================*/
DIV.defaultpage{font-size:12px;margin:10px 20px}
DIV.defaultpage .left{float:left;font-size:12px;width:450px}
DIV.defaultpage .right{float:right;width:220px;font-size:12px;line-height:15px}
DIV.defaultpage .left .white{width:430px}
DIV.defaultpage .right .white{width:200px}

/* LOGO 
==============================*/
DIV#logo {position: relative; width: 220px; height: 260px; background-color: #fff; padding-bottom: 10px; overflow: hidden}
DIV#logo TABLE.avatars {margin-bottom:15px;padding:0 5px;}
DIV#logo TABLE.avatars IMG {display:block;margin:0 0 10px 10px;}
DIV#logo TABLE.avatars TR.last IMG {margin-bottom:0;}
DIV#logo TABLE.avatars IMG.first {margin-left:0;}
DIV#logo DIV.logo {position:absolute;}
DIV#logo IMG.beaco {display:block;}

/* PROJECTTEASER 
==============================*/
DIV.prgContainer {position: relative; width:200px; height:80px; overflow:hidden;}
DIV.progress{position: absolute; left: 0; top: 0; width: 180px; height: 60px; text-align: center; padding: 10px; z-index:3; overflow:hidden;}
DIV.prg1{background: url(/sites/cr/images/prog1.png) no-repeat} 
DIV.prg2{background: url(/sites/cr/images/prog2.png) no-repeat} 
DIV.prg3{background: url(/sites/cr/images/prog3.png) no-repeat} 
SPAN.b30000{position:absolute; display: block; left: 5px; top: 24px; font-size: 11px; font-weight:normal;z-index:1}
SPAN.b1{color:#4db333;}
SPAN.b2{color:#09f;}
SPAN.b3{color:#ff8000;}

DIV.fill{position: absolute; left: 0; top: 80px; width: 200px; height: 80px; z-index:1} 
DIV.fill1{background: url(/sites/cr/images/fill1.png) no-repeat} 
DIV.fill2{background: url(/sites/cr/images/fill2.png) no-repeat} 
DIV.fill3{background: url(/sites/cr/images/fill3.png) no-repeat} 

/*
DIV.projectteaser .play{position:absolute;left:74px;top:115px;display:block;width:50px;height:50px;background-image:url(/shared/images/play_small.png);z-index:80;}
DIV.projectteaser .play:hover{background-position:0 -50px;}
*/
DIV.projectinfo {padding-bottom:18px;}
SPAN.coinsacc {position: absolute; display: block; color: #fff; left: 5px; font-size: 11px; font-weight: normal;z-index:4;}
DIV.progress IMG {display: block; margin: auto}
DIV.progress IMG.num {position: relative; top: -10px}
DIV.projectteaser {margin: 20px; width: 470px; font-size: 12px; overflow: hidden}
DIV.projectteaser DIV.progress{position: absolute; left: 0; top: 0}
DIV.projectteaser DIV.project {float: left;position: relative;  background-color: #fff; width: 200px; padding: 10px 10px 10px 10px ; overflow: hidden}
DIV.projectteaser DIV.teaserinfo {position:relative;padding-bottom:5px;}
DIV.projectteaser DIV.p1 {margin-right: 10px}
DIV.projectteaser DIV.p2 {margin-right: 10px}
DIV.projectteaser DIV.p3 {margin-right: 0px}
DIV.projectteaser DIV.projowner {height:30px;}
DIV.projectteaser IMG.asset {width: 200px; height: 102px; margin-top: 10px; margin-bottom: 10px}
DIV.projectteaser A.go {display: block; padding:2px 0px}
DIV.projectteaser A.date {font-size: 10px; display: block}
DIV.projectteaser A.title {display: block; font-size: 14px; font-weight: bold; line-height: 15px; margin-bottom: 10px}
DIV.projectteaser DIV.p1 .title, DIV.projectteaser DIV.p1 .date {color: #4db333 !important}
DIV.projectteaser DIV.p2 .title, DIV.projectteaser DIV.p2 .date {color: #0099FF !important}
DIV.projectteaser DIV.p3 .title, DIV.projectteaser DIV.p3 .date {color: #FF8000 !important}


DIV.boxcontainer {position:relative;width:40px;height:80px;text-align:left;margin:0 auto;}
DIV.teaserbox {position:relative;height:80px;text-align:left;margin:86px auto 10px;}
DIV.box {position: absolute; bottom: 10px; text-align: center;}
DIV.box DIV.collecte {position: relative; margin: auto; width: 65px; height: 70px;}
DIV.box DIV.collecte IMG.box {position: absolute; left: 0px; z-index: 7;}
DIV.box DIV.collecte DIV.fill{position: absolute; left: 3px; top: 65px; width: 34px; height: 60px; z-index:3;} 
DIV.box DIV.bfill1{background: url(/sites/cr/images/bfill1.png) no-repeat} 
DIV.box DIV.bfill2{background: url(/sites/cr/images/bfill2.png) no-repeat} 
DIV.box DIV.bfill3{background: url(/sites/cr/images/bfill3.png) no-repeat} 

/* PROJECT PAGE  
==============================*/
.pown {display: block; padding-bottom: 0px; width: 100%}

/* directors profile */
DIV.dprof TABLE {width: 220px; padding: 0; border: 0}
DIV.dprof TD {text-align: left ; vertical-align: top}
DIV.dprof .avatar{width: 80px; height: 80px; padding-left: 10px;float:right;}
DIV.dprof A.dname {display: block; font-size: 14px; font-weight: bold; margin-bottom: 20px}
.prj1 A.dname {color: #4db333}
.prj2 A.dname {color: #0099FF}
.prj3 A.dname {color: #FF8000}


/* WEBLOG 
==============================*/
.weblog{position:relative}
.weblog .date{display:block;font-size:11px}
.weblog .options{width: 100%;}
.weblog .options A{float:right;margin-left:10px}
.weblog A.title, .weblog SPAN.title {display:block;font-weight:bold;font-size:14px;line-height:20px;margin:10px 0 0}
.subtitle{color:#333;display:block;font-weight:bold;font-size:13px;line-height:15px;margin:10px 0}

.prj1 .weblog .title  {color: #4db333}
.prj2 .weblog .title  {color: #0099FF}
.prj3 .weblog .title  {color: #FF8000}

.weblog TABLE.comments {width: 430px}
.weblog TABLE.comments TD {vertical-align: top; text-align: left; padding: 0px 10px 5px 0px}

/* DONATE 
==============================*/
.donate{text-align:center;color:#333;}
.donate .cont{position:relative;width:200px;height:80px;margin-bottom:10px;overflow:hidden;}
.donate .but{height:30px;width:130px;margin:10px 0 10px 55px}
.donate .but .submit,.donate .butaction IMG{float:left}

/* BUY COINS 
==============================*/
DIV.wizard{height:20px;position:relative}
DIV.wizard IMG{position:absolute;top:-5px;left:0}
DIV.wizard SPAN{font-weight:700;font-size:12px;position:absolute;top:5px;left:120px}
DIV.buy{padding-top:10px}
DIV.buy .formClose {background-color: #e6e6e6;margin-left: 180px; /* fakes centering */}
.left .formClose {background-color: Transparent}

/* GIVE COINS
==============================*/
.give .form{width:400px}
.give .form .lab{text-align:right;width:70px!important;padding:5px 10px 5px 0}
.give .formClose{background-color:#e6e6e6;margin-left:128px}
.give .form .ctr INPUT,.give .form .ctr TEXTAREA{width:170px}

/* INFOPANE
==============================*/
/*DIV.infopane {width: 960px; font-size: 12px; line-height: 15px; margin-top: 20px}
DIV.infopane DIV.left {width: 340px; margin-left: 10px; float: left}
DIV.infopane DIV.right {width: 340px; float: right; margin-right:20px}
DIV.infopane DIV.normal {width: 680px; margin-left: 250px; margin-right:30px}*/

DIV.infopane DIV.news {  float: left;width: 680px; margin-left: 28px;font-size: 12px; line-height: 15px; margin-top: 20px}
DIV.infopane DIV.how { float: left;width: 680px; margin-left: 28px; font-size: 12px; line-height: 15px; margin-top: 20px}


/* ICONS
==============================*/
.icon{width:31px;height:40px;display:block;margin-right:9px;float:left;background-image:url(/sites/cr/images/iconsprite.png);background-repeat:no-repeat;}
.ihome{background-position:0 0}
.iProj1{background-position:-40px 0}
.iProj2{background-position:-80px 0}
.iProj3{background-position:-120px 0}
.iBc{background-position:-160px 0}
.iHow{background-position:-200px 0}
.iconbar .submit{position:absolute;top:24px;left:530px}
.iDelete {background-position:-240px 0}
.iEdit {background-position:-280px 0}

.sharebar {position:absolute;left:332px;padding-top:7px;}
.sharebar A {display:block;height:31px;margin-right:7px;float:left;background-image:url(/sites/cr/images/iconsprite.png);background-repeat:no-repeat;}
.sharebar A.fb{width:24px;background-position:0 -90px}
.sharebar A.ms{width:23px;background-position:-59px -90px}
.sharebar A.hyv{width:25px;background-position:-30px -90px}
.sharebar A.tw{width:25px;background-position:-90px -90px}
.sharebar A.rss{width:23px;background-position:-120px -90px}

.shareblog {position:absolute;left:282px;top:0;}
.shareblog A {display:block;height:31px;margin-right:7px;float:left;background-image:url(/sites/cr/images/iconsprite.png);background-repeat:no-repeat;}
.shareblog A.fb{width:24px;background-position:0 -90px}
.shareblog A.ms{width:23px;background-position:-59px -90px}
.shareblog A.hyv{width:25px;background-position:-30px -90px}
.shareblog A.tw{width:25px;background-position:-90px -90px}
.shareblog A.rss{width:23px;margin-right:0;background-position:-120px -90px}

A.smallicon,A.smallicon:hover,A.smallicon:visited,A.smallicon:link,A.smallicon:active {display:block;width:16px;height:16px;}
.siGarbage {background-image:url(/shared/images/icons/garbage.gif);background-repeat:no-repeat;}
.siEdit {background-image:url(/shared/images/icons/edit.gif);background-repeat:no-repeat;}

/* WIDGETS
==============================*/
.widgets A, .widgets A:active, .widgets A:visited, .widgets A:link {}
.widgets A:hover {text-decoration:none;}
.widgets DIV.icon {float:left;width:26px;height:24px;margin-right:6px;margin-bottom:5px;background-image:url(/sites/cr/images/iconsprite.png);background-repeat:no-repeat;}
.widgets DIV.fb {background-position:0 -90px;}
.widgets DIV.hyv {background-position:-30px -90px;}
.widgets A SPAN {float:left;height:24px;line-height:24px;font-weight:bold;color:#999;}

/* LISTS OF COPRODUCERS
==============================*/
.coprod{font-size:12px;line-height:15px;margin:10px 0}
TABLE.lists TD{font-size:11px;line-height:15px;padding-right:10px;padding-bottom:5px}

/* CONTACT FORM OVERRIDES 
==============================*/
.contact{padding-bottom:10px}
.contact .lab{text-align:right;padding-right:10px}
.contact .formClose{margin-left:130px}

/* Profile in iconbar 
==============================*/
.iconav{position:absolute;top:9px;left:470px;height:40px;width:160px;background:url(/sites/cr/images/avatarshadow.png) no-repeat;font-size:11px;line-height:15px;padding:0 0 10px 50px}
.iconav IMG{position:absolute;top:0;left:0}
.iconav A{display:block}
.iconav DIV.cms{position:absolute;top:0;right:-80px;width:60px;height:20px;background-color:#f90;text-align:center;line-height:20px}
.iconav DIV.cms A{color:#fff}

/* Latest news 
==============================*/
DIV.ln {position: relative}
DIV.ln A.all {position: absolute; top:0px; right: 0px}
DIV.ln .date {display: block; color: #666; font-size: 10px}

/* Content
==============================*/
.freecontent{font-size:12px;line-height:15px}
.freecontent P.first{padding-top:0;margin-top:0}
.freecontent UL{list-style-type:disc;margin-left:20px}

/* Footer
==============================*/
DIV#footer {margin-top: 20px; width: 960px; font-size: 11px}
DIV#footer .flogo {position:relative;width: 960px; padding-top:100px;}
DIV#footer .flogo A.iffrlogo {position: absolute; display:block; top: 10px; left:435px; width: 91px; height: 80px; background: url(/sites/cr/images/logo.png) no-repeat}
DIV#footer .flogo A.vsblogo {position: absolute; display:block; top:25px; left:61px; width: 274px; height: 51px; background: url(/sites/cr/images/vsb-logo.png) no-repeat}
DIV#footer .flogo A.indielogo {position: absolute; display:block; top: 19px; left:638px; width: 241px; height: 62px; background: url(/sites/cr/images/indiewire-logo.png) no-repeat}
DIV#footer .fmenu {width: 960px; margin: 0px 0px 10px 0px; color: #231F20; text-align: center; padding: 10px 0px}
DIV#footer .fmenu UL, DIV#footer .fmenu LI {display: inline}
DIV#footer .fmenu A {color: #666}
DIV#footer .fmenu A:hover {color: #09f}
DIV#footer .fgrey {background-color: #e6e6e6}

/* ACCESSIBILITY
==========================*/
.accessibility{display:none}
.disabled{color:#b4b4b4}

/* POPUP
==========================*/
BODY#popup {background-color: transparent; color: #000; padding: 0; margin: 0}
DIV.instruction{background-color: #0099ff;width:440px; color:#fff;margin-bottom:10px;font-size:12px;padding: 20px 10px 10px 10px; height: 15px; line-height: 20px}
DIV.fieldset{background-color: #E6E6E6; margin: 0 10px; padding: 10px; width: 440px}
DIV.faux {position: absolute; width: 440px; height: 15px;top: 0px; left: 20px; background: url(/sites/cr/images/fauxshadow.png) no-repeat}

/* PROFILE
==========================*/
DIV.profile{width:710px;background-color:#e6e6e6;font-size:12px;line-height:15px;margin-bottom:10px}
DIV.profile DIV.faux{position:absolute;width:670px;height:15px;top:0;left:20px;background:url(/sites/cr/images/fauxshadowbig.png) no-repeat}
DIV.edit{position:absolute;top:10px;left:430px;width:30px;height:55px;text-align:center}
DIV.profile DIV.left{float:left;margin-left:10px;width:460px}
DIV.profile DIV.left DIV.nifty{margin-top:0;width:440px;padding:10px}
DIV.profile DIV.right{float:right;width:220px;margin-right:10px}
DIV.profile H1{font-size:14px;margin:0 0 10px;padding:0}
DIV.profile DIV.right DIV.nifty{margin-top: 0px; padding: 10px; width: 200px}
DIV.profile SPAN.sn {font-weight: bold; font-size: 12px}
DIV.profile TABLE { margin-bottom: 10px}
DIV.profile TABLE TD { text-align: left; vertical-align: top}
DIV.profile TABLE TD.avatar {padding-right: 10px; height: 130px; background: url(/sites/cr/images/avatarshadowbig.png) no-repeat}
DIV.profile TABLE TD.lab {font-weight: bold; padding-right: 10px; white-space: nowrap}
DIV.profile SPAN.bl { display: block; font-weight: bold; margin-top: 10px}
DIV.profile IMG.stats{margin-top: 10px}

/* USER SETTINGS 
===============================================================*/
DIV.settings{font-size:12px;line-height:15px;padding-top:0!important;margin:0}
DIV.tabs{height:20px;margin:10px 0}
DIV.tabs DIV{float:left;margin-right:20px;height:22px;padding-left:5px}
DIV.tabs DIV A{display:block;position:relative;right:-4px;height:12px;color:#09f;padding:2px 9px 6px 0}
DIV.tabs DIV.active{background:transparent url(/sites/cr/images/tableft.png) no-repeat}
DIV.tabs DIV.active A{background:transparent url(/sites/cr/images/tabright.png) no-repeat top right;text-decoration:none;color:#333}

/* COPRODUCERS
==========================*/
DIV.coproducers{width:640px;background-color:#e6e6e6;font-size:12px;line-height:15px;margin-bottom:10px}
DIV.coproducers DIV.faux {position: absolute; width: 600px; height: 15px;top: 0px; left: 20px; background: url(/sites/cr/images/fauxshadowinfo.png) no-repeat}
DIV.coproducers DIV.cop-container {margin-left: 10px}
DIV.coproducers DIV.cop-container DIV.nifty{margin-top: 0px; padding: 10px; width: 600px}
DIV.coproducers DIV.tabs {width: 500px; margin-left:76px}
DIV.coproducers DIV.photoverview IMG {margin-right: 7px; margin-bottom: 6px}
DIV.coproducers DIV.projects {width:120px;margin:-25px 0 0 255px}
DIV.coproducers DIV.projects INPUT {margin-right:7px}

/* CONDITIONS */
DIV.conditions {font-size:12px;line-height:15px;margin-bottom:10px}
DIV.conditions DIV.conditions-container {margin-left: 10px}
DIV.conditions DIV.conditions-container DIV.conditions-text{height:400px;padding-right:10px;overflow-y:scroll;font-size:10px;}

/* TAG FEED
==========================*/
DIV.tagfeed DIV.block {padding-bottom:17px;}
DIV.tagfeed SPAN.grey {color:#666;}

/*SETTINGS FORM OVERRIDES 
===============================================================*/
DIV.settings .form{width:440px}
DIV.settings .form .header TD{color:#333}
DIV.settings .form TD.grey{padding-top:8px;padding-left:0}
DIV.settings .form .lab{text-align:right;text-transform:none;width:120px}
DIV.settings .form .ctr{width:290px}
DIV.settings .form SPAN.grey{display:block;font-weight:400;color:#666;font-size:11px;line-height:15px;text-transform:lowercase}
DIV.settings TABLE.comm{width:300px!important;margin-left:45px}
DIV.settings TABLE.comm TD{line-height:22px;height:22px;vertical-align:middle;text-align:left}
.settings .form TEXTAREA.big{height:300px;width:290px}
.settings .formClose{background-color:#e6e6e6;width:440px;margin-left:140px}

/* WEBLOG FORM OVERRIDES 
===============================================================*/
.weblog .formClose{margin-left:80px;width:350px;background-color:Transparent}
.weblog .form TEXTAREA.big{height:300px;width:340px}
.action{display: block; width: 100%; padding:10px 0;}
.action .submit{float:right}
.reaction .formClose{width:100px;margin-left:180px;background-color:#e6e6e6}

/* INVITE A FRIEND 
===============================================*/
.invite {margin-top: 10px}

/* INVITE A FRIEND FORM OVERRIDES 
===============================================*/
.invite .form{width:200px}
.invite .form .lab{width:80px;text-align:right}
.invite .submit{float:left}
.invite .form .ctr INPUT,.invite .form .ctr TEXTAREA{width:145px}

/* MESSAGES 
===============================================*/
.error{background-color:#FFEAE6;margin:10px;font-size:12px;color:red;font-weight:700; padding:10px}
.success{background-color:#a6d999;margin:10px;font-size:12px;color:#000;font-weight:700;padding:10px}
.fbinfo{font-size:12px;line-height:18px;margin-bottom: 18px; margin-top: 18px}
.thanks{padding: 7px 16px}

/* HOTLINK 
===============================================*/
DIV.hotlink {width: 100%; margin-bottom: 10px}

/* INFOGRAPHIC
===============================================*/
DIV#infographic {width: 600px; padding: 0px 10px 10px 10px; background-color: #e6e6e6; text-align: center; margin-top: -10px}
DIV#infographic DIV.faux {position: absolute; width: 600px; height: 15px;top: 0px; left: 20px; background: url(/sites/cr/images/fauxshadowinfo.png) no-repeat}
DIV#infographic .white {text-align: center}
DIV#infographic DIV.cbx {padding: 0px 10px; font-size: 12px; line-height: 12px} 
DIV#infographic DIV.cbx INPUT {position: relative; top: 2px} 

/* THANKS
===============================================*/
DIV.thanks {margin:0 24px 0 4px;font-size:12px}
DIV.thanks DIV.teaser {padding:7px}
DIV.thanks DIV.coins {padding:7px}

/* UPLOADER
==============================*/
INPUT.uploadedFile{float:left;font-family:"Lucida Grande", "Lucida Sans Unicode", "Segoe UI", Verdana, Arial, Sans-Serif;line-height:11px;font-size:11px;width:220px;border:1px solid #ccc;position:relative;top:-1px;margin-right:7px;padding:3px 0 2px!important}
.uploadpanel{display:block;width:220px;overflow:hidden;font-family:"Lucida Grande", "Lucida Sans Unicode", "Segoe UI", Verdana, Arial, Sans-Serif;line-height:11px;font-size:11px;margin:2px}
INPUT.uploadedFile{width:120px}

/* SHADOWBOX
===============================================*/
#sb-container,#sb-wrapper{text-align:left}
#sb-container,#sb-overlay{position:absolute;top:0;left:0;width:100%;margin:0;padding:0}
#sb-container{height:100%;display:none;visibility:hidden;z-index:999}
body > #sb-container{position:fixed}
#sb-overlay{height:expression(document.documentElement.clientHeight+'px')}
#sb-container > #sb-overlay{height:100%}
#sb-wrapper{position:relative; border:1px solid #000; background-color: #fff}
#sb-wrapper img{border:none}
#sb-body{position:relative;overflow:hidden;margin:0;padding:0}
#sb-body-inner{position:relative;height:100%}
#sb-content.html{height:100%;overflow:auto}
#sb-loading{position:absolute;top:0;width:100%;height:100%;text-align:center;padding-top:10px; color: #ccc}
#sb-loading A{color: #ccc; text-decoration: none; font-size: 11px}
#sb-body,#sb-loading{background-color:#ffffff}
#sb-title,#sb-info{position:relative;overflow:hidden;margin:0;padding:0}
#sb-title {background:#fff url(/sites/cr/images/popup.png) no-repeat; padding-left: 50px}
#sb-title-inner,#sb-info-inner{position:relative;font-family: Arial, Verdana,sans-serif;line-height:15px}
#sb-title,#sb-title-inner{height:30px}
#sb-title-inner{font-size:12px;color:#333333;padding:9px 0; font-weight: bold}
#sb-info,#sb-info-inner{height:0px}
#sb-info-inner{font-size:12px;color:#fff}
#sb-nav{float:right;height:16px;width:45%;padding:2px 0}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer}
#sb-nav-next{background-image:url(/shared/js/shadowbox/resources/next.png);background-repeat:no-repeat}
#sb-nav-previous{background-image:url(/shared/js/shadowbox/resources/previous.png);background-repeat:no-repeat}
#sb-nav-play{background-image:url(/shared/js/shadowbox/resources/play.png);background-repeat:no-repeat}
#sb-nav-pause{background-image:url(/shared/js/shadowbox/resources/pause.png);background-repeat:no-repeat}
#sb-counter{float:left;width:45%;padding:2px 0}
#sb-counter a{text-decoration:none;cursor:pointer;color:#fff;padding:0 4px 0 0}
#sb-counter a.sb-counter-current{text-decoration:underline}
div.sb-message{font-family:Verdana, 'Lucida Grande' ,Tahoma,sans-serif;font-size:11px;text-align:center;padding:10px}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline}
#sb-title{padding-right:20px;z-index:1}
#sb-nav-close{background-color:transparent;background-image:url(/sites/cr/images/close.png);background-repeat:no-repeat;background-position:0 0;position:absolute;top:5px!important;right:22px;display:block;width:25px;height:25px;cursor:pointer;z-index:2}
#sb-body{z-index:3}
#sb-info{z-index:4}

/* alt skin */
.altSkin #sb-wrapper{background-color: #e6e6e6}
.altSkin #sb-title {background-color:#e6e6e6}
.altSkin #sb-body,.altSkin #sb-loading{background-color:#e6e6e6}

/* Nifty Corners Cube CSS by Alessandro Fulciniti
===============================================*/
/*The following classes are added dynamically by javascript, and their use should be avoided in the markup. DO NOT ALTER! */
b.niftycorners,b.niftyfill{display:block}
b.niftyfill{line-height :0}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px; overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

/* SLIDESHOW and MEDIAPLAYER
==========================*/
.home_slidecontainer{position:relative;background-color:#fff;width:430px;height:220px;overflow:hidden;}
#home_slides{position:absolute;top:0;left:0;width:100%;background-color:#000;}
.home_slide{position:absolute;top:0;left:0;width:100%;background:transparent;overflow:hidden;height:246px;z-index:8;opacity:0.0;}
#home_slides .active {z-index:10;opacity:1.0;}
#home_slides .last-active {z-index:9;}
.home_slide .slideInfo{position:absolute;bottom:2px;left:10px;width:410px;height:57px;padding-top:3px;font-weight:bold;color:#fff;z-index:80;}
.home_slide .slidePlay{position:absolute;left:175px;top:70px;display:block;width:78px;height:78px;background-image:url(/shared/images/play.png);z-index:80;}
.home_slide .slidePlay:hover{background-position:0 -78px;}
.home_slide .play{position:absolute;left:75px;top:26px;display:block;width:50px;height:50px;background-image:url(/shared/images/play_small.png);z-index:80;}
.home_slide .play:hover{background-position:0 -50px;}
.home_slide .slideImg{position:absolute;top:0;right:0;z-index:75;}

/**/
.fbscript{margin-top:20px;margin-left:5px;}
