/***********************************************************************
                           GENERAL STYLES
************************************************************************/

html, body {
	margin:0;
	padding:0;
	/*font-family:"Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 1.5;
	font-weight:normal;
	color:#404041;

	background-color: #333;
	padding-bottom:40px;
	height:100%;
}
a:link {
	color:#000/*#003366*/;
	text-decoration:none;	
	border-bottom:1px dotted #000;	
}

a:visited {
	color:#000/*#003366*/;
	text-decoration:none;	
	border-bottom:1px dotted #F0F;	
}
form, h1, h2, h3, h4, h5, h6, img, p, ul, li, hr, div {
	border:0px;
	margin:0px;
	padding:0px;
}
.clear {
	clear:both;
	font-size:1%;
	overflow:hidden;
}

.sub_header{
	background-color:#CCC;
	font-size:11px;
	color:#333;	
}

p{
	text-align:justify;
	
}


tr.d0 td {
	background-color: #ebf4fb;
}
tr.d1 td {
	background-color: #fff; 
}

/******* FONTS ****/




@font-face {
  font-family: Canterbury;
  src: url('/fonts/Canterbury.eot');
  src: local("Canterbury"), url( '/fonts/Canterbury.ttf') format("truetype"); /* non-IE */  
}

.canterbury_class {
  font-family: Canterbury;
  font-size: 2.5em;
  font-weight:bold;
 
}


/*************** vtip tooltip ***************/
p#vtip {
	display: none;
	position: absolute;
	padding: 10px;
	left: 5px;
	font-size: 0.8em;
	background-color: white;
	border: 1px solid #a6c9e2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index: 199; /* tooltip on menu level*/
}
p#vtip #vtipArrow {
	position: absolute;
	top: -10px;
	left: 5px;
}
/******************** end vtip tooltip *******************/

/***********************Position Blocks********************/
#pagetop{
	position:absolute;
	top:0px;
	margin:0px;
	background-color:#003366;
	
	}
#pagemiddle{
	position:absolute;
	top:175px;
	margin:0px;
		background: #FCF8D6;
}
#pagemiddle2{
	position:absolute;
	top:200px;
	margin:0px;
	background: #FCF8D6;
	
	}



/************************End Position Blocks ***************/

/*******************************************************************************************
                            END GENERAL STYLES
***********************************************************************************************/

/***********************************************************************************************
                             HOME PAGE SPECIFIC STYLES 
***********************************************************************************************/
/************** Accordion (movable dragboxes on homepage) *********************/

.column {
	width:32.5%;
	margin-right:.20%;
	margin-left: .60%;
	min-height:300px;
	float:left;
	margin-bottom:10px;

	
}

.column {
	margin:5px 2px 5px;
	overflow:hidden;
	
}

.dragbox{
	margin:5px 2px 5px;
	width:315px;
	overflow:hidden;
	position:relative;
}
.column .dragbox h2 {
	width:315px;
	margin:0;
	font-size:12px;
	padding:5px;
	cursor:move;
	/*background:#003366;
	background:#F6DC60;
	color:#F6DC60;
	*/
	/* background-image:url(../images/main_heading_banner.png);  */
	background-image:url(../images/main_heading_banner_50.png); 
	/*background-image:url(../images/main_heading_flip.png); */
	background-repeat:no-repeat;
	

	color:#fff;
	/*zoom: 1; */
}

.rss {
	position:absolute;
	top:1px;
	right:5px;
	color:#00F;
}
.icon {
	position:absolute;
	top:-20px;
	right:2px;
	color:#00F;
}

.dragbox-content {
	margin:5px;
	font-family:'Lucida Grande', Verdana;
	font-size:0.8em;
	line-height:1.5em;
	
}
.column .placeholder {
	background: #f0f0f0;
	border:1px dashed #ddd;
}
.dragbox h2.collapse {
	/*background-image:url(../images/main_heading_collapse2.png);*/
	background-image:url(../images/main_heading_collapse.png); 
	background-repeat:no-repeat;
	/*background-image:url(images/collapse.png) top right repeat-y ;  */
	color:#ffcc33;
	/*color:#003366;*/
}
/************** end Accordion (movable dragboxes on homepage) *********************/

