/* CSS Document - Online Scheduling System */

/*{
	margin: 0;
	outline: none;
	padding: 0;
}
body, html
{
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#000000;
}
a:link 			{ text-decoration:none}
a:visited 		{ text-decoration:none}
a:hover 		{ text-decoration:none;
				color:#999999;}
a:active 		{ text-decoration:none}

.no-bullet 		{ }
.no-padding     { padding:0; }
.no-margin		{ margin: 0; }
.no-indent      { margin-left:0;padding-left:0; }
.width100		{ width:100%; }
.width90		{ width:90%; }
.width960		{ width:960px; }

.float-right 	{ float:right; }
.float-left  	{ float:left; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.font-medium 	{ font: 1.1em Arial, Helvetica, sans-serif; }
.font-small 	{ font: 0.9em Arial, Helvetica, sans-serif; }
.font-smaller 	{ font: 0.7em Arial, Helvetica, sans-serif; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }

.underline 		{ border-bottom:1px solid #b1b1b1; }
.underline2		{ border-bottom:1px solid #929292; }
.overline		{ border-top:1px solid #5f5f5f; }

.black 			{ color:#333; }
.gray 			{ color:#9d9d9d; }
.white 			{ color:#fff; }
.blue 			{ color:#004566; }
.green 			{ color:#0F0; }
.red 			{ color:#f00; }

{
	text-decoration:none;
}

.message {
	color:#4C6278;
	font-size:16px;
	background-color:#F4F4F4;
	border:1px solid #e8ebec;
	/*text-align:center;*/
	display:none;
	font-weight:bold;
	width:auto;
	padding:5px;
}
.message .messageLinks .link_1, .link_2, .link_3 {
	font-weight:normal;
	font-size:14px;
	padding-top:10px;
}/**/
body {
	background-color:#efefef;
}

/* ----------------------------------------------- Container –––––––––––––––––––––––––––––––––––––––––––––––*/
#container {
	margin: 0 auto;
	text-align: inherit;
}
/* ------------------------------------------------ Header ------------------------------------------------ */
#header {
	background: url(../images/banner.jpg) no-repeat bottom; 
	background-color:#3A6DA2;
	height: 67px;
	background-position:left;
	
	position:relative;
	margin: 0px;
	padding: 0px;
}/*---------------------------------------------- Bottom Header ------------------------------------------- */
#bottomheader {
	background-color:gray;
	/*height: 120px;*/
	height: 30px;
	width:auto;
	position:relative;
}
/* ------------------------------------------------ Content ------------------------------------------------ */

#content {
	font:"Segoe UI";
	color:#CCCCCC;
	padding: 1px;
	background-color: #ffffff;
	margin:0 auto 0px auto;
	width: 100%;
	

}
#innercontent {
	font-family:"Segoe UI";
	color: #383838;
	width: 515px;
	text-align:justify;
}
#innercontent a:hover {
	text-decoration:none;
	color:#dc8a39;
}
#easytoset {
	background-image:url(../images/easytoset.png);
	width: 515px;
	height: 109px;
}

#easytoset b {
	font-family:"Segoe UI";
	color:#FFFFFF;
	font-size:18px;
	text-align:center;
}

.style1 {
	font-family: "Segoe UI";
	font-size: 12px;
	color:#ffdfbf;
	margin: 10px;
	padding: 10px;
}
/*-------------------------------- sign up ---------------------------------------*/
#signup {
	width: 274px;
	height: 432px;
}
.style001 {
	font-family:"Segoe UI";
	font-size: 18px;
	color: #000000;
}
/*--------------------------------footer-----------------------------------------*/
#footer {
	background-color: #252525;
	height: 70px;
	position:relative;
}

#footer p {
	font-family:"Segoe UI";
	font-size:12px;
	color:#CCCCCC;
}
#footer a {
	font-family:"Segoe UI";
	color:#CCCCCC;
}
#footer a:hover { text-decoration:none;
		color: grey;}, .box p 
	{
		padding:0 20px 20px 20px;
	}

	.innerContent
	{
		margin: 0 auto;
		width: 95%;
	}

	#tableyui td
	{
		text-align:center;
	}

#ContentError
{
	width: 100%;
}

	#ContentError .logo_error
	{
		display:block;
		height: 363px;
		background: url(../images/logo_error.gif) no-repeat top center;
		margin: 0 auto;
	}

/* ------------------------------------------------ SideContent ------------------------------------------------ */

