/*
 * defaultStyles.css
 *
 * Purpose: The ComplianceBridge Director CSS
 * Author: Sean Voisen, Todd Harrison
 * Last Modified: 09/05/2003
 *
 * Copyright (C) 2003-2014 ComplianceBridge
 *
 */

.main {
	background-color: #FFFFFF;
	margin-left: 200px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


p {
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	margin: 1px;
}

br.eject {
      page-break-before: always;
}

td {
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000;
}


/************************/
/*  link classes below  */

a:link, a:visited {
   	 color: #;
	text-decoration: none;
}

a:hover {
	color: #666666;				/* #AAA */
	text-decoration: none;
}

#blackLink a:link, #blackLink a:visited {
	color: #222222;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
}

#blueLink a:link, #blueLink a:visited {
	color: #5588DD;
	text-decoration: none;
	white-space: nowrap;
}

#greenLink a:link, #greenLink a:visited {
	color: #44CC44;
	text-decoration: none;
	white-space: nowrap;
}

#orangeLink a:link, #orangeLink a:visited {
	color: #F8F800;
	text-decoration: none;
	white-space: nowrap;
}

#redLink a:link, #redLink a:visited {
	color: #F85555;
	text-decoration: none;
	white-space: nowrap;
}

#whiteLink a:link, #whiteLink a:visited {
	color: #FFFFFF;
	text-decoration: none;
	white-space: nowrap;
}

#rtnLink a:link, #rtnLink a:visited {
	color: #8888CC;
	text-decoration: none;
	white-space: nowrap;
}


#sideLink a:link, #sideLink a:visited {
	color: #;
	font-size: 14px;
	line-height; 20px;
	text-decoration: none;
	white-space: nowrap;
}

/****************************/
/*  Variable classes below  */
/****************************/

.banner1 {
	color: orange;
	text-align: center;
	font-size: 36px;
	line-height: 36px;
	font-weight: bold;
	font-family: times new roman, Arial, Helvetica, sans-serif;
}

.banner2 {
	color: #BBBDDD;
	text-align: center;
	font-size: 33px;
	line-height: 33px;
	font-weight: bold;
	font-family: times new roman, Arial, Helvetica, sans-serif;
}

.banner3 {
	color: #CC6666;
	text-align: center;
	font-size: 30px;
	line-height: 34px;
	font-weight: bold;
	font-family: times new roman, Arial, Helvetica, sans-serif;
}