/************************ BEGIN MOVABLE  PANEL STLYES*********************************/
.newspanel {
	width:99%;
	margin-left:0px;
	
}
.newsrow {
	position: relative;
	
	
	left :60px;
	width:245px;
	border-bottom:1px solid #DED9CA;
	padding:2px 3px 2px 3px;
	text-align:left;
	vertical-align:top;
	min-height:50px;
}
.newsrow h3 {
	font-size:90%;
	font-weight:bold;
}
.newsrow h3 a:link, .newsrow h3 a:visited {
	color:#404041;
	text-decoration:none;
}
.newsrow h3 a:active, .newsrow h3 a:hover {
	color:#404041;
	text-decoration:underline;
}
.newsrow p {
	font-size:90%;
}
.newsrow p a:link, .newsrow p a:visited {
	color:#951344;
	font-weight:bold;
	text-decoration:none;
}
.newsrow p a:active, .newsrow p a:hover {
	color:#951344;
	font-weight:bold;
	text-decoration:underline;
}
/*css date box */
.newsdate {
	position:relative;
	top:-55px;
	color:#F6DC60;
	
	
	
}
.newsdate .day {
	position:absolute;
	padding:4px;
	top:8px;
	left:0px;
	font-size:18px;
	width:40px;
	height:40px;
	text-align:center;
	background-color:#FFF;
	color:#003366;
	overflow:hidden;
}
.newsdate .month {
	position:absolute;
	text-align:center;
	padding-left:4px;
	top:33px;
	left:0px;
	width:40px;
	height:15px;
	text-transform: uppercase;
	font-size:14px;

}
.newsdate .year {
	position:absolute;
	top:28px;
	left:20px;
	padding-left:15px;
	width:40px;
	height:12px;
	font-size:10px;
	color:#003366;
	background-color:#FFF;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);

}

.morenewsrow {
	
	color:#003366;
	text-align:center;
}


.factspanel {
	width:99%;
	margin-left:0px;
	
}
.factsrow {
	position: relative;
	top:-50px;
	left :60px;
	width:245px;
	border-bottom:1px solid #DED9CA;
	padding:2px 3px 2px 3px;
	text-align:left;
	vertical-align:top;
	min-height:50px;
}
.factsrow h3 {
	font-size:90%;
	font-weight:bold;
}
.factsrow h3 a:link, .factssrow h3 a:visited {
	color:#404041;
	text-decoration:none;
}
.factsrow h3 a:active, .factsrow h3 a:hover {
	color:#404041;
	text-decoration:underline;
}
.factsrow p {
	font-size:90%;
}
.factsrow p a:link, .factssrow p a:visited {
	color:#951344;
	font-weight:bold;
	text-decoration:none;
}
.factsrow p a:active, .factsrow p a:hover {
	color:#951344;
	font-weight:bold;
	text-decoration:underline;
}
/*css date box */
.factsdate {
	position:relative;
	top:-15px;
	color:#F6DC60;
}





.tbpanel {
	width:99%;
	margin-left:0px;
	
	top:30px;
}
.tbrow {
	position: relative;
	top:0px;
	left :5px;
	border-bottom:1px solid #DED9CA;
	padding:2px 3px 2px 3px;
	text-align:left;
	vertical-align:top;
	min-height:50px;
}
.tbrow h3 {
	font-size:90%;
	font-weight:bold;
}
.tbrow h3 a:link, .tbrow h3 a:visited {
	color:#404041;
	text-decoration:none;
}
.tbrow h3 a:active, .tbrow h3 a:hover {
	color:#404041;
	text-decoration:underline;
}
.tbrow p {
	font-size:90%;
}
.tbrow p a:link, .tbrow p a:visited {
	color:#951344;
	font-weight:bold;
	text-decoration:none;
}
.tbrow p a:active, .tbrow p a:hover {
	color:#951344;
	font-weight:bold;
	text-decoration:underline;
}
.rfppanel {
	width:99%;
	;
	margin-left:0px;
	
	top:30px;
}
.rfprow {
	position: relative;
	top:0px;
	left :5px;
	width:265px;
	border-bottom:1px solid #DED9CA;
	padding:2px 3px 2px 3px;
	text-align:left;
	vertical-align:top;
}
.rfprow h3 {
	font-size:90%;
	font-weight:bold;
}
.rfprow h3 a:link, .rfprow h3 a:visited {
	color:#404041;
	text-decoration:none;
}
.rfprow h3 a:active, .rfprow h3 a:hover {
	color:#404041;
	text-decoration:underline;
}
/* Outer div */ 
.rfprow div.datetime {
	border:1px solid #000;
	width:60px;
	height:auto;
	float:left;
	margin:2px 5px;
}
.rfprow div.datetime p {
	margin:0;
	padding:0;
	text-align:center;
}
.rfprow div.datetime .time {
	color:#fefefe;
	background-color:#003366;
}
.rfprow div.datetime .time p {
	font:bold 6px Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif;
	text-transform:uppercase;
	padding-top:4px;
}
/* day of the month (NUMBER) */ 
.rfprow div.datetime p.date {
	font:bold 10px, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif;
	font-weight:bold;
	text-transform:uppercase;
}
/* month */ 
.rfprow div.datetime mon {
	font:10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
/* year */ 
.rfprow div.datetime yr {
	font:9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:0.05em;
}
#fxpanel, #econpanel {
	width:305px;
	padding:0;
	margin:0;
}
.green {
	color:#0C0;
}
.red {
	color:#F00;
}
.yellow {
	color:#FC0;
}
.fxdata {
	font-size:90%;
	font-family:arial;
	text-align:center;
	font-weight:bold;
}
a.rlink:link, a.rlink:visited {
	color:#951344;
	font-weight:bold;
	text-decoration:none;
}
a.rlink:active, a.rlink:hover {
	color:#951344;
	font-weight:bold;
	text-decoration:underline;
}
#fxpanel caption, #econpanel caption {
	padding: 0 0 5px 0;
	width: 270px;
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}
#fxpanel th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA ;
}
#fxpanel th.nobg {
	white-space:nowrap;
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}
#fxpanel td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}
#fxpanel td.alt {
	background: #F5FAFA;
	color: #797268;
}
#fxpanel th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff ;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#fxpanel th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa  no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}
#econpanel th {
	font: bold 8px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 2px 2px 2px 4px;
	background: #CAE8EA;
}
#econpanel th.nobg {
	white-space:nowrap;
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}
#econpanel td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 1px 2px 1px 2px;
	color: #4f6b72;
	white-space:nowrap;
}
#econpanel td.alt {
	background: #F5FAFA;
	color: #797268;
}
#econpanel th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#econpanel th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}
.morefxrow {
	color:#003366;
	text-align:center;
}
/******************************************* END MOVABLE PANEL STYLES ******************/

