/**************************** FORMS *******************************************/

.forms {
    font: 9px verdana, arial, sans-serif;
    color: #969696;
    background-color:#FFFFFF;
    border-style:0;
    border:1px solid #999999;
    padding:1px;
    padding-left:3px;
    padding-bottom:2px;
    padding-right:0px;
}
.text_field_big {
	border: 1px solid #8cc63f;
	padding: 3px;
	margin-right: 7px;
	height: 28px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.text_field_middle {
	border: 1px solid #8cc63f;
	padding: 3px;
	margin-right: 7px;
	height: 23px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}



/**************************** SMALL *******************************************/


font.small, p.small, td.small {
    font-size: 2pt;
    color: #FFFFFF;
}
th.small {
    font-size: 2pt;
    color: #FFFFFF;
}
a.small, a:visited.small, a:link.small{
    font-size: 2pt;
    color: #FFFFFF;
    text-decoration: none;
}
a:hover.small {
    font-size: 2pt;
    color: #FFFFFF;
    text-decoration: none;
}



font.small1, p.small1, td.small1 {
    font-size: 2pt;
    color: #FFFFFF;
}
th.small1 {
    font-size: 2pt;
    color: #FFFFFF;
}
a.small1, a:visited.small1, a:link.small1{
    font-size: 2pt;
    color: #FFFFFF;
    text-decoration: none;
}
a:hover.small1 {
    font-size: 2pt;
    color: #FFFFFF;
    text-decoration: none;
}


/**************************** BUTTON *******************************************/

.submitbutton {
  width:auto;
  border-width:2px !important;
}
a.submitbutton:hover {
  background-color:#CCCCCC;
  text-decoration:none !important;
}
.submitbutton {
  padding: 0.1em 0.5em 0.1em 0.5em;
  line-height:2.2em;
  font-size: 85% !important;
  color: white !important;
  background: #4466AA;
  font-weight: bold;
  border: solid;
  border: #d5d5d5 solid 1px;
  text-decoration:none !important;
  white-space:nowrap;
}

.submitbutton1 {
  width:auto;
}
a.submitbutton1:hover {
  background-color:#CCCCCC;
  text-decoration:none !important;
}
.submitbutton1 {
  padding: 0.0em 0.3em 0.00em 0.3em;
  line-height:1.7em;
  font-size: 82% !important;
  color: #0054A6 !important;
  font-weight: bold;
  text-decoration:none !important;
  white-space:nowrap;
  border: solid;
  border: #d5d5d5 solid 1px;
}

.submitbutton3 {
  width:auto;
}
a.submitbutton3:hover {
  background-color:#CCCCCC;
  text-decoration:none !important;
}
.submitbutton3 {
  padding: 0.0em 0.3em 0.00em 0.3em;
  line-height:1.7em;
  font-size: 80% !important;
  color: #c70a0b !important;
  text-decoration:none !important;
  white-space:nowrap;
  border: solid;
  border: #d5d5d5 solid 1px;
}

.submitbutton2 {
    cursor: pointer;
    background-color:#F5F5F5;
    border: 1px solid;
    border-color: #DEDEDE rgb(187, 187, 187) rgb(191, 191, 191) rgb(222, 222, 222);
    color: #333;
    font-size: 100%;
    font-weight: bold;
    line-height: 130%;
    margin: 0pt 7px 0pt 0pt;
    padding: 4px 10px 5px 7px;
    line-height: 18px;
}
.submitbutton2:hover {
    background-color:#E9EFD1;
    border:1px solid #AACF81;
    color:#529214;
}

/* disabled buttons (once a form has been submittied) */
submitbutton2.disabled, submitbutton2.disabled:hover {
	background-color:#F5F5F5;
    border: 1px solid #DEDEDE;
    color: #ccc;
}


/**************************** PAGING *******************************************/



.pagination, a.pagination, span.paginatoin {color: #3399CC; text-decoration: none; border: 1px solid #DDD;padding: 5px; margin-right: 1px text-align: center; font-size: 12px}
a.pagination:hover, a.pagination:focus {color: #3399CC; border-color: #AAA}

.pagination_disabled, a.pagination_disabled, span.pagination_disabled {color: #BBB; border: 1px solid #DDD; padding: 5px; text-align: center; font-size: 12px}
.pagination_current, a.pagination_current, span.pagination_current {font-weight: bold; background: #3399CC; color: #FFF; padding: 5px; border: 1px solid #DDD; text-align: center; font-size: 12px}

img.avatar {padding: 5px; border: 1px solid #d0d3d7; background-color: #ffffff; margin-right: 10px}
img.avatar_small {padding: 2px; border: 1px solid #d0d3d7; background-color: #ffffff; margin-right: 5px}


/**************************** CALENDAR *******************************************/


.miniCalTable {
	border-collapse: collapse;
	empty-cells: show;
	width: 170px;
	text-align: center;
	}
.miniCalTitle {
	font-family: Arial, Helvetica;
	font-size: 11px;
	color: #454545;
	background-color: #EEEEEE;
	height: 30px;
	}
.miniCalJump{
	font-family: Arial, Helvetica;
	font-size: 10px;
	color: #454545;
	background-color: #EEEEEE;
	width: 100px;
	}
.miniCalNav {
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #454545;
	border: 1px solid #DCDCDC;
	background-color: #EEEEEE;
	cursor: pointer;
	}
.miniCalDOW {
	font-family: Arial, Helvetica;
	font-size: 10px;
	color: #454545;
	border: 1px solid #DCDCDC;
	background-color: #EEEEEE;
	width: 20px;
	height: 22px;
	}	
.miniCal {
	font-family: Arial, Helvetica;
	font-size: 10px;
	color: #454545;
	background: #EEEEEE;
	border: 1px solid #DCDCDC;
	width: 20px;
	height: 22px;
	cursor: pointer;
	}
.miniCal:hover {
	font-family: Arial, Helvetica;
	font-size: 10px;
	color: #454545;
	background: #C0C0C0;
	border: 1px solid #DCDCDC;
	width: 20px;
	height: 22px;
	cursor: pointer;
	}
.miniCal1 {
	font-family: Arial, Helvetica;
	font-size: 10px;
	color: #454545;
	background: #f4f4f4;
	border: 1px solid #DCDCDC;
	width: 20px;
	height: 22px;
	cursor: pointer;
	}
.miniCal1:hover {
	font-family: Arial, Helvetica;
	font-size: 10px;
	color: #454545;
	background: #f4f4f4;
	border: 1px solid #DCDCDC;
	width: 20px;
	height: 22px;
	cursor: pointer;
	}
.miniCalToday {
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background: #9b0000;
	border: 1px solid #DCDCDC;
	width: 20px;
	height: 22px;
	cursor: pointer;
	}
.miniCalToday:hover {
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background: #9b0000;
	border: 1px solid #DCDCDC;
	width: 20px;
	height: 22px;
	cursor: pointer;
	}
.miniCalCurrent {
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background: #00009b;
	border: 1px solid #DCDCDC;
	width: 20px;
	height: 22px;
	cursor: pointer;
	}
.miniCalCurrent:hover {
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background: #9b0000;
	border: 1px solid #DCDCDC;
	width: 20px;
	height: 22px;
	cursor: pointer;
	}
.miniCalEvents {
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #DCDCDC;
	background: #454545;
	width: 20px;
	height: 22px;
	cursor: pointer;
	text-align: center;
	}
.miniCalEvents:hover {
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #DCDCDC;
	background: #9b0000;
	width: 20px;
	height: 22px;
	cursor: pointer;
	}
.miniCalEvents1 {
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #DCDCDC;
	background: #777777;
	width: 20px;
	height: 22px;
	cursor: pointer;
	text-align: center;
	}
.miniCalEvents1:hover {
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #DCDCDC;
	background: #9b0000;
	width: 20px;
	height: 22px;
	cursor: pointer;
	}
.miniCalFiller {
	border: 1px solid #DCDCDC;
	background: #f4f4f4;
	cursor: pointer;
	}


/**************************** BOXES *******************************************/

/* cBox */
.cBox
{margin:0px;padding:0px;}
.cBoxContent
{background-color:#fff;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;margin:0px;padding:0px;}
.cBoxContent1
{background-color:#ebebeb;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;margin:0px;padding:0px;}
.cBoxContent2
{background-color:#ebebeb;margin:0px;padding:0px;}
.cBoxHeader
{height:4px;overflow:hidden;background:url(/img/box/cbox_corner_tr_bg.gif) 100% 0 repeat-x;}
.cBoxHeader1
{height:4px;overflow:hidden;background-color:#f2f2f2;background:url(/img/box/cbox_corner1_tr_bg.gif) 100% 0 repeat-x;}
.cBoxHeader2
{height:4px;overflow:hidden;background-color:#ebebeb;background:url(/img/box/cbox_corner2_tr_bg.gif) 100% 0 repeat-x;}
.cBoxFooter
{height:4px;overflow:hidden;background:url(/img/box/cbox_corner_br_bg.gif) 100% 0 no-repeat;}
.cBoxFooter1
{height:4px;overflow:hidden;background-color:#f2f2f2;background:url(/img/box/cbox_corner1_br_bg.gif) 100% 0 no-repeat;}
.cBoxFooter2
{height:4px;overflow:hidden;background-color:#ebebeb;background:url(/img/box/cbox_corner2_br_bg.gif) 100% 0 no-repeat;}
.cBoxTitle
{font-size:14px; font-weight:bold; line-height:19px; background:#ffffff; color:#000000; padding:6px 2px 8px 10px; margin:0px; border-bottom:1px solid #e6e6e6;}
.cBoxTitle1
{font-size:14px; font-weight:bold; line-height:19px; background:#f2f2f2; color:#000000; padding:6px 2px 8px 10px; margin:0px; border-bottom:1px solid #e6e6e6;}
.cBoxTitle2
{font-size:14px; font-weight:bold; line-height:19px; background:#ebebeb; color:#000000; padding:6px 2px 8px 10px; margin:0px; border-bottom:1px solid #ffffff;}
.cBoxTitle2a
{font-size:12px; font-weight:bold; color:#000000;text-decoration: none; }
a.cBoxTitle2a
{font-size:11px; font-weight:bold; color:#669933;text-decoration: none; }
.cBoxBody
{font-size:10px; line-height:15px; color:#252525; background:#ffffff; padding:9px 1px 6px 11px; margin:0px;width:97%;}
.cBoxBody1
{font-size:10px; line-height:15px; color:#252525; background:#f2f2f2; padding:9px 1px 6px 11px; margin:0px;width:97%;}
.cBoxBody2
{font-size:10px; line-height:15px; color:#252525; background:#ebebeb; padding:9px 1px 6px 11px; margin:0px;width:97%;}


/**************************** ACCORDION *******************************************/

.accordion { list-style-type: none; padding: 0; margin: 0 0 30px; border: 1px solid #aaaaaa; border-top: none; border-left: none; }
.accordion ul { padding: 0; margin: 0; float: left; display: block; width: 100%; }
.accordion li { background: #dddddd; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%;}
.accordion li.active>a{ background: url('/img/icons/close.gif') no-repeat center right; }
.accordion li div { padding: 20px; background: #ffffff; display: block; clear: both; float: left;}
.accordion li>a { text-decoration: none; border-bottom: 1px solid #aaaaaa; font: bold 1.1em/2em Arial, sans-serif; color: #0054a6; padding: 0 10px; display: block; cursor: pointer; background: url('/img/icons/open.gif') no-repeat center right;}

/* Level 2 */
.accordion li ul li { background: #7FD2FF; font-size: 0.9em; }


/**************************** SCROLLBARS *******************************************/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
.jScroll .jScrollPaneTrack {
	background: url(/img/scroll/windows_track.gif) repeat-y;
}
.jScroll .jScrollPaneDrag {
	background: url(/img/scroll/windows_drag_middle.gif) no-repeat 0 50%;
}
.jScroll .jScrollPaneDragTop {
	background: url(/img/scroll/windows_drag_top.gif) no-repeat;
	height: 4px;
}
.jScroll .jScrollPaneDragBottom {
	background: url(/img/scroll/windows_drag_bottom.gif) no-repeat;
	height: 4px;
}
.jScroll a.jScrollArrowUp {
	height: 17px;
	background: url(/img/scroll/windows_arrow_up.gif) no-repeat 0 0;
}
.jScroll a.jScrollArrowUp:hover {
	background-position: 0 -20px;
}
.jScroll a.jScrollArrowDown {
	height: 17px;
	background: url(/img/scroll/windows_arrow_down.gif) no-repeat 0 0;
}
.jScroll a.jScrollArrowDown:hover {
	background-position: 0 -20px;
}
.jScroll a.jScrollActiveArrowButton, .jScroll a.jScrollActiveArrowButton:hover {
	background-position: 0 -40px;
}