@charset "UTF-8";
/* CCS's CSS Document */

/*html changes*/


@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway/raleway-regular.eot');
    src: url('/fonts/Raleway/raleway-regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Raleway/raleway-regular.woff') format('woff'),
         url('/fonts/Raleway/raleway-regular.ttf') format('truetype'),
         url('/fonts/Raleway/raleway-regular.svg#Raleway') format('svg');
font-weight: normal;
font-style: normal;
   }
 
 
.tk-raleway {
    font-family: "Raleway", sans-serif, Arial, Helvetica;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato/Lato_Regular-webfont.eot');
    src: url('/fonts/Lato/Lato_Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Lato/Lato_Regular-webfont.woff') format('woff'),
         url('/fonts/Lato/Lato_Regular-webfont.ttf') format('truetype'),
         url('/fonts/Lato/Lato_Regular-webfont.svg#Lato') format('svg');
font-weight: normal;
font-style: normal;
   }
 
 .tk-lato {
    font-family: "Lato", Arial, Helvetica;
}

 

body {font-family:Arial, Helvetica, sans-serif;font-size: 12px;
background-color:#D8D8D8;
/*background-image:url(../images/ccs_newbg.jpg);background-repeat:repeat-x repeat-y;background-attachment:fixed;*/
width: 996px;margin: 0px auto;color:333;font-weight:normal;}