/***************************************************************************************
                                 END HOME PAGE SPECFIC STYLES
***************************************************************************************/

/******************************************************************
                        SUB PAGE SPECIFIC STYLES 
*********************************************************************/
#full {
	margin-left:1%;
	margin-top:5px;
	width:98%;
	height:680px;
	
	float:left;
/*	padding-top:25px;*/
		padding-bottom:25px;
		overflow:hidden;
	
	
	
}
#full h2 {
	width:980;
	margin-bottom:3px;
	font-size:20px;
	padding:5px;
	cursor:move;
	background:#003366;
	background-image:url(../images/pageheadingbg.png);
	background-repeat:no-repeat;
	background-position:right; 
	color:#F6DC60;
	min-height:35px;
}
#full p {
padding:5px;margin-top:5px;
margin-bottom:5px;
margin-left:20px;
margin-right:20px;	
}
#left {
	margin-left:5px;
	margin-top:5px;
	width:70%;
	height:680px;
	
	float:left;
/*	padding-top:25px;*/
		padding-bottom:25px;
		overflow:hidden;
	
	
	
}

#center {
	margin-left:5px;
	margin-top:5px;
	width:980px;
	height:680px;
	
	float:left;
/*	padding-top:25px;*/
		padding-bottom:25px;
		overflow:hidden;
	
	
	
}
#center h2 {
	width:980px;
	margin-bottom:3px;
	font-size:20px;
	padding:5px;
	cursor:move;
	background:#003366;
	background-image:url(../images/pageheadingbg.png);
	background-repeat:no-repeat;
	background-position:right; 
	color:#F6DC60;
	min-height:35px;
}
#center p {
padding:5px;margin-top:5px;
margin-bottom:5px;
margin-left:20px;
margin-right:20px;	
}
#left h2 {
	width:700px;
	margin-bottom:3px;
	font-size:20px;
	padding:5px;
	cursor:move;
	background:#003366;
	background-image:url(../images/pageheadingbg.png);
	background-repeat:no-repeat;
	background-position:right; 
	color:#F6DC60;
	min-height:35px;
}
#left p {
padding:5px;margin-top:5px;
margin-bottom:5px;
margin-left:20px;
margin-right:20px;	
}

	.scroll-pane {
		height:610px;
		width :100%;
		overflow: auto;
	/*	float: left;*/
		border:none;
		}
	

	/***scrolling Pane **/
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
.jspHorizontalBar,
.jspVerticalBar,
.jspTrack
{
	background: #eeeef4;
}