.SideContent
{	
	background: #f5f8fa url(../images/sidecontent.gif) repeat-y right;
	float: left;
	width: 20%;
	padding-bottom: ;
	height: 30%;
}

	.menuhide input
	{
		width: 7px;
		height: 120px;
		background:url(../images/menuhide.gif) no-repeat;
		border:none;
		float: right;
		margin-top: 200px;
	}

	.primarySideContent
	{
		padding: 0 0 20px 0;
	}
	
	.primarySideContent h2
	{
		background: url(../images/sidecontenttop.gif) repeat-x;
		font: bold 14px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#fff;
		text-indent:20px;
	}
	.primarySideContent h2 a
	{
		color:#fff;		
	}
	.primarySideContent h2 a:hover
	{
		text-decoration:underline;		
	}
	.primarySideContent li a

	{

		background: url(../images/menuarrow.gif) no-repeat right center;
		display: block;
		height: 23px;	
		width: 95%;	
		line-height: 23px;
		color: #4c6278;
		text-indent: 10px;
		border-bottom: 1px solid #e6ebed;
		font: 14px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;	
	}

	.primarySideContent li a:hover
	{
		background: #f9fcfe url(../images/menuarrow2.gif) no-repeat right center;
		color: #4c6278;		
	}

	.space
	{
		height: 400px;
	}

	.footer
	{
		width: 100%;
		text-align: center;
		border-top: 1px solid #e6ebed;		
		clear: both;
		margin: 60px 0 0px 0; 
		float: left;
	}

	.footer p
	{

		color: #6f859b;
		font: 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;		
	}
	
	.details .detailsTitle {
	font-weight:bold;
	border-top:1px solid #ced4d6;
	border-left:1px solid #ced4d6;
	background-color:#E6EBED;
}
.details .labelTD {
	background-color:#E6EBED;
	/*font-weight:bold;*/
	border-top:1px solid #ced4d6;
	border-left:1px solid #ced4d6;
}
.details .valueTD {
	background-color:#F4F4F4;
	border-top:1px solid #ced4d6;
	border-left:1px solid #ced4d6;	
}

// css table 
#hor-minimalist-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 45px;
	width: 480px;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-a th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#hor-minimalist-a td
{
	color: #669;
	padding: 9px 8px 0px 8px;
}
#hor-minimalist-a tbody tr:hover td
{
	color: #009;
}


#hor-minimalist-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 45px;
	width: 480px;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-b th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td
{
	color: #009;
}


#ver-minimalist
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#ver-minimalist th
{
	padding: 8px 2px;
	font-weight: normal;
	font-size: 14px;
	border-bottom: 2px solid #6678b1;
	border-right: 30px solid #fff;
	border-left: 30px solid #fff;
	color: #039;
}
#ver-minimalist td
{
	padding: 12px 2px 0px 2px;
	border-right: 30px solid #fff;
	border-left: 30px solid #fff;
	color: #669;
}


#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}
#box-table-a td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #d0dafd;
	color: #339;
}


#box-table-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: center;
	border-collapse: collapse;
	border-top: 7px solid #9baff1;
	border-bottom: 7px solid #9baff1;
}
#box-table-b th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #e8edff;
	border-right: 1px solid #9baff1;
	border-left: 1px solid #9baff1;
	color: #039;
}
#box-table-b td
{
	padding: 8px;
	background: #e8edff; 
	border-right: 1px solid #aabcfe;
	border-left: 1px solid #aabcfe;
	color: #669;
}


#hor-zebra
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#hor-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
	color: #039;
}
#hor-zebra td
{
	padding: 8px;
	color: #669;
}
#hor-zebra .odd
{
	background: #e8edff; 
}


#ver-zebra
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#ver-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #039;
}
#ver-zebra td
{
	padding: 8px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #669;
}
.vzebra-odd
{
	background: #eff2ff;
}
.vzebra-even
{
	background: #e8edff;
}
#ver-zebra #vzebra-adventure, #ver-zebra #vzebra-children
{
	background: #d0dafd;
	border-bottom: 1px solid #c8d4fd;
}
#ver-zebra #vzebra-comedy, #ver-zebra #vzebra-action
{
	background: #dce4ff;
	border-bottom: 1px solid #d6dfff;
}