table { /* */ }
td { /* */}
img {vertical-align:middle; border:0;}
a:link, a:visited, a:hover, a:active {color:#333;text-decoration: underline;padding:none; cursor:pointer;}
a.dark:link, a.dark:visited, a.dark:hover, a.dark:active {color:#333;text-decoration: underline;padding:none;}
a.nouline:link, a.nouline:visited, a:nouline:hover, a:nouline:active {text-decoration: none;}
form {color:#333;letter-spacing: normal;word-spacing: normal;padding: 0px;}
select {font-size: 1em;color: #222;border:1px solid #AAA;}
input {color: #222;border:1px solid #AAA;}
textarea {color: #333;border:1px solid #AAA;}
legend {color:#036; font-weight:bold;}
fieldset 
{border: 1px solid #AAA;
 -webkit-border-radius: 7px;
 -moz-border-radius: 7px;
 border-radius: 7px;}
 
/*other*/
.italic{font-style:italic;}
 
/*hidden elements*/
.hideme{display:none;}

/*core manipulations*/
.header {height: 60px;width: 996px;top: 0px;color:#ebebff;border-bottom:1px solid #AAA;}
.footer {height: 26px;width: 996px;color: #555;background-color:#ddd;bottom: 1px;border:1px solid #AAA;}
.menu {border-right:1px solid #ABABAB;border-left:1px solid #ABABAB;}
.hzmenu {background-color:#373742;width: 996px;top: 101px;color:#ebebff;border-bottom:1px solid #AAA;border-right:1px solid #AAA;}
.spryhzmenu {background-color:#EEE;width: 996px;top: 101px;}
.content {color:#333; width: 996px; top: 126px; background-color:#efefef; border-right:1px solid #ABABAB; border-left:1px solid #ABABAB;}
.content a {}
.contentdk {color:#333; width: 996px;top: 126px;background-color:#3A4D78;border-right:1px solid #AAA;}
.contentltbr {color:#333; width: 996px;top: 126px;background-color:#DDD9C8;}


/*wide definitions*/
.header_wide {height: 60px;width: 1200px;top: 0px;color:#ebebff;border-bottom:1px solid #AAA;}
.footer_wide {height: 26px;width: 1200px;color: #555;background-color:#ddd;bottom: 1px;border:1px solid #AAA;}
.spryhzmenu_wide {background-color:#EEE;width: 1200px;top: 101px;}
.content_wide {color:#333; width: 1200px; top: 126px; background-color:#efefef; border-right:1px solid #ABABAB; border-left:1px solid #ABABAB;}


/*table definitions*/
.po_subbox {color: #333;border: 1px solid #AAA;background-color: #fff;text-decoration:none;}
.po_subbox_table {color: #333;border: 1px solid #AAA;background-color: #fff;text-decoration:none;table-layout: fixed;}

/*table wrappers*/
.tableWrapper {
    overflow-x: auto;
    min-width: 100%;
    table-layout: fixed;
}



/*row definitions*/
.po_subbox_header {background-color:#E1E6EC;font-weight:bold;border-bottom:1px solid #AAA;color:#222;text-decoration:none;}
.po_subbox_header2 {background-color:#ededed;font-weight:bold;border-bottom:1px solid #AAA;color:#222;text-decoration:none;}
.po_subbox_footer {font-weight:bold;background-color: #fff;color:#222;text-decoration:none;}
.po_subbox_body {background-color:#fff;color:#222;text-decoration:none;}
.rowheader{background-color:#e1e6ec;font-weight:bold;color:#222;font-size:1.25em; }

/*font size manip*/
.large{font-size:1.1em;}
.largest{font-size:1.3em;}
.larger{font-size:1.2em;}
.biggest{font-size:1.5em;}
.huge{font-size:2.0em;}
.small{font-size:.9em;}
.smaller{font-size:.8em;}
.smallest{font-size:.7em;}
.hairline{font-weight: 100;}

/*borders*/


.brounded{border: 1px solid #AAA;
 -webkit-border-radius: 7px;
 -moz-border-radius: 7px;
 border-radius: 7px;
overflow: hidden;}

.bdashbottom{border-bottom:1px dashed #999;}
.bdashtop{border-top:1px dashed #999;}
.bdashright{border-right:1px dashed #999;}
.bdashleft{border-left:1px dashed #999;}
.bdash{border:1px dashed #999;}
.bdashgreen{border:1px dashed #093;}
.bdashred{border:1px dashed #F00;}
.bdashredbottom{border-bottom:1px dashed #F00;}
.bdashredtop{border-top:1px dashed #F00;}
.bdashblue{border:1px dashed #36F;}
.bdashbluebottom{border-bottom:1px dashed #36f;}
.bdashbluetop{border-top:1px dashed #36f;}
.bdottop{border-top:1px solid #AAA;}
.bdotbottom{border-bottom:1px solid #AAA;}
.bdotright{border-right:1px solid #AAA;}
.bdotleft{border-left:1px solid #AAA;}
.bdot{border:1px solid #AAA;}
.btop{border-top:1px solid #AAA;}
.bbottom{border-bottom:1px solid #AAA;}
.bright{border-right:1px solid #AAA;}
.bleft{border-left:1px solid #AAA;}
.bdotbottomred{border-bottom:1px solid #F00;}
.bdottopred{border-top:1px solid #F00;}
.bdotleftred{border-left:1px solid #F00;}
.bdotrightred{border-right:1px solid #F00;}
.bdotred{border:1px solid #F00;}

/*font colors & weight*/
.bold{font-weight:bold;}
.normal{font-weight:normal;}
.darkred{font-weight:bold;color:#C30;}
.darkgreen{color:#060;}
.green{color:#093;}
.dark{color:#333;}
.charcoal{color:#333;}
.blue{color:#06C;}
.pink{color:#F3C;}
.purple{color:#336;}
.darkyellow{color:#FC0;}
.yellow{color:#FFD500;}
.orange{color:#FF8000;}
.red{color:#F00;}
.ltgry{color:#999;}
.navy{color:#006;}
.white{color:#FFF;}
.lime{color:#CCFFCC;}

/*font decoration*/
.uline{text-decoration:underline;}
.nouline{text-decoration:none;}
.strike{text-decoration:line-through;color:#F00;}

.outline {
    color: #fff;
    text-shadow: #000 0px 0px 1px,   #000 0px 0px 1px,   #000 0px 0px 1px,
             #000 0px 0px 1px,   #000 0px 0px 1px,   #000 0px 0px 1px;
    -webkit-font-smoothing: antialiased;
}
.outline_red {
    color: #fff;
    text-shadow: #F00 0px 0px 1px,   #F00 0px 0px 1px,   #F00 0px 0px 1px,
             #F00 0px 0px 1px,   #F00 0px 0px 1px,   #F00 0px 0px 1px;
    -webkit-font-smoothing: antialiased;
}


/*row bg effects*/
.shaded{background-color:#EfEfEf;}
.slatebg{background-color:#ececec;}
.headerbg{background-color:#E1E6EC;font-weight:bold;}
.bgred{background-color:#F00;}
.bggreen{background-color:#093;}
.bgblue{background-color:#06C;}

/*row bg effects - onsite grid*/
.bgdkred{background-color:#FF3333;}
.bgltred{background-color:#FFCCCC;}
.bgltorg{background-color:#FFDD99;}
.bgltylw{background-color:#FFD6CC;}
.bgltgrn{background-color:#CCFFCC; background-image:url(images/1pxPaleGreen.png); background-repeat:repeat; background-attachment:fixed;}
.bgdkgrn{background-color:#99CC99;}
.bgdkorg{background-color:#FF8000;}
.bgdkblu{background-color:#0076B2;}
.bgwhite{background-color:#fff;}
.bgltshaded{background-color:#ededed;}
.bgdark{background-color:#CECECE;}

.bgdarkest{background-color:#3F3F3F;}

/*row diag bg effects - grids*/
.bgdiag{background: repeating-linear-gradient(
  45deg,
  #EEE,
  #EEE 10px,
  #FFF 10px,
  #FFF 20px
);}

/*row diag bg effects - grids*/
.bgstripes{background: linear-gradient(
	to bottom,
 	#EEE,
  	#EEE 50%,
  	#FFF 50%,
  	#FFF
);
	background-size:100% 20px; 
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	}



/*row size manipulation*/
.nors{text-align:center;height:50px;}

/*row vertical alignment*/
.valignt{vertical-align:top;}
.valignb{vertical-align:bottom;}
.valignm{vertical-align:middle;}

/*row text alignment*/
.acenter{text-align:center;}
.aright{text-align:right;}
.aleft{text-align:left;}

/*row clickable feature*/
table#clickme {
    border-collapse: collapse;   
}
#clickme tr {
    background-color: #fff;
}
#clickme tr:hover {
    background-color: #ededed;
}
#clickme th {
    background-color: #fff;
}
#clickme th, #clickme td {
    padding: 3px 5px;
}
#clickme td:hover {
    cursor: pointer;
}

/*the ribbon*/
.ribbon{background-color:#CC6666;font-weight:bold;color:#fff;}
.ribbon_content{background-color:#CC6666;font-weight:bold;color:#fff; padding:5px;}

/*cfdump handling*/
.vardump{
	overflow: hidden;
	white-space: nowrap;
}

/*table design*/
.fixed{table-layout:fixed; word-wrap:break-word;}