.jspDrag
{
	background:  #bbd;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
		position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspTrack .jspActive,
.jspTrack .jspHover,
.jspDrag:hover
{
	background: #8B8B9F;
}


.jspArrow
{
	background: url(cssimages/ui-icons_222222_256x240.png) no-repeat;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.jspVerticalBar>.jspActive,
.jspArrow:hover
{
	background-image: url('cssimages/ui-icons_cd0a0a_256x240.png');
}

.jspVerticalBar>.jspDisabled,
.jspVerticalBar>.jspDisabled:hover,
.jspHorizontalBar>.jspDisabled,
.jspHorizontalBar>.jspDisabled:hover
{
	background-color: transparent;
	background-image: url('cssimages/ui-icons_888888_256x240.png');
}

.jspVerticalBar .jspArrow
{
	height: 15px;
}

.jspHorizontalBar .jspArrow
{
	width: 15px;
}

.jspArrowUp
{
	background-position: 0 0;
}

.jspArrowDown
{
	background-position: -64px 0 !important; 
}

.jspArrowLeft
{
	background-position: -96px 0 !important;
}

.jspArrowRight
{
	background-position: -32px 0 !important;
}




/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}	
		
		/*.scroll-pane{padding:0;}*/
.subcontent{
	padding:10px 10px;
	float:left;
	overflow:auto;
max-height:620px;
	width :650px;
	display:inline;
	}

.seperatorh {
	position:absolute;
	top:176px;
	background:#F6DC60;
	width:100%;
	margin:0px;
	height:25px;
	border:solid 1px #003366;
	
}
/*
.pageheader {
	
	background:#003366 url(../images/sub_heading.png) no-repeat;
	width:100%;
	
	height:40px;
	float:left;
	text-align:center;
}
#menuspacer {
	position:absolute;
	top:249px;
	left:690px;
	width:75px;
	height:25px;
	background:#003366;
}
*/
#right {
	width:30%;
	max-height:800px;
	float:right;
	display:inline;
	background:url(images/transparent30.png) repeat;
}
#rightmenu {
	margin-top:5px;
	margin-bottom:5px;
	position:absolute;
	right:0px;
	top:0px; 
	width:275px;
	height:340px;
	/*float:right;
	display:inline; */
	background: #003366 url(../images/submenu_lower.png) no-repeat 100% 100%;
	color:#F6DC60;
	font-family:verdana;
	font-size:12px;
	padding-top:25px;
	padding-bottom:80px;
	margin-right:5px;
	

}

#idea {
	
	position:relative;		
	float:right;
	display:inline;	
}
#rightmenu a {
	display:inline;
	color:#F6DC60;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	border-bottom-style:none;
	text-decoration:none;
}
.pagetitle {
	text-align:center;
	width:50%;
	font-family:ARIAL;
	font-size:25px;
	font-weight:bold;
	color:#F6DC60;
}
/***************************************************************************** 
END SUB PAGE SPECFIC STYLES 
******************************************************************************/
#pageindex {
	/*background:#F6DC60;
	font-family: tahoma;
	font-size: x-small;*/
	color:#003366;
	margin-top:0px;	
	float: left;
	text-align:left;
	width: 95%;
	padding: 10px;
	max-height:410px;
	overflow:none;
	z-index:1; /*footer should be in background*/
}
#pageindex div {
	float: left;
	width: 20%;
	margin-right: 15px;
	padding-left:25px;
	max-height:200px;
	z-index:2; /*menu items above background*/
}
#pageindex div h1 {
	font-size:12px;
}
#pageindex a:link, #pageindex a:visited {
	color:#003366;
	text-decoration:none;
	border-bottom-style:none;
}
#pageindex a:hover, #pageindex a:active {
	color:#003366;
	text-decoration:underline;
}

#pageindex #pageindex-links {
	font-size:85%
}
#pageindex-divider hr {
	display:none
}
#pageindex-divider {
	clear:both
}


/****************************************************************************** 
                            PAGE HEADER STYLES 
******************************************************************************/

#wrapper {
	position:relative;
	  margin-left: auto ;
  margin-right: auto ;
	padding:0;
	width:995px;
	text-align:left;
	background: #FCF8D6;
}
#wrapperinner {
	height: 100%;
}
#header {
	background-color:#73849c;
	position:relative;
	left: 0px;
	top: 0px;
	width:995px;
	height:120px;
	padding:0;
	margin:0;
}
#logo {
	z-index:15; /*Logo above  header elements */
	position:absolute;
	top:0px;
	height:150px;/*width:135px;
	height:180px;
	filter:alpha(opacity=70); 
    -moz-opacity: 0.7; 
    opacity: 0.7; 
	*/
 }
 #logo2 {
	z-index:15; /*Logo above  header elements */
	position:absolute;
	top:30px;
	height:125px;
	right:70px;/*width:135px;
	height:180px;
	filter:alpha(opacity=70); 
    -moz-opacity: 0.7; 
    opacity: 0.7; 
	*/
 }
#spacer {
	height:30px;
	background-color:#003366;
}
/*
#banner {
width:800px; height:170px;   
position:absolute;

 top:110px;
 left:130px; 
  z-index:5;
 }*/
 /********* TOP LEFT HEADER MENU *********/


