@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100% }

html {
	min-height:100%;
	width:100%;
		
}
h3 {
font-size:17px;
margin-bottom:10px;
		
}
	


p {margin-bottom:20px;}


h6 {
font-size:13px;
margin-bottom:33px;

color:#666666;
font-weight:lighter

}
body {
	
	font-size:0.70em;
	color:#000000;
	height:100%;
	min-height:100%;
	width:100%;

	background:url(../images/bg_tile.gif) repeat-y 50% 0;
}


.container {
	width:100%;
	height:100%;
	min-height:100%;
	
}

DIV #main {
	margin:auto;
	width:770px;
	height:100%;
	min-height:100%;
	
	padding:0 55px;
	
}


DIV #central_column {
	width:770px;
	min-width:770px;
	float:left;
	height:100%;
	min-height:100%;
	background-color:#ffffff;
	
}

	DIV #header {
		background-color:#000000;
		width:100%;
	}
	
		/* For all the images inside the header */
		DIV #header IMG {
			margin-right:8px;
			float:left;
		}

		
		DIV #header_links {
			float:right;
			color:#FFFFFF;
			font-size:0.9em;
			margin-right:10px
		}
		




	DIV #content {
		float:left;	
		width:405px;
		margin:10px 0px 10px 10px;
		border:#939699 1px dotted;	
		padding:5px 5px 5px 15px ;				
	}
	
	.contentnav {
		float:left;	
		width:740px;		
		padding:0 15px 0 15px ;	
	}
	
	.contentbuttons {
		float:left;	
		width:177px;
		margin:0px;
		padding:0 0 0px 15px ;
		height:125px;
		
	}
	
	.box	
	{
		width:155px;
		border:#939699 1px solid;
		padding:5px 5px 5px 5px ;
		background-color:#ffffff;
		filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ffffff', endColorstr='#cccccc', gradientType='0');		
		
		background-color:#dcdcdc;
	}
	.boxselected	
	{
		width:155px;
		border-top:#939699 1px solid;
		border-left:#939699 1px solid;
		border-right:#939699 1px solid;
		padding:5px 5px 5px 5px ;
		filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ffffff', endColorstr='#cccccc', gradientType='0');
		height:85px;
		background-color:#dcdcdc;		
		
	}
	.quote {
	
		width:240px;
		margin:10px;
		border:#939699 1px solid;
		padding:5px 5px 5px 5px ;
		background:#e0e0e0;
		
	}
	
	.videotip {
	
		width:250px;
		madrgin:10px;
		border:#939699 1px solid;
		padding:5px 5px 5px 5px ;
		background:#e0e0e0;
		
	}
	
		#quoteicon {
	
		width:20px;
		height:15px;
		float:left;
		
		
		background: url(../images/quotes.gif) top left  no-repeat;
		
		}
		#quoteiconright {
	
		width:20px;
		height:15px;
		cfloat:right;
		margin-left:5px;
			
		background: url(../images/quotesright.gif)  no-repeat;
		
		}
		
		.quoter{
				xfloat:right;
				dcolor:#FF9900;
				font-weight:bold;
				xmargin-bottom:15px;
		}
		
		DIV #contentright {
		float:right;	
		width:300px;
		margin:10px 10px 10px 0px;
		border:#939699 1px dotted;
		padding:5px 5px 5px 15px ;
		background:url(../images/gradient_tile.gif) repeat-x 50% 0;
		background-color:#CDCDCD;		
	}
	
	/* For the styles of the content of the page, refer to each css. */
	
	

		
		
		
		/* MENU */
		



.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 10px;
text-decoration: none;
/*border-right: 1px solid white;*/
}






a.squarebutton{
background: transparent url(../images/square-gray-left.gif) no-repeat top left;
display: block;
width:125px;
font: normal 19px verdana; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
float:left;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url(../images/square-gray-right.gif) no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}


a.squarebuttonsmall{
background: transparent url(../images/square-gray-left.gif) no-repeat top left;
display: block;
width:125px;
font: normal 16px verdana; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
float:left;
}

a:link.squarebuttonsmall, a:visited.squarebuttonsmall, a:active.squarebuttonsmall{
color: #494949; /*button text color*/
}

a.squarebuttonsmall span{
background: transparent url(../images/square-gray-right.gif) no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebuttonsmall:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebuttonsmall:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}