.bold12 {
	color: #;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.bold14 {
	color: #;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.bold16 {
	color: #;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.bold18 {
	color: #;
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

.bold24 {
	color: #;
	font-weight: bold;
	font-size: 24px;
	line-height: 32px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

.boldbackgr12 {
	color: #;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;	/* purple cc99ff*/
}

.boldblue12 {
	color: #5588DD;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.boldblue14 {
	color: #5588DD;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.boldblue16 {
	color: #5588DD;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.boldbottomgr {
	color: #;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	border-bottom: 3px solid #666666;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 1px;
}

.boldbottom12 {
	color: #;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	border-bottom: 1px solid #666666;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

.boldbottom14 {
	color: #;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	border-bottom: 1px solid #666666;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

.boldbottom16 {
	color: #;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	border-bottom: 1px solid #666666;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

.boldbottomgrn12 {
	color: #;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	border-bottom: 1px solid #336633;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

.boldbottomgrn14 {
	color: #;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	border-bottom: 1px solid #33CC33;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

.boldgray12 {
	color: #888888;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.boldgray14 {
	color: #888888;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.boldgray16 {
	color: #888888;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.boldgraybot12 {
	color: #888888;
	font-size: 12px;
	line-height: 16px;
	border-bottom: 1px solid gray;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.boldgraytop12 {
	color: #CCCCCC;
	font-size: 12px;
	line-height: 16px;
	border-top: 1px solid gray;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.boldgreen14 {
	color: #44AA44;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.boldorange14 {
	color: #FF8800;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
}

.boldorange16 {
	color: #FF8800;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
}

.boldred14 {
	color: #AA4444;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.boldred16 {
	color: #EE4444;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.boldtop12 {
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	border-top: 1px solid #CC3333;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 1px;
}

.boldtop14 {
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	border-top: 1px solid #CC3333;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 1px;
}

button, html [type="button"], [type="reset"], [type="submit"], .button{
 						 /*text-transform: uppercase; text-shadow: 0 4px 4px rgba(C,C,c,.2); */
	border: 1px #CCC solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #FDFDFD;
	color: black;
	/* box-shadow: 0 1px 1px 0 rgba(0,0,0,.2), 0 1px 0 0 rgba(255,255,255,.2) inset;
	-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2), 0 1px 0 0 rgba(255,255,255,.2) inset;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2), 0 1px 0 0 rgba(255,255,255,.2) inset;
	*/
	font: 11px Arial;
    font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	margin: 1px 5px 1px 0px;
	padding: 2px 15px 0px;
	text-align: center;
	vertical-align: middle;
	transition: 0.2s;
 }

button:hover, html [type="button"]:hover, [type="reset"]:hover, [type="submit"]:hover, .button:hover{
	background: #999;
	color: #FDFDFD;
	transition: 0.2s;
 }
.button {
	/*  float: left; 					 text-transform: uppercase; text-shadow: 0 4px 4px rgba(C,C,c,.2); */
	border: 1px #CCC solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #FDFDFD; color: black;
	/* box-shadow: 0 1px 1px 0 rgba(0,0,0,.2), 0 1px 0 0 rgba(255,255,255,.2) inset;
	-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2), 0 1px 0 0 rgba(255,255,255,.2) inset;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2), 0 1px 0 0 rgba(255,255,255,.2) inset;
	*/
	font-size: 11px Arial;
    font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	margin: 1px 5px 1px 0px;
	padding: 2px 15px 0px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	transition: 0.2s;
	}

.checkboxSize
	{
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(3); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 0px;
  	}

.chromebutton {
	border-top: solid 1px;
	border-bottom: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;
	border-color: #989898;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 2px;
	background: #F0F0F0;
	color: black;
	font-size: 13px;
	margin: 0px 0;
	padding: 1px 8px 2px;
	font-weight: normal;
	text-align: center;
	vertical-align: text-top;
}

.ffbutton {
    border-width: 1px;
    border-style: solid;
    border-color: #808080;
    border-radius: 3px;
    background: none repeat scroll 0% 0% #F0F0F0;
    color: #000;
    font-size: 14px;
    margin: 0px;
    padding: 0px 8px 2px;
    font-weight: normal;
    text-align: center;
    vertical-align: text-bottom;
}

.iebutton {
	border-top: solid 1px;
	border-bottom: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;
	border-color: #797979;
	border-radius: 0px;
	background: #e3e3e3;
	color: black;
	font-size: 13px;
	margin: 0px 0;
	padding: 2px 8px 2px;
	font-weight: normal;
	text-align: center;
	vertical-align: auto;
}


.buttonbig {float: left; text-transform: uppercase;			 /* text-shadow: 0 4px 4px rgba(C,C,c,.2) */
	border-top: solid 1px;
	border-bottom: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;
	border-color: #000;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #EEE; color: green;
	box-shadow: 0 4px 2px 0 rgba(0,0,0,.2), 0 2px 0 0 rgba(255,255,255,.2) inset;
	-moz-box-shadow: 0 4px 2px 0 rgba(0,0,0,.2), 0 2px 0 0 rgba(255,255,255,.2) inset;
	-webkit-box-shadow: 0 4px 2px 0 rgba(0,0,0,.2), 0 2px 0 0 rgba(255,255,255,.2) inset;
	font-size: 12px;
	margin: 0px 0;
	padding: 3px 0px 3px;
	font-weight: normal;
	text-align: center;
/*
	-webkit-transition: background .12s ease-in-out;
    -moz-transition: background .12s ease-in-out;
    -ms-transition: background .12s ease-in-out;
    -o-transition: background .12s ease-in-out;
    transition: background .12s ease-in-out;

*/
	}

.buttonsmall {
	float: left; 					/* text-transform: uppercase; text-shadow: 0 4px 4px rgba(C,C,c,.2); */
	border-top: solid 1px;
	border-bottom: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;
	border-color: #AAA;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #F2F2F2; color: black;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.2), 0 2px 0 0 rgba(255,255,255,.2) inset;
	-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.2), 0 2px 0 0 rgba(255,255,255,.2) inset;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.2), 0 2px 0 0 rgba(255,255,255,.2) inset;
	font-size: 11px;
	margin: 0px 0;
	padding: 0px 8px 0px;
	font-weight: normal;
	text-align: center;
	}

.categoryTitle {
	color: #006;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	background-color: #EAEAEA;
	border-top: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.polcontent td{
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    padding:7px 3px;
}

.polcontent2 td{
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    padding:3px 3px;
}

.inwidth{
    margin:0 auto;
}

.inwidth td{
    padding:3px;
}

.idblock, .titleblock{
    /*word-break: break-all;*/
}

/******************************/
/* Data rows, alternating     */
/******************************/
.dataRow {
	background-color: #FFFFFF;
}

.dataRowBordered {
	background-color: #FFFFFF;

}
.dataRowAlt {
	background-color: #F6F6F6;
}

.dataRowDark {
	background-color: #DDDDDD;
}

.dataRowBlue {
	background-color: #CCCCEE;
}

.dataRowRed {
	background-color: #CCCC99;
}

.highlightDoc {
	background-color: #FFFFAA;	/* purple cc99ff yellow FF0 */
}

.category {
	line-height: 2px;
	background-color: #E0E0E0;
	border-top: 0.5px solid #000000;
}

/******************************/
/* Error message warning text */
/******************************/
.error {
	color: #CC0000;
	font-weight: bold;
}

.message {
	color: #0000FF;
	font-weight: bold;
}

.warning {
	color: #FA0;
	font-weight: bold;
}

/******************************/
/*   more variabled classes   */
.greyOut {
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #CC6666;
}

.Hline {
	border-top: 4px solid #5588DD;
}

.Hlinegray1 {
	border-bottom: 1px solid darkgrey;
	font-weight: bold;
}

.italic10
{
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #888888;
	font-style: italic;
}

.italic12
{
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #888888;
	font-style: italic;
}

.italic14
{
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #888888;
	font-style: italic;
}

.logoFontXS {
	color: #;
	text-align: center;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
}

.logoFontS {
	color: #;
	text-align: center;
	font-size: 22px;
	line-height: 26px;
	font-weight: bold;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
}

.logoFontM {
	color: #;
	text-align: center;
	font-size: 26px;
	line-height: 30px;
	font-weight: bold;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
}

.logoFontL {
	color: #;
	text-align: center;
	font-size: 30px;
	line-height: 34px;
	font-weight: bold;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
}
.logoFontXL {
	color: #;
	text-align: center;
	font-size: 34px;
	line-height: 36px;
	font-weight: bold;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
}
.mainTitle {
	color: #;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid darkgrey;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

.norm10 {
	color: #;
	font-size: 10px;
	line-height: 10px;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.norm12 {
	color: #;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.norm14 {
	color: #;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.norm16 {
	color: #;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.normbottom12 {
	color: #;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	border-bottom: 1px solid  #666666;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

.normbottom14 {
	color: #;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	border-bottom: 1px solid  #666666;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

.normwhite12 {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.normblack12 {
	color: #222222;
	font-size: 12px;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.normred12 {
	color: #AA3333;
	font-size: 12px;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.normblue12 {
	color: #5588DD;
	font-size: 12px;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.normgreen12 {
	color: #44CC44;
	font-size: 12px;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.normorange12 {
	color: #FF8800;
	font-size: 12px;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.normgray12 {
	color: #888888;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.ltnormgray12 {
	color: #BBBBBB;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}


.normgray14 {
	color: #888888;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.normgray16 {
	color: #888888;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.normorange14 {
	color: #FFAA00;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.normorange16 {
	color: #FFAA00;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.sidebarTitle {
	color: #;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid darkgrey;
	text-align: right;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

.subTitle {
	color: #000000;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.subTotal1 {
	background-color: #FFDDDD;
	font-weight: bold;
}

.subTotal2 {
	background-color: #DDFFDD;
	font-weight: bold;
}

.subTotal3 {
	background-color: #DDDDFF;
	font-weight: bold;
}

.subTotal4 {
	background-color: #FFDD66;
	font-weight: bold;
}

.subTotal5 {
	background-color: #DDFF66;
	font-weight: bold;
}

.subTotalGray1 {
	background-color: #DDDDDD;
	font-weight: bold;
}

.subTotalGray2 {
	background-color: #CCCCCC;
	font-weight: bold;
}

.subTotalGray3 {
	background-color: #BBBBBB;
	font-weight: bold;
}

.subTotalGray4 {
	background-color: #AAAAAA;
	font-weight: bold;
}

.subTotalGray5 {
	background-color: #999999;
	font-weight: bold;
}

.tableBox {
	border: 1px solid #000000;
}

.tableBorder {
	border-top: 1px solid darkgrey;
	border-bottom: 1px solid darkgrey;
	border-left: 1px solid darkgrey;
	border-right: 1px solid darkgrey;
}

.tableBorderHorizontal {
	border-top: 0px solid darkgrey;
	border-bottom: 1px solid darkgrey;
	border-left: 0px solid darkgrey;
	border-right: 0px solid darkgrey;
}

.tableTitle {
	color: #;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
/*	border-bottom: 1px solid darkgrey;		*/
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.thinLine	{
	height: 3px;
}

.title {
	color: #000000;
	font-size: 16px;
	line-height: 20px;
	border-bottom: 1px solid darkgrey;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.totals {
	background-color: #66CC66;
	font-weight: bold;
}

.totalsGray {
	background-color: #EEEEEE;
	font-weight: bold;
}

.white16 {
	color: #FFFFFF;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

/* The headers */
#header {
	margin: 0px;
	width: 760px;
	text-align: center;
}

/* Sidebar */
#sidebar {
	margin-right: 20px;
}

/*
* Mouse-over Open
*/
ul.MOopen {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
		transition-timing-function: ease-in-out;
}

ul.MOopen li {
	display: inline;
	float: left;
	margin: 2px 0px;
}

ul.MOopen li a {font-size: 16px;
		color: #696;
		text-decoration: none;
	}

ul.MOopen li a:hover {
	color: #111;
	-webkit-transition: color .5s ease-in-out;
	-moz-transition: color .5s ease-in-out;
	-ms-transition: color .5s ease-in-out;
	-o-transition: color .5s ease-in-out;
	transition: color .5s ease-in-out;
}

.MOopen ul {display: none;
		padding: 0;
		position: relative;
		top: 0;
		left: 0;
	}
.MOopen li:hover > ul {display: block;
	}

.MOopen li ul li { display: block; float: left;
		border: 1px solid #DDD;
		position: relative;
		margin: 0px 0 0 3px;
		padding: -10px 2px 2px 5px;
		background: #FFF;
		border-radius: 6px;
		text-align: left;
	}

.MOopen li ul li a:hover {color: #33A;}

.MOopen li ul li a {
			padding: 0px 5px;
			color: #696;
		}
/*
.MOopen li ul li:hover {
				color: #966;
				background: #BBE;
				border-radius:3px;
			}

.MOopen li ul li ul li{ display: block; float: none;
		border: 1px solid #111;
		position: relative;
		margin: -4px 0 0 78px;
		padding: 3px 10px 3px 0;
		top: 0px;
		background: #111;
		border-radius: 3px;
		text-align: left;
		left: 0px;
}
*/
/* @group Blink */

.blink {
	color: #F00;
	font-size: 16px;
	font-weight: bold;
    -webkit-animation: blink 1.5s linear 6;
    -moz-animation: blink 1.5s linear 6;
    -ms-animation: blink 1.5s linear 6;
    -o-animation: blink 1.5s linear 6;
    animation: blink 1.5s linear 6;
	}

@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-ms-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

/* input box in default state */
.tcalInput {
	background: url('img/cal.gif') 100% 50% no-repeat;
	padding-right: 20px;
	cursor: pointer;
}

/* additional properties for input boxe in activated state, above still applies unless in conflict */
.tcalActive {
	background-image: url('img/no_cal.gif');
}
/* container of calendar's pop-up */
#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 170px;
	background-color: white;
	margin-top: 2px;
	padding: 0 2px 2px 2px;
	border: 1px solid silver;

	-moz-box-shadow: 3px 3px 4px silver;
	-webkit-box-shadow: 3px 3px 4px silver;
	box-shadow: 3px 3px 4px silver;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver');
}

/* table containing navigation and current month */
#tcalControls {
	border-collapse: collapse;
	border: 0;
	width: 100%;
}
#tcalControls td {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	width: 16px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}
#tcalControls th {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	line-height: 25px;
	font-size: 10px;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	white-space: nowrap;
}
#tcalPrevYear { background-image: url('img/prev_year.gif'); }
#tcalPrevMonth { background-image: url('img/prev_mon.gif'); }
#tcalNextMonth { background-image: url('img/next_mon.gif'); }
#tcalNextYear { background-image: url('img/next_year.gif'); }

/* table containing week days header and calendar grid */
#tcalGrid {
	border-collapse: collapse;
	border: 1px solid silver;
	width: 100%;
}
#tcalGrid th {
	border: 1px solid silver;
	border-collapse: collapse;
	padding: 3px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	background-color: gray;
	color: white;
}
#tcalGrid td {
	border: 0;
	border-collapse: collapse;
	padding: 2px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	width: 14%;
	font-size: 11px;
	cursor: pointer;
}
#tcalGrid td.tcalOtherMonth { color: silver; }
#tcalGrid td.tcalWeekend { background-color: #ACD6F5; }
#tcalGrid td.tcalToday { border: 1px solid red; }
#tcalGrid td.tcalSelected { background-color: #FFB3BE; }

.sidenav {
	height: 100%;
	width: 200px;
	position: fixed;
	top: 0;
	left: 0;
	background-color:#;
	padding-top: 10px;
	transition:1.0s;
}

.sidenav a {
	padding: 5px 5px 2px 15px;
	text-align: left;
	text-decoration: none;
	font-size:14px;
	font-family: sans-serif;
	display:block;
}

.sidenav ul {
	list-style: none;
	padding-left: 0;
}


.sidenav a:hover {
	color:#ffffff;
}

.sidenav .toggle-btn span {
	display:block;
	width:30px;
	height:5px;
//	background:#151719;
	margin: 3px 0px;
}

.navbartext {
	color: #;
	font-size:14px;
	font-weight: bold;
	font-family: sans-serif;
}

/*
#sidemenu {
	position:fixed;
	width:200px;
	height:100%;
	left:200px;
}

#sidemenu.active {
	left:0px;

}

#sidemenu .toggle-btn span {
	display:block;
	width:30px;
	height:5px;
//	background:#151719;
	margin: 3px 0px;
}
*/

/***********************ICONS*********************************/

.search-icon, .fav-icon{
	transition: 0.2s;
	-webkit-transition: 0.2s;
}

.search-icon:hover, .fav-icon:hover{
	-webkit-filter: opacity(.2);
  	filter: opacity(.2);
	transition: 0.2s;
	-webkit-transition: 0.2s;
}

/* @end */