#vertmenu {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 0px;
	margin: 0px;
	height:30px;

}
/*
#vertmenu h1 {
display::inline;
background-color:#FC0;
font-size: 90%; 
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color: #333333;
margin: 0px;
width:159px;
}
*/
#vertmenu ul {
	left:0px;
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
	border:none;
}
#vertmenu ul li {
	margin: 0px;
	padding: 0px;
	display:inline;
	list-style-type: none;
	float: left;
}
#vertmenu ul li a {
	font-size: 80%;
	display:block;
	border-bottom: 1px dashed #C39C4E;
	text-decoration: none;
	color:#F6DC60;
	width:70px;
}
#vertmenu ul li a:hover, #vertmenu ul li a:focus {
	color: #000000;
	background-color: #eeeeee;
}
/******** END TOP HEADER MENU *******/

 /******* HEADER SEARCH FORM *******/  
.search {
	position:absolute;
	right:10px;
	top:-5px;
	margin:5px;
	width: 700px;
	overflow:hidden;
	z-index:15; /* Search box should be above menu */

}
#searchboxform {
	width: 200px;
}
#searchboxform input {
	position:relative;
	top:-60px;
	left:650px;
	border: 1px solid #d0ccc9;
	background: #fff;
	color: #5f95ef;
	font-size: 11px;
	font-weight: 700;
	padding-bottom: 2px;
}
#searchboxform input.text {
	position:relative;
	top:-30px;
	left:440px;
	margin-top:2px;
	background:#FFFFFF url(../images/Search.png) no-repeat 4px 4px;
	padding:4px 4px 4px 22px;
	border:1px solid #CCCCCC;
	width:180px;
	height:14px;
	font-weight: normal;
	color: #565656;
	border: 1px solid #9c9c9c;
	margin-bottom: 5px;
	text-align: left;
}
#searchboxform input.text.active {
	background: #ddeff6;
	border: 1px solid #0099d4;
}
/******* END HEADER SEARCH FORM *******/  

/******************** END PAGE HEADER STYLES *******************/

/*************************************************************************************
                             PAGE FOOTER STYLES
***************************************************************************************/
#footer {
	background:#F6DC60;
	color:#003366;
	margin-top:0px;
	font-family: tahoma;
	font-size: x-small;
	float: left;
	text-align:left;
	width: 975px;
	padding: 10px;
	max-height:410px;
	overflow:none;
	z-index:1; /*footer should be in background*/
}
#footer div {
	float: left;
	width: 20%;
	margin-right: 15px;
	padding-left:25px;
	max-height:200px;
	z-index:2; /*menu items above background*/
}
#footer div h1 {
	font-size:12px;
}
#footer a:link, #footer a:visited {
	color:#003366;
	text-decoration:none;
	border-bottom-style:none;
}
#footer a:hover, #footer a:active {
	color:#003366;
	text-decoration:underline
}
#copyright {
	clear:both;
	padding-left:60px;
	text-align:center;
}
#copyright p {
	margin-bottom:0.5em;
	font-size:85%
}
#copyright img {
	opacity:0.6;
	-moz-opacity:0.6
}
#copyright a:hover img {
	opacity:1;
	-moz-opacity:1
}
#copyright a:link, #copyright a:visited {
	font-weight:bold
}
#copyright a:hover, #copyright a:active {
	font-weight:bold;
	text-decoration:underline
}
#footer #footer-links {
	font-size:85%
}
#footer-divider hr {
	display:none
}
#footer-divider {
	clear:both
}
#col1, #col2, #col3, #col4, #col5 
/****************************************************************************************
                                   END PAGE FOOTER STYLES 
*****************************************************************************************/

#hcontent {
	width:99%;
	text-align:left;
	/*position:relative;*/
	min-height:592px;
	padding:5px 0 0 5px;
	/*z-index:1; */
	
}

#scontent {
	width:99%;
	text-align:left;
	/*position:relative;*/
	min-height:800px;
	padding:5px 0 0 5px;
	/*z-index:1; */
	
}
#hpanel {
	width:522px;
	margin-right:12px;
}
.head {
	background:url(cssimages/righth1-bg.gif) top left repeat-x;
	width:145px;
	padding:4px;
	margin-left:8px;
	margin-top:8px;
	color:#FFFFFF;
	font-size:90%;
	font-weight:bold;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:137px;
}
.head a:link, #right h1 a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
.head a:active, #right h1 a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
/************* SCROLLABLE ********************************/
/* root element for single scroll */
	.scroll {
	position:relative;
	overflow:hidden;
	width: 394px;
	height: 266px;
	float:left;
}
/* root element for the scroll pics */
	.scroll .pics {
	width:20000em;
	position:absolute;
	clear:both;
}
/* single scroll item */
	.pics div {
	float:left;
	cursor:pointer;
	width:400px !important;
	height:300px;
	margin:0px;
}
/* possible settings for the active scroll */
	.scroll.active {
}
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 300px;
	height:280px;
	/* custom decorations */
	border:1px solid #ccc;
	background:url(/img/global/gradient/h300.png) repeat-x;
}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}
.items div {
	float:left;
	width:280px;
}
/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
	height:75px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}
