/********************************************
   HTML ELEMENTS
********************************************/ 
 /* 
 .something = class
 #random = ID 
 */
 
/* top elements */
* { margin: 0; padding: 0; outline: 0; }

body { background: #caced1; font: 70%/1.5em Verdana, Tahoma, arial, sans-serif; color: #777;
	 margin: 15px 0; }

/* links */
a, a:visited { text-decoration: none; background: inherit; color: #FB9233; }
a:hover { text-decoration: none; background: inherit; color: #93C600; }

/* headers */
h1, h2, h3 { font-family: 'Trebuchet MS', Tahoma, Sans-serif;  }
h1 { font-size: 180%; font-weight: normal; color: #555; text-align:center; }
h2 { font-size: 170%; color: #88ac0b; font-weight: normal; z-index:2; text-align:center; }
h3 { font-size: 140%; color: #88ac0b; text-align: center; }
h4 { font-size: 110%; color: #2666c3; font-weight: normal; z-index:2; text-align:center; }
p { z-index:2; }

/* images */
img.float-right { margin: 5px 0px 10px 10px;  }
img.float-left { margin: 5px 10px 10px 0px; }

/* WTF IS THIS??  */
h1, h2, h3, p { margin: 10px 15px; padding: 0; }

/* ul, ol { margin: 5px 15px; padding: 0 25px; } */

code { margin: 10px 20px; padding: 15px; text-align: left; display: block; overflow: auto;  
		font:  500 1em/1.5em 'arial', 'courier new', monospace; border: 1px solid #616ACD; 			        background: #AFCAFD; }
acronym { cursor: help; border-bottom: 1px dotted #777; }
blockquote { margin: 10px 15px; padding: 0 0 0 25px; border: 1px solid #E5F0FB; 
		font: bold 1.3em/1.5em "Trebuchet MS", Tahoma, arial, Sans-serif;  color: #2361BA; }

/* start - table */
table { border-collapse: collapse; border: 1px solid #306bc1; background-color:#FFF; /* #F4F8FD; */ }
.admin { border-collapse: collapse; border: 1px solid #306bc1; background-color:#F4F8FD;
		margin: 3px 5px; padding: 5px; }

table.admin, tr, td { text-align: left; }

th { background: #fff url(../images/button-bg.jpg) repeat-x 0 0; height: 20px;
		padding-left: 12px; padding-right: 12px; color:#fff; text-align:center;
		border-bottom-width:3px; font-weight:bold; border: 1px solid #306bc1; }
td { padding-left:10px; padding-right:10px; background-color:#FFF; /* #F4F8FD;   */
	background-color:inherit;  }
small_text {
	font-size: .7em;
}
tr { height:18px; background-color:#FFF; text-align:center; border-top:1px solid #b7ddf2;}

.viewlog { border-collapse: collapse; border: 1px solid #306bc1; height: 18px; 
		text-align: left; vertical-align: top; }

tr.bgcolor { height: 18px; text-align: center;	}
td.border { padding-left: 3px; padding-right: 3px; border-bottom: 1px solid #306bc1; }


table.hoverTable{
		width:100%; 
		border-collapse:collapse; 
	}
	/* Define the default color for all the table rows */
	table.hoverTable tr{
		background-color: #b8d1f3;
	}
	/* Define the hover highlight color for the table row */
    table.hoverTable tr:hover td{
          background-color: #ffff99;
    }
    

/* end - table */

/******************  FORM ELEMENTS    **************************************************/
/***************************************************************************************/
/***************************************************************************************/
form {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:14px;
	background-color: #ebf4fb;
	background: #0b39ff1a;  
	border: 2px solid #0909c6;	
	padding: 10px;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

	box-shadow: 10px 10px 20px -14px #000000;
	-webkit-box-shadow: 10px 10px 20px -14px #000000;
	-moz-box-shadow: 10px 10px 20px -14px #000000;
	-o-box-shadow: 10px 10px 20px -14px #000000;
}
/* Fieldset  */
fieldset {
	padding: 15px 10px;
	background-color:#eceffc;
	margin:20px 0;
	border:solid 1px #0909c6;	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	box-shadow: 5px 5px 5px -7px #000000;
	-webkit-box-shadow: 5px 5px 5px -7px #000000;
	-moz-box-shadow: 5px 5px 5px -7px #000000;
	-o-box-shadow: 5px 5px 5px -7px #000000;

}
legend {
	font-family: Tahoma, Sans-serif; 
	padding: 4px 6px;
	border:solid 1px #0909c6;	
	font-size: 120%; font-weight: normal; color: #2666c3;
	background-color: #ebf4fb; 
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	box-shadow: 5px 5px 5px -7px #000000;
	-webkit-box-shadow: 5px 5px 5px -7px #000000;
	-moz-box-shadow: 5px 5px 5px -7px #000000;
	-o-box-shadow: 5px 5px 5px -7px #000000;
}

/* Nested Fieldset  */
fieldset fieldset  {
	border: 1px solid #ccc;
	background-color:#FFF;
}
fieldset fieldset legend {
	border: 1px solid #ccc;
}
/* Inline Section */
.inlinesection {
	overflow: auto;
	width: 100%;	
}
/* Grid Section */
form table {
	border-collapse: collapse;
	position: relative;
/*	left: -20px; */
	clear:both;
	border:solid 2px #b7ddf2;	
}
form td {
	padding: 1px 4px;
	background-color:#F4F8FD;
	border:solid 1px #b7ddf2;	
	border-top:solid 1px #b7ddf2;	
}
form th {
	padding: 0 4px;
	font-weight:bold;
}

/* Combo Label + Input Field =========================================================== */
/* Ties together a label and its checkbox or radio  not used? */
form .onechoice {
	white-space: nowrap; 
	display:block;
	margin: 4px 0 0 0;
}

/* Field Labels ======================================================================== */

/* Base */
label, form .label {	
	color: #333;
	font-size: small;
}
/* Text inputs / Select label */
label.prefield {
	display: block;
	padding: 0px;
	margin: 0.4em 0px 0 0; 
	font-weight: bold;
}
/* Radio / Checkbox group label */
form .label  {
	display: block;
	padding: 2px;
	margin: 0.4em 4px 0 0;
	font-weight: bold;
	text-align:left;
}
/* Individual Checkbox  */
.checkbox {
	display: inline;
	position: relative;
	border:none;
	margin: 0.2em 4px 0 0; 
	font-weight: bold;
}
/* Individual Radio   */
.radio {
	display: inline;
	position: relative;
	border:none;
	margin: 0.2em 4px 0 0; 
	font-weight: bold;
}

label.postfield  { 
	margin: 0 4px 0 4px;
	font-family:Arial, Helvetica, sans-serif, 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#555;
}

label.postRadio { 
	display: inline-block;
	margin: 0px 0px 10px 10px;
	font-size: larger;
	font-family: Sans-Serif, 'Lucida Grande', Verdana, Arial;
	color:#555;
}


label.inlinelabel {
	display: inline;	
	padding: 2px;
	font-weight: bold; 
	
}
.inlinetext {
	display: inline;	
	padding: 0 20px 0 0px;
	font-weight:normal;

}
form .inlinefield {  
	/* use inlinefield for inline selects (no br's)  */
}
form .inlinesection .inlinefield {
	float: left;	
	padding: 0;
	margin-right: 2px;
}
form .inlinetext { /* used for inline text area positioning */
	vertical-align:middle;
	padding: 0 20px 0 0;
	margin-top: 4px;
	display:inline;
}

/* Inputs ======================================================================== */

textarea {
	padding: 0; vertical-align: top; margin: 0px 2px 25px 0;
	width:100%; height:90px; border:solid 1px #b7ddf2;	
	background-image: url('/images/blue_bg.png');
    background-repeat: repeat-x;
    background-position: top;
}
textarea.twoRows {
	padding: 0; vertical-align: top; margin: 0px 2px 25px 0;
	width:335px; height:30px; border:solid 1px #b7ddf2;	
	background-image: url('/images/blue_bg.png');
    background-repeat: repeat-x;
    background-position: top;
}
select {
	padding:0; margin: 2px 12px 0px 0; border:solid 1px #b7ddf2;
	background-color:#f0f0ff;  
}
input {
	margin: 0 3px 5px 0;
	border:solid 1px #b7ddf2;	
	background-image: url('/images/blue_bg.png');
    background-repeat: repeat-x;
    background-position: top;
}

input.twoCols {
	margin: 0 3px 5px 0;
	border:solid 1px #b7ddf2;	
	background-image: url('/images/blue_bg.png');
    background-repeat: repeat-x;
    background-position: top;
}

input.radioTab {
	margin: 0px 0px 0px 10px;
}


input.button { font: bold 14px Arial, Sans-serif; height: 28px; margin: 10px 220px; 
	padding: 2px 3px; color: #fff; background: #306bc1 url(/images/button-bg.jpg) repeat-x 0 0; 
	border: 1px solid #306bc1; cursor: pointer;
		border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	box-shadow: 5px 5px 5px -7px #000000;
	-webkit-box-shadow: 5px 5px 5px -7px #000000;
	-moz-box-shadow: 5px 5px 5px -7px #000000;
	-o-box-shadow: 5px 5px 5px -7px #000000;		
	 }

input.button_simple { font: bold 10px Arial, Sans-serif; height: 20px; margin: 5px; 
	padding: 1px 2px; color: #fff; background: #306bc1 url(/images/button-bg.jpg) repeat-x 0 0; 
	border: 1px solid #306bc1; cursor: pointer;
		border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;

	box-shadow: 4px 4px 4px -6px #000000;
	-webkit-box-shadow: 4px 4px 4px -6px #000000;
	-moz-box-shadow: 4px 4px 4px -6px #000000;
	-o-box-shadow: 4px 4px 4px -6px #000000;		
	 }
	 
input.button_small { font: bold 12px Arial, Sans-serif; height: 18px; margin: 10px 50px; 
	padding: 0px 2px; color: #fff; border: 1px solid #306bc1;
	background: #306bc1 url(../images/button-bg.jpg) repeat-x 0 0; cursor: pointer; }
	
input:focus, textarea:focus, select:focus{
    background-image: none;
    background-color: #ffffff;
    border: solid 1px #00F;
    border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	box-shadow: 5px 5px 5px -7px #000000;
	-webkit-box-shadow: 5px 5px 5px -7px #000000;
	-moz-box-shadow: 5px 5px 5px -7px #000000;
	-o-box-shadow: 5px 5px 5px -7px #000000;
}


/* makes buttons have lighter bg once selected */
input.button:focus, input.button_small:focus, a.button_small:focus { 	
	border:solid 2px #b7ddf2;	
	background: #306bc1 url(/images/button-bg2.jpg) repeat-x 0 0;
}
input.button:hover, input.button_small:hover, a.button_small:hover{ 	
	border:solid 1px #1a4056;
		color: #f5f5f5;
}

input.button:active {
	color: #ededed;  
	background: #306bc1 url(/images/button-bg2.jpg) repeat-x 0 0;
	text-shadow: -1px -1px -1px #656565;	
}


/* Form Builder Related Rules ===================================================== */
.smallform {
 width: 520px;
 margin-left:140px;
 margin-top:50px;
 padding: 5px 30px; 
}
.button_only {
	background: inherit;
	border: none;
	box-shadow: inherit;
	-webkit-box-shadow: inherit;
	-moz-box-shadow: inherit;
	-o-box-shadow: inherit;
}
/* Form or Fieldset instruction paragraph. */
form .instructions {
  margin: -18px 0 0 0;
  background: #F8FAFC url(/images/info_symbol.jpg) center no-repeat;
  background-position: 8px 50%; /* x-pos y-pos */
  clear:both; display:block; color: #888; float: right; width: 165px;
  padding: 3px 3px 3px 40px; background-color:#F8FAFC;
  border-top: 2px solid #B5D4FE;
  border-bottom: 2px solid #B5D4FE;
}
form .alert {
  margin: 6px 0 0 0;
  background: #FFF6BF url(/images/alert2.jpg) center no-repeat;
  background-position: 8px 50%; /* x-pos y-pos */
  clear:both; display:block; color: #888; float: right; width:165px;
  padding: 3px 3px 3px 40px; background-color:#FFF8CF;
  border-top: 2px solid #FFD324;
  border-bottom: 2px solid #FFD324;
}
/* Asterisk on required fields */
form .reqmark {
	color: #F00 !important; padding: 0 4px;
}

/* Field w/ a validation error */
form .errfld {
	display:inline; padding: 1px;
	color: #F00 !important;
	font-size:10px; font-weight:bold;
	width: 500px; margin: 0 5px;
}
/* Styling for message associated with a validation error. */
form .errmsg {	
	color: #F00 !important; display: block;
	font-size:16px; font-weight:bold; text-align:center;
}

/* Field-Hint */
form .field_hint {
	font-family: arial, Tahoma, Sans-serif; 
	color: #666; display:inline; margin: 0 10px;
	font-size: 9px; 
}

/* IE6 BUG FIXES ==================================================================== */
form {
	height:expression('1%'); /* IE Pick-a-boo bug fix */
}
form fieldset {
	position:expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */
	margin-top:expression('2.2em');
	padding-top:expression('1.5em');
}
form fieldset legend {
	position: expression('absolute'); 
	top: expression('-1.1em'); /* Fixes IE problem with fieldset+legend boundaries */
	left:expression('.5em');
}

/* END FORM ELEMENTS **************************************** ---> */

/* search form */
.searchform { background-color: transparent; border: none;	margin: 0; padding: 5px 0 5px 0;	
		width: 180px; }
.searchform p { margin: 0; padding: 0; }
.searchform input.textbox { width: 110px; color: #777; height: 20px; padding: 2px;	
		border: 1px solid #D2E8F7; vertical-align: top; }
.searchform input.button { width: 55px; height: 26px; padding: 2px 5px; vertical-align: top;
		cursor:pointer; }










/********************************************

   LAYOUT

********************************************/

#logo { position:relative; z-index: 3; top: 10px; right: 30px; float: right; clear: both; }
#wrap { position:relative; width: 890px; margin: 0 auto; text-align: left;
 		background: #CCC url(../images/content.jpg) repeat-y center top; }
#content-wrap { 
	clear: both; 
	width: 870px; 
	margin: 5px auto; 
	padding: 0; 
	min-height: 700px;
}
 #header { position: relative; height: 131px; padding: 0; color: #fff;		
	background: #caced1 url(../images/header.jpg) no-repeat center top; }
	
#header h1#logo-text a { 
	position: absolute; 
	margin: 0; 
	padding: 0;
	font: bolder 50px 'Trebuchet MS', Arial, Sans-serif; 
	letter-spacing: -3px;
	color: #fff; 
	text-transform: none; 
	text-decoration: none; 
	background: transparent;
	/* change the values of top and left to adjust the position of the logo*/
	top: 18px; left: 185px;	
	text-shadow: 	0 .5px 0 #ccc,
					0 1px 0 #c9c9c9,
					0 1.5px 0 #bbb,
					0 2px 0 #b9b9b9,
					0 3px 0 #aaa;
}
	
#header p#slogan { position: absolute; margin: 0; padding: 0;
 		font: bold 13px 'Trebuchet MS', Arial, Sans-serif; text-transform: none; color: #FFF;
	/* change the values of top and left to adjust the position of the slogan*/
		top: 80px; left: 60px;	}
#header p#admin_slogan { position: absolute; margin: 0; padding: 0; 
		font: bold 20px 'Trebuchet MS', Arial, Sans-serif; text-transform: none; color: yellow;
	/* change the values of top and left to adjust the position of the slogan*/
		top: 80px; left: 180px;	}

/* header links */
#header #header-links { position: absolute; color: #C6DDEE;
		font: bold 14px"Trebuchet MS", Arial, Tahoma, Sans-serif; top: 20px; right: 20px; }
#header #header-links a { color: #fff; text-decoration: none; }
#header #header-links a:hover { color: #D4FF55;	}

/* navigation */
#menu { clear: both; margin: 0 auto; padding: 0;
	background: #81C524 url(../images/menu.jpg) no-repeat;	
	font: bold 16px/40px "trebuchet MS", Arial, Tahoma, Sans-serif; height: 40px;
	width: 890px; }
#menu ul { float: left; list-style: none; margin:0; padding: 0 0 0 20px; }
#menu ul li { display: inline; }
#menu ul li a { display: block; float: left; padding: 0 12px; color: #fff; text-decoration: none;
		background: url(../images/sep.jpg) no-repeat 100% 100%; }
#menu ul li a:hover { color: #3b5e0b; }
#menu ul li#current a {	color: #3b5e0b; }

/* Main Column */
#main { float: left; width: 655px; margin: 0; padding: 20px 0 0 0;  display: inline;
		background: url(../images/box.jpg) no-repeat; min-height: 500px; }
#mainwide {
	float: left;
	width: 880px; /* was 555px ****************************** */
	margin: 0; padding: 20px 0 0 0;
	display: inline;
	background: url(../images/box2.jpg) no-repeat;
	
}
#wrap #contentpic { position: absolute; top: 180px; right: -110px; z-index:10; }
#main h2 { font: normal 180% 'Trebuchet MS', Tahoma, Arial, Sans-serif;
		padding: 0; margin-bottom: 0; color: #2666c3; }
#main h2 a { color: #2666c3; text-decoration: none;	}
#main p, #main h1, #main h2, #main h3, #main ol, #main ul,
#main blockquote, #main form { margin-left: 20px; margin-right: 25px; }
#main ul li { list-style-image: url(../images/bullet.gif); }



bold_title {
	font: bold 1.3em sans-serif;
	display: block;
	padding: 0px 15px;
	text-decoration: underline;
	color: #006c11
}




/* date_alert_box used to display clients prescription expire on index in admin */
#date_alert_box { 
	display:block; 
	color: #999;
	background: #FFF url(../images/alert.jpg) no-repeat left top; 
	width:460px;
	border:1px solid #999; 
	clear:both; 
	padding:5px 0px 5px 20px;
}
#ca_alert_box { 
	display:block; 
	color: #999;
	background: #FFF url(../images/todo.png) no-repeat left top; 
	width:460px;
	border:1px solid #999; 
	clear:both; 
	padding:5px 0px 5px 20px;
}
#birthdate_alert_box { 
	display:block; 
	color: #999;
	background: #FFF url(../images/birthday.png) no-repeat left top; 
	width:460px;
	border:1px solid #999; 
	clear:both; 
	padding:5px 0px 5px 20px;
}

#student_alert_box { 
	display:block; 
	color: #999;
	background: #FFF url(../images/tired_student.png) no-repeat left top; 
	width:460px;
	border:1px solid #999; 
	clear:both; 
	padding:5px 0px 5px 20px;
}

#overdue_box {  
	display:block; 
	color: #999;
	background: #FFF url(../images/alert.jpg) no-repeat left top; 
	width:460px;
	border:1px solid #999; 
	clear:both; 
	padding:5px 0px 15px 20px;
}

.overdue_box_title {
	font: bold 130% Arial;
	color: black;
	margin: 5px 20px;
	padding: 5px 5px;
	background-color: inherit;

}




#plain_box {  display:block; color: #999; width: 500px;
		background: #f0f0ff; text-align: center;
		border:2px solid #b7ddf2; clear:both; padding:5px 5px 5px 5px;
}