#one-column-emphasis
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#one-column-emphasis th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	color: #039;
}
#one-column-emphasis td
{
	padding: 10px 15px;
	color: #669;
	border-top: 1px solid #e8edff;
}
.oce-first
{
	background: #d0dafd;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}
#one-column-emphasis tr:hover td
{
	color: #339;
	background: #eff2ff;
}


#newspaper-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #69c;
}
#newspaper-a th
{
	padding: 12px 17px 12px 17px;
	font-weight: normal;
	font-size: 14px;
	color: #039;
	border-bottom: 1px dashed #69c;
}
#newspaper-a td
{
	padding: 7px 17px 7px 17px;
	color: #669;
}
#newspaper-a tbody tr:hover td
{
	color: #339;
	background: #d0dafd;
}


#newspaper-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #69c;
}
#newspaper-b th
{
	padding: 15px 10px 10px 10px;
	font-weight: normal;
	font-size: 14px;
	color: #039;
}
#newspaper-b tbody
{
	background: #e8edff;
}
#newspaper-b td
{
	padding: 10px;
	color: #669;
	border-top: 1px dashed #fff;
}
#newspaper-b tbody tr:hover td
{
	color: #339;
	background: #d0dafd;
}


#newspaper-c
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #6cf;
}
#newspaper-c th
{
	padding: 20px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	text-transform: uppercase;
	border-right: 1px solid #0865c2;
	border-top: 1px solid #0865c2;
	border-left: 1px solid #0865c2;
	border-bottom: 1px solid #fff;
}
#newspaper-c td
{
	padding: 10px 20px;
	color: #669;
	border-right: 1px dashed #6cf;
}


#rounded-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 700px;
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner thead th.rounded-company
{
	background: #b9c9fe url(../images/tablecss/left.png) left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4
{
	background: #b9c9fe url(../images/tablecss/right.png) right -1px no-repeat;
}
#rounded-corner th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	background: #b9c9fe;
}
#rounded-corner td
{
	padding: 8px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #e8edff url(../images/tablecss/botleft.png) left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #e8edff url(../images/tablecss/botright.png) right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
	background: #d0dafd;
}


#background-image
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	background: url(../images/tablecss/blurry.jpg) 330px 59px no-repeat;
}
#background-image th
{
	padding: 12px;
	font-weight: normal;
	font-size: 14px;
	color: #339;
}
#background-image td
{
	padding: 9px 12px;
	color: #669;
	border-top: 1px solid #fff;
}
#background-image tfoot td
{
	font-size: 11px;
}
#background-image tbody td
{
	background: url(../images/tablecss/back.png);
}
* html #background-image tbody td
{
	/* 
	   ----------------------------
		PUT THIS ON IE6 ONLY STYLE 
		AS THE RULE INVALIDATES
		YOUR STYLESHEET
	   ----------------------------
	*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/tablecss/back.png',sizingMethod='crop');
	background: none;
}	
#background-image tbody tr:hover td
{
	color: #339;
	background: none;
}


#gradient-style
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#gradient-style th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe url(../images/tablecss/gradhead.png) repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
#gradient-style td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url(../images/tablecss/gradback.png) repeat-x;
}
#gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td
{
	background: #d0dafd url(../images/tablecss/gradhover.png) repeat-x;
	color: #339;
}


#pattern-style-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	background: url(../images/pattern.png);
}
#pattern-style-a thead tr
{
	background: url(../images/tablecss/pattern-head.png);
}
#pattern-style-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	border-bottom: 1px solid #fff;
	color: #039;
}
#pattern-style-a td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#pattern-style-a tbody tr:hover td
{
	color: #339;
	background: #fff;
}


#pattern-style-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	background: url(../images/tablecss/patternb.png);
}
#pattern-style-b thead tr
{
	background: url(../images/tablecss/patternb-head.png);
}
#pattern-style-b th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	border-bottom: 1px solid #fff;
	color: #039;
}
#pattern-style-b td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#pattern-style-b tbody tr:hover td
{
	color: #339;
	background: #cdcdee;
}

------------------style for the main menu on the right side of the website--------------------------------------
.links a:hover, a:active { color:#0099FF; text-decoration:none;}
	.links a:link, a:visited { color:#000000; text-decoration:none;}
	.titlebg { background:url(../images/titlebg.png) no-repeat center #FFFFFF}
	.contentbg { background:url(../images/linkbg.png) no-repeat center #FFFFFF}
	.title { font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; padding-left:10px;}
	.links { font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; padding-left:12px;}