/* position and dimensions of the navigator */
.navi {
	margin-left:128px;
	width:200px;
	height:20px;
}
/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}
/* mouseover state */
.navi a:hover {
	background-position:0 -8px;
}
/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;
}
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}
/* right */
.scrollable a.right {
	background-position: 0 -30px;
	clear:right;
	margin-right: 0px;
}
.scrollable a.right:hover {
	background-position:-30px -30px;
}
.scrollable a.right:active {
	background-position:-60px -30px;
}
/* left */
.scrollable a.left {
	margin-left: 0px;
}
.scrollable a.left:hover {
	background-position:-30px 0;
}
.scrollable a.left:active {
	background-position:-60px 0;
}
/* up and down */
.scrollable a.up, a.down {
	background:url(../images/vert_large.png) no-repeat;
	float: none;
	margin: 10px 50px;
}
/* up */
.scrollable a.up:hover {
	background-position:-30px 0;
}
.scrollable a.up:active {
	background-position:-60px 0;
}
/* down */
.scrollable a.down {
	background-position: 0 -30px;
}
.scrollable a.down:hover {
	background-position:-30px -30px;
}
.scrollable a.down:active {
	background-position:-60px -30px;
}
/* disabled navigational button */
.scrollable a.disabled {
	visibility:hidden !important;
}
/***************************END SCROLLABLE ********************************/
/**************************OVERLAY *****************************************/
/* the overlayed element */
#overlay {
	/* must be initially hidden */
	display:none;
	/* place overlay on top of other elements */
	z-index:99; /*get overlay above other panels
	/* styling */
	background-color:#FFF;
	width:675px;
	min-height:200px;
	border:1px solid #666;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}
/* close button positioned on upper right corner */
#overlay .close {
	background:url(../images/close.png) no-repeat;
	position:absolute;
	right:2px;
	top:2px;
	cursor:pointer;
	height:35px;
	width:35px;
	z-index:100; /* Close button above overlay */
}
/************************** END OVERLAY ************************************/




/****************** Jcarousel Skin ********************************************/



.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 530px;
    padding: 20px 40px;
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  495px;
    height: 180px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 150px;
    height: 200px;
}

.jcarousel-skin-tango .jcarousel-container {
   
    background: #F0F6F9;
    border: 1px solid #b7ddf2;
	-moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}


.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}


.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(cssimages/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(cssimages/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(cssimages/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(cssimages/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}


/*******************End Jcarousel Skin****************************************/

/***** Graph specific CSS ****/
.graphtabs { 
/*
list-style:none; 
margin: 0;
padding: 0;
float: left;
font: bold 13px;
width: 680px;
overflow: hidden;
margin-bottom: 1em;
border-width: 1px 0;
text-decoration:none;
display: table;
*/
list-style-type:none;
width:710px;
 
}

/* single tab */
.graphtabs li { 
/*
	float:left;	 
	text-indent:0;
	padding-right:20px;
	padding-bottom:5px;
	padding-left:0px;
	padding-top:10px;
	margin:0 !important;
	list-style-image:none !important; 
	background-color:#ebf4fb;
	*/
float:left;
margin: 10px 0 0 0;
padding: 0 10px 0 0;
width:225px;
}
/****************************/


.columnList
{
	position:relative;
	 width: 700px;
	 overflow:none;
	 min-height:250px;
	 
}
/* root element for tabs  */
.tabs { 
/*
list-style:none; 
margin: 0;
padding: 0;
float: left;
font: bold 13px;
width: 680px;
overflow: hidden;
margin-bottom: 1em;
border-width: 1px 0;
text-decoration:none;
display: table;
*/

list-style-type:none;
width:710px;
 
}

/* single tab */
.tabs li { 
/*
	float:left;	 
	text-indent:0;
	padding-right:20px;
	padding-bottom:5px;
	padding-left:0px;
	padding-top:10px;
	margin:0 !important;
	list-style-image:none !important; 
	background-color:#ebf4fb;
	*/
float:left;
margin: 10px 0 0 0;
padding: 0 10px 0 0;
width:225px;
}

.column1 {
margin-left:0;
}
.column2 {
margin-left:235px;
}
.column3 {
margin-left:500px;
}
.first {
margin-top:-155px;
}

.former_gov{
font-size:9.5px;	
}
/* link inside the tab. uses a background image */
.tabs a { /*
	/*background:#fff;
	font-size:11px;
	display:block;
	height: 40px;  
	padding-top:10px;
	width: 170px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	
	margin:0px;	
	position:relative;
	top:1px;
	*/

}




/* initially all panes are hidden */ 
.panes .pane {
	
	display:none;
	
	float:left;
}

.panes div {
	
	display:none;		
	padding:15px 10px;
	border:0px;
	border-top:1px #666 solid;
	min-height:300px;
	float:left;
	
	
	/*background-color:#fff;*/
}
 
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
 
.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* Gradient */
.gradient {
	 
background: #3280b6; /* for non-css3 browsers */
 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3280b6', endColorstr='#063a6e'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#3280b6), to(#063a6e)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #3280b6,  #063a6e); /* for firefox 3.6+ */ 
	
	
	
	
}


/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
 /* green */
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}
/***** BUTTONS ***/


/* BUTTONS */

.buttons{
	margin-left:2px;
	text-align:center;
}
.buttons a, .buttons button{
    display:inline;

    margin:10px 10px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
	font-weight:bold;
    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:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
	font-weight:bold;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
	font-weight:bold;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
	font-weight:bold;
}
.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;
}


/* ----------- stylized ----------- */
	#stylized{
		border:solid 1px #b7ddf2;
		background:#ebf4fb;
		padding:5px;
		
	}
	#stylized th{
		font-weight:bold;
		background-color:#DED9CA;
		
	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;		
	}
	
	/* - right menu - */
	#navigation-block {
	position:relative;
	top:200px;
	left:200px;
}