.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
padding-left:10px;
padding-right:10px;

padding-bottom:20px;
}





#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	zborder:#cccccc 3px solid;
	width: 740px;
	zbackground: #cccccc;	
}



#side-a {
	float: left;
	height:370px;
	width: 215px;margin:3px;
	border:#cccccc 1px solid;
	padding:5px 5px 5px 15px ;
	background:url(../images/gradient_tile.gif) repeat-x 50% 0;
}

#side-b {
	float: left;
	height:370px;
	width: 215px;margin:3px;
		border:#cccccc  1px solid;
		padding:5px 5px 5px 15px ;
			background:url(../images/gradient_tile.gif) repeat-x 50% 0;
}

#content1 { 
	float: left;
	width: 223px;
	height:370px;
	margin:3px;
	border:#cccccc  1px solid;
	padding:5px 5px 5px 15px ;
	background:url(../images/gradient_tile.gif) repeat-x 50% 0;

}
.images{
	
	/*clear:both;*/
	width:100%;
margin:2px auto;
}
.images IMG{
	
float:left;

}
 .images h5
{

float:right;
width: 135px;

font-weight:lighter;
}
		
		
.details_box_no_edit
{
	border-width:1px;
	border-style:Solid;
	border-color:#aaaaff;
	height:20px;
}

.details_box_edit
{
	border-width:1px;
	border-style:Solid;
	border-color:#ffaaaa;
	height:20px;
}



.textblack{
font-size: 11px;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
padding-right:15px;
padding-top:5px;
padding-bottom:5px;
}

.contentdetails {
		float:left;	
		width:741px;
		margin-left:15px;	
		border:solid 1px #939699;
		position:relative;
		background-color:#ffffff;
		z-index:100;
}

.contentdetailsIE6 {
		float:left;	
		width:741px;
		margin-left:7px;	
		border:solid 1px #939699;
		position:relative;
}

.details_info
{
	position:absolute;
	border:solid 2px #000000;
	width:100px;
	padding:5px;
}

a.squarebuttondisabled{
background: transparent url(../images/square-gray-left.gif) no-repeat top left;
display: block;
width:125px;
font: normal 19px verdana; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
float:left;
cursor:default;
}

a:link.squarebuttondisabled, a:visited.squarebuttondisabled, a:active.squarebuttondisabled{
color: #494949; /*button text color*/
cursor:default;
}

a.squarebuttondisabled span{
background: transparent url(../images/square-gray-right.gif) no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
cursor:default;
}

a.squarebuttondisabled:hover{ /* Hover state CSS */
cursor:default;
}

a.squarebuttondisabled:hover span{ /* Hover state CSS */
cursor:default;
}

/*Styles for meetings page l stands for light row, d for dark*/
.mtt{
font-size: 11px;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
padding-right:15px;
padding-top:5px;
padding-bottom:5px;
}

.new
{
	color:red; 
	font-weight:bold
}

.lcl
{
	background-color:#f2f2ef;	
}

.dcl
{
	background-color:#dbdbdb;
}

.lcn
{
	background-color:#f2f2ef;
	width:216px
}

.dcn
{
	background-color:#dbdbdb;
	width:216px
}

.lctn
{
	background-color:#f2f2ef;
	width:155px
}

.dctn
{
	background-color:#dbdbdb;
	width:155px
}


.lds
{
	background-color:#f2f2ef;
	width:20px
}

.dds
{
	background-color:#dbdbdb;
	width:20px
}

.lsl
{
	background-color:#f2f2ef;
	padding:20px 25px 20px 25px;
}

.dsl
{
	background-color:#dbdbdb;
	padding:20px 25px 20px 25px;
}

.sl
{
	padding:20px 25px 20px 25px;
}


#login {
	width:326px;
	height:120px;
	margin:40px auto 0 auto;
	background:url(../images/gradient_tile.gif) repeat-x 50% 0;
	padding:30px 38px 10px 38px;
}

#login #boxcontent {
		background-color:#666666;
		/*padding:30px 0px 30px 38px;*/
		width:100%;
	}
	
	
.username{
	width:250px;
	height:16px;
	padding:2px;
	border:#939699 1px dotted;
}



.submit {
	float:right;
	margin:32px auto 0px auto;
	background-color:#ffaa00;
	color:white;
	width:102px;
	padding:2px;
	font-size:95%;
}