/* general tags */
* { margin:0; padding:0; }
body { font:72% Arial, Helvetica, sans-serif; color:#333; margin:0; padding:0; }
img { border:none; }
a:link { color:#333; }
a:visited { color:#333; }
a:hover { color:#999; text-decoration:none; }
a.home { float:left; width:210px; height:35px; margin: 15px 0 0 20px; }
a.log-out { float:right; text-align: right; padding: 5px 8px; margin: 25px 0 0 0; background-color: #f00; color:#fff; font-weight: bold;  text-decoration: none; } 
a:hover.log-out { background-color: #c4bca7; color:#fff; } 

/* header and footer */
#page-container { position:relative; height:100%; width:950px; margin:0 auto; padding-top:15px; }
#head-container { float:left; width:950px; height:125px; background:#fff url(../assets/images/logo-bcncomm.gif) no-repeat 1.45em 1em; }
#head-container h1 { position:relative; top: 90px; left: 75px;font-size: 110%; color: #f00; background-color: #ccf; }
#head-container h1 a { color: #f00; }
#footer { float:left; width:880px; clear:both; padding:50px 0 10px 70px; }
#footer .align-left { float: left; padding: 2px 0; text-transform:uppercase; font-size:90%; }


/* login form */
#log-in-wrap { float:right; width:630px; min-height:450px; height:auto !important; height:450px; color: #333; }
#log-in-wrap h1 { font-size: 200%; font-weight: normal; margin: 0 0 15px 0; color: #f00; }
#log-in-wrap h2 { float: left; width: 170px; font-size: 130%; margin: 0; padding-top: 10px; color: #f00; }
#log-in-wrap .log-in { float: right; width: 610px; background:#fff url(../assets/images/striped-tile.gif) repeat; margin-bottom:10px; padding: 10px; }
#log-in-wrap .log-in .form-input { float: right; font-size: 115%; width:400px; height:22px; padding:9px 3px 3px 9px; border: 1px solid #ccc; }
#log-in-wrap .log-in-submit { float: right; width: 425px; padding: 10px 0; }
#log-in-wrap .log-in-help { float: left; font-size: 120%; line-height: 150%; margin:18px 0 9px 15px; }


/* content pages */
#content-container { float:left; width:810px; min-height:450px; height:auto !important; height:450px; padding:0 70px; background:#fff url(../assets/images/striped-edges.gif) repeat-y 0 0; }
#content-container h1 { font-size: 200%; font-weight: normal; margin-bottom: 20px; color: #555; }
#content-container h2 { font-size: 130%; font-family: Arial, Helvetica, sans-serif; color: #f00; }
#content-container h3 { font-size: 130%; margin-bottom: 25px; font-family: Arial, Helvetica, sans-serif; color: #f00; border-bottom: 1px solid #666; padding-bottom: 10px; }
#content-container h3 a { color: #f00; font-weight: normal; padding-right: 30px; background: #fff url(../assets/cdesk/arrow-gray.gif) no-repeat 95% 50%; }

#content-container p { font-size: 130%; line-height: 180%; margin-bottom: 9px; padding-right: 50px; }
#content-container ul { list-style:none; margin-bottom: 25px; }
#content-container ul li { font-size: 130%; line-height: 180%; }
#content-container ul li a, 
#content-container ul li a:visited { color:#333; text-decoration:underline; }
#content-container ul li.current,
#content-container ul li.current a,
#content-container ul li a:hover { color:#f00; }
#content-container table { border-top: 1px solid #666; }
#content-container table td { font-size: 130%; line-height: 180%; border-bottom: 1px solid #666; padding: 5px 0; }


#content-container .content-segment { float: left; width: 810px; margin:0 0 15px 0; padding: 0; }
#content-container .content-segment h1 { font-size: 150%; font-weight: bold; background-color: #ddd; padding: 6px; margin-bottom: 15px; color: #f00; }
#content-container .content-segment-item { float: left; width: 100%; margin:0 0 5px 0; padding: 0; display: inline; }

#content-container .content-segment-item .file { float: left; width: 170px; font-weight: bold; padding: 1px 0 1px 40px; margin: 0 15px 0 0; color: #fff; background: #006bac url(../assets/cdesk/page.png) no-repeat 5% 50%; }

#content-container .content-segment-item .file-old { float: left; width: 170px; font-weight: bold; padding: 1px 0 1px 40px; margin: 0 15px 0 0; color: #fff; background: #7aa3cb url(../assets/cdesk/page.png) no-repeat 5% 50%; }

#content-container .content-segment-item .pdf { float: left; width: 170px; font-weight: bold; padding: 1px 0 1px 40px; margin: 0 15px 0 0; color: #fff; background: #006bac url(../assets/cdesk/page_white_acrobat.png) no-repeat 5% 50%; }

#content-container .content-segment-item .pdf-old { float: left; width: 170px; font-weight: bold; padding: 1px 0 1px 40px; margin: 0 15px 0 0; color: #fff; background: #b3c9de url(../assets/cdesk/page_white_acrobat.png) no-repeat 5% 50%; }

#content-container .content-segment-item .onscreen { float: left; width: 170px; font-weight: bold; padding: 1px 0 1px 40px; margin: 0 15px 0 0; color: #fff; background: #579282 url(../assets/cdesk/monitor_go.png) no-repeat 5% 50%; }

#content-container .content-segment-item .present { float: left; width: 170px; font-weight: bold; padding: 1px 0 1px 40px; margin: 0 15px 0 0; color: #fff; background: #e48223 url(../assets/cdesk/images.png) no-repeat 5% 50%; }

#content-container .content-segment-item .present-old { float: left; width: 170px; font-weight: bold; padding: 1px 0 1px 40px; margin: 0 15px 0 0; color: #fff; background: #f7dab0 url(../assets/cdesk/images.png) no-repeat 5% 50%; }

#content-container .content-present { float: left; width: 810px; margin:0 0 15px 0; padding: 0; }
#content-container .content-present h1 { font-size: 150%; font-weight: bold; background-color: #ddd; padding: 6px; margin-bottom: 30px; color: #f00; }
#content-container .content-present img { margin: 0 auto 45px auto; display:block; }
#content-container .content-present p { text-align: center; padding: 0; }

#content-container .content-image-flow { float: left; width: 810px; height: 675px; margin:0; padding: 0; background-color: #777; }
#content-container .content-image-flow h1 { font-size: 150%; font-weight: bold; background-color: #ddd; padding: 6px; margin-bottom: 30px; color: #f00; }

/* gallery */
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */




/* main segment content forms */
/*
#content-container .form-field { float: right; width: 610px; background:#fff url(../assets/images/striped-tile.gif) repeat; margin-bottom:3px; padding: 10px; }
#content-container .form-field h2 { float: left; width: 270px; font-size: 130%; padding-top: 10px; }
#content-container .form-field .form-input { float: right; font-size: 115%; width:600px; height:22px; padding:9px 3px 3px 9px; border: 1px solid #ccc; }

#content-container .form-field-error { float: right; width: 900px; background:#fff url(../assets/images/striped-tile-error.gif) repeat; margin-bottom:3px; padding: 10px; }
#content-container .form-field-error h2 { float: left; width: 270px; font-size: 130%; padding-top: 10px; color:#fff; }
#content-container .form-field-error .form-input { float: right; font-size: 115%; width:600px; height:22px; padding:9px 3px 3px 9px; border: 1px solid #f00; }
*/


/* general button styling */
.button-wrap { float: right; }
.buttons a, .buttons button { display:block; float:left; margin:0 0 0 15px; background-color:#336699; border:1px solid #dedede;
    border-top:1px solid #eee; border-left:1px solid #eee; font-family: Arial, Helvetica, sans-serif; font-size:115%; line-height:120%; text-decoration:none; font-weight:bold; color:#fff; cursor:pointer; padding:5px 10px 6px 7px; /* Links */ }
.buttons button { width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ }
.buttons button[type] { padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ }
*:first-child+html button[type] { padding:4px 10px 3px 7px; /* IE7 */ }
.buttons button img, .buttons a img { margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; }


/* standard button */
button:hover, .buttons a:hover { border:1px solid #66ACD2; background-color:#BEDBE4; color:#336699; }
.buttons a:active { background-color:#6299c5; border:1px solid #6299c5; color:#fff; }


/* positive button */
button.positive, .buttons a.positive { background-color:#E6EFC2; color:#529214; border:1px solid #A0C079; }
.buttons a.positive:hover, button.positive:hover { background-color:#529214; border:1px solid #E6EFC2;
    color:#fff; }
.buttons a.positive:active { background-color:#529214; border:1px solid #529214; color:#fff; }


/* negative button */
.buttons a.negative, button.negative { background-color:#f00; color:#fff; }
.buttons a.negative:hover, button.negative:hover { background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; }
.buttons a.negative:active { background-color:#d12f19; border:1px solid #d12f19; color:#fff; }


/* sub-nav */
#sub-nav { float:left; width:160px; height:auto; background:#f0e9de url(../assets/images/striped-subnav.gif) repeat-y top center; }
#sub-nav h4 { font-size:110%; font-weight:normal; width:153px; background-color:#f0e9de; padding:15px 0 0 7px; }
#sub-nav h4 a,
#sub-nav h4 a:visited { color: #333; text-decoration: none; }
#sub-nav h4.current, 
#sub-nav h4 a:hover { color: #f00; }
#sub-nav ul { width:145px; background-color:#f0e9de; list-style:none; padding:15px 0 5px 15px; }
#sub-nav ul li { margin-bottom:5px; }
#sub-nav ul li a, 
#sub-nav ul li a:visited { color:#666; text-decoration:none; }
#sub-nav ul li.current,
#sub-nav ul li.current a,
#sub-nav ul li a:hover { color:#f00; }
#sub-nav .callout { width:135px; padding:10px 10px 10px 15px; color:#95938e; background-color:#f0e9de; font-size:140%; line-height:160%; margin-top:50px; }


/* type */
.red { color:#f00; }
.bold-red { font-weight: bold; color:#f00; }
p.alpha { font-weight: bold; font-size: 110%; }
a.alpha-select { color:#f00; }
.normal { font-weight: normal; }