#hide {
	position:absolute;
	top:30px;
	left:-190px;
}

ul.sliding-navigation
{
	
	list-style: none;
	font-size: .75em;	
	padding: 0;
}

ul.sliding-navigation li.sliding-element h3,
ul.sliding-navigation li.sliding-element a
{
	display: block;
	/*width: 150px;*/
	padding: 5px 18px;
	margin: 0;
	margin-bottom: 5px;
}

ul.sliding-navigation li.sliding-element h3
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size:14px;
}

ul.sliding-navigation li.sliding-element a
{
	color: #F6DC60;	
	font-weight: normal;
	text-decoration: none;
	font-size:12px;
}

ul.sliding-navigation li.sliding-element a:hover { color: #ffff66; }
	
	
	/* jQuery lightBox plugin - Gallery style */
	#gallery {
		background-color: #444;
		padding: 10px;
		width: 520px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	
/************************** Table Style Clean ************************/
.clean table {
	font: normal 75%/150% Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	border: 3px solid #f0f8ff;
	border-top: 5px double #87CEFA;
	border-bottom: 5px double #87CEFA;
}
.clean th {
	font: bold 1.1em/120% Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 10px;
	font-variant: small-caps;
	color: #047;
	font-weight: bold;
	text-align: left;
	letter-spacing: -1px;
}
.clean thead th {
	border: 1px solid #87CEFA;
	white-space: nowrap;
	background: #F0F8FF;
}
.clean tbody td ,tbody th {
	padding: 5px 10px;
	background: #fff;
	color: #000;
}
.clean tbody th {
	color: #047;
	font-weight: normal;
	font-variant: normal;
	font-size: 1em;
}
.clean tbody tr.odd {
	border: 1px solid #87CEFA;
}
.clean tbody tr.odd td, tbody tr.odd th {
	background: #F0F8FF;
}
.clean tfoot td, tfoot th {
	border: none;
	padding-top: 10px;
}
.clean caption {
	font-family: "Georgia", serif;
	letter-spacing: 5px;
	font-style: italic;
	text-align: left;
	text-indent: 2em;
	text-transform: uppercase;
	font-size: 150%;
	padding: 10px 0;
	color: #047;
}
.clean table a:link {
	color: #DC143C;
}
.clean table th a:link {
	color: #047;
	text-decoration: none;
}
.clean table a:visited{
	color: #036;
	text-decoration: line-through;
}
.clean table a:hover{
	color: #000;
	text-decoration:none;
}
.clean table a:active{
	color: #000;
}	

/* -------- RIGHT IDEA BUBBLE **/
#tabMenu { margin-bottom:0px; margin-left:15px; margin-right:0px; margin-top:0px;padding:0 0 0 15px;list-style:none;}
#tabMenu li {float:left;height:32px;width:39px;cursor:pointer;cursor:hand}
 
li.comments {background:url(../tabs/tabComment1.png) no-repeat 0 -32px;}
li.posts {background:url(../tabs/tabStar.png) no-repeat 0 -32px;}
li.category {background:url(../tabs/tabFolder.png) no-repeat 0 -32px;}
li.famous {background:url(../tabs/tabHeart.png) no-repeat 0 -32px;}
li.random {background:url(../tabs/tabRandom.png) no-repeat 0 -32px;}
 
li.mouseover {background-position:0 0;}
li.mouseout {background-position:0 -32px;}
li.selected {background-position:0 0;}

.box {width:275px}
.boxTop {height:25px;clear:both;background: #3280b6;margin-right:5px;}

.boxBody {background: #3280b6;
 padding-top:0px;padding-bottom:10px; margin-right:5px;
color:#F6DC60;}
/*.boxBody {background-color:#ebf4fb;
 border:solid 1px #b7ddf2;
-moz-border-radius:25px;
-webkit-border-radius:25px; padding-top:15px;padding-bottom:10px; margin-right:5px;}*/
.boxBottom {height:25px;background: #063a6e;margin-right:5px;}
 
.boxBody div {display:none;}
.boxBody div.show {display:block;}
 
.boxBody div ul {margin:0 10px 0 25px;padding:0;width:190px;list-style-image:url(../tabs/arrow.gif)}
.boxBody div li {border-bottom:1px dotted #8e8e8e; padding:4px 0;cursor:hand;cursor:pointer}
.boxBody div ul li.last {border-bottom:none}
.boxBody div li span {font-size:8px;font-style:italic; color:#888;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
	min-height: 302px;
	clear: both;
	_height: 302px;
	zoom: 1; /* Feeling sorry for IE */
}

.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}

.dataTables_length {
	width: 40%;
	float: left;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}

.dataTables_info {
	width: 60%;
	float: left;
}

.dataTables_paginate {
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	background-image: url('../images/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('../images/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('../images/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('../images/forward_enabled.jpg');
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	clear: both;
	width: 100%;
	
	/* Note Firefox 3.5 and before have a bug with border-collapse
	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
	 * border-spacing: 0; is one possible option. Conditional-css.com is
	 * useful for this kind of thing
	 *
	 * Further note IE 6/7 has problems when calculating widths with border width.
	 * It subtracts one px relative to the other browsers from the first column, and
	 * adds one to the end...
	 *
	 * If you want that effect I'd suggest setting a border-top/left on th/td's and 
	 * then filling in the gaps with other borders.
	 */
}

table.display thead th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
}

table.display tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('/images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
	background: url('/images/sort_desc.png') no-repeat center right;
}

.sorting {
	background: url('/images/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
	background: url('/images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('/images/sort_desc_disabled.png') no-repeat center right;
}
/***************** Content Managment Specific Styles ************************/


.file_input_div
{
	position: relative; 
	width: 100px; 
	height: 23px; 
	overflow: hidden;
}

.file_input_button
{
	width: 100px; 
	position: absolute; 
	top: 0px;
	background-color: #33BB00;
	color: #FFFFFF;
	border-style: solid;
}

.file_input_hidden
{
	font-size: 45px; 
	position: absolute; 
	right: 0px; 
	top: 0px; 
	opacity: 0; 
	
	filter: alpha(opacity=0); 
	-ms-filter: "alpha(opacity=0)"; 
	-khtml-opacity: 0; 
	-moz-opacity: 0;
}

.date_info {
	background:url(/images/cssimages/office_calendar.png) no-repeat 95% 1em;
}
.news_info {
	background:url(/images/cssimages/location_news.png) no-repeat 95% 1em;
}
.pub_info {
	background:url(/images/cssimages/publication.png) no-repeat 95% 1em;
}
.user_info {
	background:url(/images/cssimages/users_2.png) no-repeat 95% 1em;
}
.secure_info {
	background:url(/images/cssimages/pc_security_2.png) no-repeat 95% 1em;
}
fieldset div {
	margin:0.3em 0;
	clear:both;
}
.maintain_form form {
	margin:1em;
	/*width:40em;*/
	background:#fff;
	padding:1em;
	border:1px solid #eee;
}
.maintain_form label {
	float:left;
	width:14em;
	text-align:right;
	margin-right:1em;
}
.maintain_form legend {
	color:#0b77b7;
	font-size:1.2em;
}
.maintain_form legend span {
	width:15em;
	text-align:right;
}
.maintain_form input.styled {
	padding:0.15em;
	width:20em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.85em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}
.maintain_form textarea {
	padding:0.15em;
	width:20em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.85em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}


.maintain_form select {
			padding:0.15em;
	width:20em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.85em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}

.maintain_form input:hover, input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 
.maintain_form fieldset {
	border:1px solid #ddd;
	padding:0 0.5em 0.5em;
}


.maintain_form input.default {
	color:#bbb;
}