#secInsBox {
	float:right; 
	width: 250px; 
	height: 470px; 
	margin-top: -20px; 
	border: 1px solid #b7ddf2;	
	padding: 15px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}


.nice_corners {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;

box-shadow: 10px 10px 20px -14px #000000;
-webkit-box-shadow: 10px 10px 20px -14px #000000;
-moz-box-shadow: 10px 10px 20px -14px #000000;
-o-box-shadow: 10px 10px 20px -14px #000000;
}


#date_alert_box table { width:420px; position:relative; border: 0px;  }
#overdue_box table { width:420px; position:relative; border: 0px;  }

#mainhead { font-size:18px; color:#F00; }

/* main_split - splits the main section in 2 for more info */
#main_split { float:right; width:400px; text-align:left; }	

/* main_three makes so three divs (with SIDEBAR) */
#main_three { float:right; width:175px; }	


/* Sidebar */	
#sidebar { float: right; width: 195px; padding: 0; margin: 10px 0 0 0; color: #777;	}	
#sidebar h2 { margin: 15px 5px 10px 5px; font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
		color: #555; text-align:left; }
#sidebar p { margin-left: 5px; }
#sidebar ul.sidemenu { list-style: none; text-align: left; margin: 7px 10px 8px 0; padding: 0;
		text-decoration: none; border-top: 1px solid #A9D4EF; }
