﻿/*******************************************************************************
*  main.css : 2008-02 : BrandWizard/RC
* ------------------------------------------------------------------------------
*  This stylesheet defines the screen layout 
*  below which are needed to render the layout on screen.
*******************************************************************************/
/* Reset Styles */
html{color:#505050;}body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}



h2 
{
	line-height:1.6em;
	padding:2px;
}

q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#505050;}

body {margin: 0;padding:0;font: normal 11px Verdana, Arial, sans-serif;background:#e8e8e8 url(img/background/page-bg.png) repeat-x 70px 0px;}
/* structure */
#ccWeb {width:980px; min-width: 980px;margin: 0 auto;}
#ctCenter {padding:0;  }
/* classes 4 site border
#bkg {}
#bdr {} */
/* general */
form{height:100%;}
select{font-size:11px}
form,img {margin:0;padding:0;border: none;}
input, textarea, select {font-size:11px; font-family:arial}
ul, li, input, textarea, select {margin:0;padding:0;}
strong {font-weight:bold}
.clear {clear:both;height:0;margin:0;font-size:1px;line-height: 0;}
.brclear {clear:both;}
.toLeft {float: left;}
.toRight {float: right;}
.none {display: none;}
.radios input {float:left;margin-top:-1px;width:14px !important}
* html .radios input {margin-top:-4px;}
.radios label {margin-right:4px}
*:first-child+html span.radios label {padding:2px 0 0 16px;display:block;}
span.radios label {margin:0 4px}
span.radios input {border:0 none;margin-right:3px;}
table.radios tr td input {float:left;width:14px;margin:0 3px 0 0;border: 0 none}
table.radios tr td label {float:left;margin:3px}
table.radios tr td {padding-bottom:3px;clear:both;padding-right:5px}
:root table.radios tr td input {float:none;width:14px;margin:0 2px 0 0}
:root table.radios tr td label {float:none}
table.radios {margin:0;padding:0}
.req {position:absolute;right:24px;top:54px}

input.txt1 {padding:2px;width:160px;border:1px solid #7f7e82}
input.txt2 {font-size:11px;padding:1px;width:130px;border:1px solid #7f7e82;height:15px}
textarea.txt3 {font-family:arial;font-size:11px;padding:1px;width:180px;border:1px solid #7f7e82;height:60px}

/* top */
#top,.top {height:100px;position:relative;z-index:10;padding:0; width:inherit;position:relative; background:transparent url(img/background/universal-bar.png) no-repeat 0 0}
/* logo */
#top img, .top img {position:absolute;bottom:12px;left:16px;z-index:12}

#headerContainer 
{
	height:107px;
	clear:both;
}

#contentWrapper 
{
	background:#fff url(img/background/pagebox-bottom.png) no-repeat scroll bottom left;
	position:relative;z-index:1;
}

h1.h1Header 
{
	margin:0;
	padding:0;
	text-indent:-9999px;	
}

h1.h1Header a 
{
	display:block;
	width:250px;
	height:50px;
}

div#util {height:22px;padding:0 16px;float:right;/*display:none;*/ position: absolute; top: 10px; left: 660px;}

div#topnavbar {display:none;height:22px;width:100%; clear:both;}
div#gdl {width:712px;position:relative;z-index:299;}
div#home div#topnavbar{width:100%; clear:both;} 
div#gdl div#topnavbar{width:100%; clear:both;}

div#ctfoot {display:none;visibility:hidden}

/* grids */
#ctn,.ctn {min-height:450px; margin-right:auto; margin-left:auto; padding-top:20px; background:transparent url(img/background/waves.png) no-repeat scroll 0 0;}
.ctnext {padding:0 16px}
.gr1 {padding: 5px 0 20px 0;clear:both}
.gr2 {padding: 15px 0 20px 0;clear:both}
.gr3 {padding: 4px 0 0 0;clear:both}
.gr4 {padding: 16px 0;clear:both}
.gr5 {padding: 8px;clear:both}
.gr6 {padding: 0 10px;clear:both}
.gr7 {padding: 0;padding-top:4px}
.gr8 {padding: 0 16px}
.gr9 {padding: 0 14px}
.lcol, .lcol2 {float:left;width:33%;}
.rcol, .rcol2 {float:right;width:65%;}
.lcol2, .rcol2 {width:49%} 

#home {position:relative;width:940px}
#home .lcol {float:left;width:712px;position:relative;}
#home .rcol {float:right;width:210px;height:auto;}
* html #home .rcol {height:208px;}

/* lines, boxes, etc. */
.linehbig {margin:0;margin-top:16px;height:4px;background: Transparent url(../img/ptrn_horiz_01.gif) repeat-x bottom left;float:left;display:block;width:100%;}
* html .linehbig {margin-top:4px;}
.linehsmall {margin-bottom:3px;height:3px;background: Transparent url(../img/dots_horiz.gif) repeat-x center left;font-size:1px;line-height:1px;}
.imghome {width:676px;margin:0;padding:0;}
* html .imghome {float:left}

/*CollapsiblePanel*/
/*.collapsePanel {background-color:white;overflow:hidden;position:absolute;}*/


.collapsePanelContainer {display:block;position:relative;}
.collapsePanel {height: 280px !important;width:150px;padding:5px;}
.collapsePanel small{line-height:11px;display:block;}


/* rnd boxes */

div.rndbox1 {width:195px;padding-bottom:65px;background:transparent url(img/boxes/box-bot.png) no-repeat left bottom;margin-bottom:12px;}
div.rndbox1 h4 {background: Transparent url(img/boxes/box-top.png);padding:5px 12px 3px 12px;}
div.rndbox1 dl {background-image: url(img/boxes/box-mid.png);}
div.rndbox1 dt {margin:0;padding: 5px 10px;font-size: 11px;}
div.rndbox1 dd {margin:0;padding:5px 2px 5px 10px;}


.loginBoxTop {
background:url(img/boxes/box-shdw-top.png);
width: 435px;
height:50px;
margin-bottom: -45px;
}

.loginInnerBox {
background: url(img/boxes/box-shdw-mid.png);
width: 435px;
z-index: 100;
}

.loginBoxBottom {
background:url(img/boxes/box-shdw-bot.png) no-repeat left bottom;
width: 435px;
height:121px;
margin-top: -75px;
z-index: -1;
}


/* tables */
table.tblregular {width:100%}
* html table.tblregular {width:97%}

table.tblregular tr.hd td, table.tblregular tr th, table.tblregular tr.odd td, table.tblregular tr td{padding: 4px;}
table.tblregular tr.hd0 td {padding:0;margin:0;height:0}
table.tblregular tr.hd td {color:#069;font-weight:bold}
table.tblregular tr.add td {background-color:#fff;} 
/* table.tblregular tr.hd td, table.tblregular tr.hd td span,  */
table.tblregular tr.hd td a {font-weight:bold;color:#069}
table.tblregular tr td a {color:#333;text-decoration:underline;}
table.tblregular tr td a:hover {text-decoration:none}
table.tblregular tr.odd td {background-color:#EBEBEB} 
table.tblregular tr td.colone { padding-left:10px}
table.tblregular tr td.colone{ color:#333}

#home table.tblregular tr.hd td a, #home table.tblregular tr.hd td a:visited {color:#333}

table.tbladmin {width:100%;border:0 none;border-bottom: 1px solid #bbb;margin-bottom:.5em}
table.tbladmin tr.hd td, table.tbladmin tr th, table.tbladmin tr.odd td, table.tbladmin tr.add td{padding: 4px 4px 4px 0}
table.tbladmin tr.hd td, table.tbladmin tr th {border-top: 1px solid #bbb;border-bottom: 1px solid #bbb;background:#e5e5e5}
table.tbladmin tr.odd td {background-color:#f3f3f3;} 
table.tbladmin tr.hd td a,table.tbladmin tr.hd td a{color:#333;text-decoration:none}
table.tbladmin tr td a:hover {text-decoration:underline}

/* shared */
ul.nostyle {margin:0;padding:0;list-style:none}
ul.nostyle li {margin:0;padding:0;list-style:none}
ul.horiz li {float:left}
ul.horiz2 li {float:left;margin-right:12px}
ul.horiz3 li {float:left;margin-left:12px}

/* Rounded corfrners */
div.rf {width:100%;position:relative;z-index:150;}
div.rf div.rftop {background: Transparent url(../img/rnd/rf_border_top.gif) repeat-x top left;height:12px;margin-right:12px}
* html div.rf div.rftop {margin-right:10px}
div.rf div.rftop span.rftopl {position:absolute; top:0; left:0;height:12px;width:12px}
div.rf div.rftop span.rftopr {position:absolute; top:0; right:0px;height:12px;width:12px}

div.ofh div.rftop {display:none}

div.rf div.rfbody {background:transparent;border:0;}

div.rf div.rfbottom {display:none;height:34px;margin-right:12px}
div.rf div.rfbottom span.rfbottoml {position:absolute; bottom:0;left:0;height:34px;width:12px}
/* * html div.rf div.rfbottom span.rfbottoml {bottom:-1px}*/
div.rf div.rfbottom span.rfbottomr {position:absolute; bottom:0;right:0;height:34px;width:12px}
/* * html div.rf div.rfbottom span.rfbottomr {bottom:-1px;right:-1px} */
div.rf div.rfbottomadm {background: Transparent url(../img/rnd/rf_border_bottom_adm.gif) no-repeat bottom left;height:34px;}
div.rf div.rfbottomext {background: Transparent url(../img/rnd/rf_border_bottom_ext.gif) no-repeat bottom left;height:34px;}
div.rf div.rfbottomlog {background: Transparent url(../img/rnd/rf_border_bottom_log.gif) no-repeat bottom left;height:34px;}
/* sIFR classes */
.sIFR-flash {visibility: visible !important;margin: 0;padding: 0;}
.sIFR-unloading .sIFR-flash {visibility: hidden !important;}
.sIFR-replaced, .sIFR-ignore {visibility: visible !important;}
.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.sIFR-replaced div.sIFR-fixfocus {margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none;}
.sIFR-dummy {width: 0px;height: 0px;margin-left: 42px;z-index: 0;}

/* DataGrid Styles */
.dgTable 
{
	width:100%;
	border:1px solid #e4e4e4;
	
}

.dgTable td 
{
	margin:0;
	padding:3px;
}

.dgItem 
{
	background-color:#fff;
}

.dgAlternatingItem 
{
	background-color:#E7F6FD;
}

.dgHeader 
{
	background:#fff url(img/background/table_header_bg.png) repeat-x scroll left bottom;font-weight:bold;
}
.dgHeader td a:link
{
	color: #505050;
	font-weight: bold;
}

tr.dgHeader td 
{
	border-right:1px solid #e4e4e4;	
}

/* Form Input Formatting */
.textInputCapLeft {
background:transparent url(img/background/textinput-left-mask.png) no-repeat scroll left top;
height:23px;
display:block;
float:left;
width:5px;

_margin-top:1px;
*margin-top:1px;

}

input.textInput 
{
background:transparent url(img/background/textinput-400.png) no-repeat scroll right top;
border:medium none;
color:#333333;
height:19px !important;
padding:4px 5px 0 0;
margin:0;
}
*html input.textInput
{
    left: -5px;
    position:relative;
}
.loginBtnPosition
{
    margin-left:120px !important;    
}
*html .loginBtnPosition
{
    margin-left:45px !important;
}
#searchbox .ComboBoxInput_Grey, #searchbox .ComboBoxInputHover_Grey, #fileshare .ComboBoxInput_Grey, #fileshare .ComboBoxInputHover_Grey
{
    border: 0 !important;
    background:transparent url(img/background/textinput-400.png) no-repeat scroll right top;
    height: 19px !important;
    padding:4px 5px 0 0 !important;
}

html>body #fileshare input.textInput, html>body .toLeft input.textInput, html>body .dateBox input.textInput  /* IE7 Specific Hack */
{
   *margin:1px 0 0 0;
} 

.global_footerContainer
{
	border-top:1px solid #b6b6b6;
	width:980px;
	margin-top:5px;
	padding: 5px 0 15px 0;
	float: left;
}

.home_rightArea
{
	width: 195px;
	margin-bottom: 25px;
}

/* Scroll Area */

#scrollcontainer
{
    height: 205px;
    width: 215px;
    overflow: hidden;
}
#scrollArea
{
    float: left;
    width: 200px;
    height: 205px;
    overflow: hidden;
}
#buttons
{
    float: right;
    top: 0;
    right: 0;
    position: relative;
    width: 15px;
    height: 200px;
}
img.downbutton
{
    position: absolute;
    bottom: 0;
    left: 0;
}
img.upbutton
{
    position: absolute;
    top: 0;
    left: 0;
}

.socialIcons
{
	margin-top:10px;
	float: right;
}

.iconSpacing
{
	margin-left:2px;
}

.lblStartEnd
{
	float:left;
	margin:4px 5px 0 0;
}

.Default_Windows, .Over_Windows, .Focus_Windows
{
	background: transparent url(img/background/textinput-400.png) no-repeat right top !important;
	height: 19px !important;
	padding: 4px 5px 0 0;
	background-color: transparent !important;
	font-size: 11px !important;
}