#sidebar ul.sidemenu li { list-style: none; padding: 4px 0 4px 5px; margin: 0 2px;	
		color: #777; border-bottom: 1px solid #D2E8F7;  }
* html body #sidebar ul.sidemenu li { height: 1%;}
#sidebar ul.sidemenu li a { text-decoration: none; display:block; color: #1773BC; }
#sidebar ul.sidemenu li a:hover { color: #93C600; }
#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { border: none; }

/* Footer */	
#footer { color: #C6DDEE; clear: both; width: 890px; height: 57px;
		background: #caced1 url(../images/footer.jpg) no-repeat center top; 
		text-align: center;	font-size: 90%;	}
#footer p { padding: 10px 0; text-align: center; margin: 0; }
#footer a { color: #fff; text-decoration: none; }

/* post footer */
.post-footer { background: #F4F8FD; padding: 5px; margin: 20px 25px 0 25px;
  		border: 1px solid #E5F0FB; font-size: 95%; }
.post-footer .date {	padding-left: 0px; margin: 0 5px; }
.post-footer .comments { padding-left: 0px; margin: 0 5px; }
.post-footer .readmore { padding-left: 0px; margin: 0 5px; }
.post-by { font-size: .95em; margin-top: 0;	}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.center { text-align:center; }
.small { font-size:small; }
.tabover { padding-left: 15px;}

/* display and additional classes */
a.tooltip { font-style:italic; color:#000; font-weight:600; }
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:230px; }
a.tooltip:hover span{display:inline; position:absolute; background:#f0f0f0; 
		border:1px solid #00F; color:#6c6c6c; text-decoration:none; 
		font-style:normal; font-weight:normal; z-index:1001;}

a.button_small { 
	font: bold 12px Arial, Sans-serif; 
	margin: 10px 10px; 
	padding: 6px 13px; 
	color: #fff; 
	border: 1px solid #306bc1;
	background: #306bc1 url(../images/button-bg.jpg) repeat-x 0 0; 
	cursor: pointer; 
	        border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;

	}		
		
		
		
.spacer {background:inherit; display:block; height:100px; text-align:center; }
.tab {display:inline; margin: 0 10px; }
.clear { clear: both; }
.error { color:#F00; display: block; overflow: auto;  
		font:  500 1em/1.5em 'arial', 'courier new', monospace; text-align:center; }
#picture_msg { position:relative; width: 200px; margin: 10px auto; text-align: center;
		font-size: 90%; color:#FFF; }

.green_msg { padding:4px; background-color:#009900; width:auto; 
		border:1px solid #006600;
		color:#FFFFFF; margin-top:10px; margin-bottom:10px; text-align:center; 
	    font: bold 1.3em/1.5em Arial, Helvetica, sans-serif;
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;

            box-shadow: 10px 10px 20px -14px #000000;
            -webkit-box-shadow: 10px 10px 20px -14px #000000;
            -moz-box-shadow: 10px 10px 20px -14px #000000;
            -o-box-shadow: 10px 10px 20px -14px #000000;}
            
.upload_message_success { padding:4px; background-color:#009900; width:150px; 
		border:1px solid #006600;
		color:#FFFFFF; margin-top:10px; margin-bottom:10px; text-align:center; 
	    font: bold 1.3em/1.5em Arial, Helvetica, sans-serif;
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;

            box-shadow: 10px 10px 20px -14px #000000;
            -webkit-box-shadow: 10px 10px 20px -14px #000000;
            -moz-box-shadow: 10px 10px 20px -14px #000000;
            -o-box-shadow: 10px 10px 20px -14px #000000;}

msg { 
	width: auto;
	background-color:#009900; 
	border:1px solid #006600;
	color:#FFFFFF; 
	margin: 20px 19px; 
	padding: 4px;
	text-align:center; 
	font: bold 1.3em/1.5em Arial, Helvetica, sans-serif;
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
}

.upload_message_error { padding:4px; background-color:#CE0000; border:1px solid #990000;
		color:#FFFFFF; margin-top:10px;	margin-bottom:10px; text-align:center;
                border-radius: 10px;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;

                box-shadow: 10px 10px 20px -14px #000000;
                -webkit-box-shadow: 10px 10px 20px -14px #000000;
                -moz-box-shadow: 10px 10px 20px -14px #000000;
                -o-box-shadow: 10px 10px 20px -14px #000000;}

#active_box { float:right; min-width:120px; padding: 2px 2px; margin: 0px 5px 5px 5px;;
		color:#000;	background-color:#B4EBB7;  text-align: center;  font-size:14px; 
		border:1px solid #080; }
#active_box a.tooltip:hover span, #inactive_box a.tooltip:hover span { margin: 0 0 -75px 110px; }
#inactive_box {  float:right;  width:auto;  padding:5px 2px;   margin: 0px 5px 5px 5px;;
		color: #FFF; background-color:#F00; text-align: center;  font-size:14px;  
		border:1px solid #900; }	
.smalltext { font-size:.7em; }
.note { font: 10px 'Trebuchet MS', Tahoma, Sans-serif; }
.small_gray { font: 10px 'Trebuchet MS', Tahoma, Sans-serif; color: gray; }
.red { color: red; }
.bold {font-weight: bold; color: black;}


error {
	color: red;
}



/* add for assign client box to be centered */
#container_box {
    width: 825px;
    margin-left: auto;
    margin-right: auto;
}

#box_wrap {
	float:left; 
	margin-right:10px; 
	border:1px solid #888; 
	padding:5px; 
}

#center {
	margin: 0 auto;
}
#client_container_box {
	width: 500px;
    margin-left: auto;
    margin-right: auto;
}

#inner_box {
    width: 400px;
    border: 1px dashed #ddd ;
}
#client_inner_box {
    border: 1px dashed #ddd ;}    
.client-table { border-collapse: collapse; border: 0px; background-color:#FFF;
		margin: 3px 5px; padding: 5px; }
table.client-table, tr, td { text-align: left; font-size: 13px; border: 0px; color: #555; }
table.client-table, th { border: none; color: black; background: #FFF}

#space_filler {
    width: 100%;
    clear: both;
    padding-top:  200px;
}

/* timecalendar css */
/* calendar */
table.calendar		{ border-left:1px solid #999; }

tr.calendar-row	{  }

td.calendar-day:hover	{ background:#eceff5; }

td.calendar-day-head { 
  background:#ccc; 
  font-weight:bold; 
  text-align:center; 
  width:40px; 
  padding:2px; 
  border-bottom:1px solid #999; 
  border-top:1px solid #999; 
  border-right:1px solid #999; 
  border-left:1px solid #999;
}

a.control {
  background: #eceff5;
  font-size: 12px;
  display: inline block; 
  border:solid 1px #b7ddf2;	
  }
  
a.control:hover {background: #ecedd5; }

.event {
  padding: 15px 0px 0px 0px;
  }
.event2 {
  padding: 2px 0px 0px 0px;
}
.otherEvent {
  /* padding: 15px 0px 0px 15px;   */
    padding-top: 15px;
  }
 
div.day-number	 { 
	background:#999; 
	position:absolute; 
	z-index:2; 
	top:-2px; 
	right:-20px; 
	padding:2px; 
	color:#fff;
  font-size: 13px; 
	font-weight:bold; 
	width:15px; 
	text-align:center; 
	border: none;
}
td.calendar-day, td.calendar-day-today, td.calendar-day-np { 
	width:40px; 
	padding:2px 20px 2px 2px; 
	border-bottom:1px solid #999; 
	border-right:1px solid #999; 
	border-left:1px solid #999;
	text-align:center; 
	font-size: 13px; 
}

div.day-number a	 { 
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
    color:white;
}
    
td.calendar-day a, td.calendar-day-today a {
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
}
td.calendar-day-today { background-color:#e3e3e3;}
/* end timecalendar css */








#survey_left {
	width: 49%; 
	float: left; 
	padding: 20px 0px;
}

#survey_right {
	width: 49%; 
	float: left; 
	padding: 20px 0px;
	text-align: center;

}

.margin_left_30 {
	margin-left: 30px;
}