@charset "utf-8";
body {
	background-image: url(../img/back1.png);
	background-repeat: repeat-x;
	text-decoration: none;
    color: #283732;
    font-family: helvetica, arial;
    font-size: 13px;
    font-weight: medium; 
    overflow-x: hidden;
    margin: 0; 
	overflow:auto; 
}
h1{
			text-decoration: none;
            font-family: helvetica, arial;
            font-size: 16pt;
}	
h2{
			text-decoration: none;
            font-family: helvetica, arial;
            font-size: 12pt;
}
h3{
			text-decoration: none;
            font-family: helvetica, arial;
            font-size: 16pt;
         	color: #28915a;
}	
h4{
			text-decoration: none;
            font-family: helvetica, arial;
            font-size: 13pt;
         	color: #788c82;
	}

a.whitelink:link {
			text-decoration: none;
            color: #ffffff;
            font-size: 9pt;
}

a.whitelink:visited {
			text-decoration: none;
            color: #cccccc;
            font-size: 9pt;
}

a.whitelink:active {
			text-decoration: none;
            color: #ffffff;
            font-size: 9pt;
}

a.whitelink:hover {
			text-decoration: underline;
            color: #cccccc;
            font-size: 9pt;
}

a:link {
			text-decoration: none;
            color: #283732;
            font-size: 9pt;
}

a:visited {
			text-decoration: none;
            color: #788c82;
            font-size: 9pt;            
}

a:active {
			text-decoration: none;
            color: #283732;
            font-size: 9pt;            
}

a:hover {
			text-decoration: underline;
            color: #283732;
            font-size: 9pt;            
}

a.linkteachers:link {
			text-decoration: none;
            color: #28be6e;
            font-size: 9pt;
}

a.linkteachers:visited {
			text-decoration: none;
            color: #28be6e;
            font-size: 9pt;
}

a.linkteachers:active {
			text-decoration: none;
            color: #28915a;
            font-size: 9pt;
}

a.linkteachers:hover {
			text-decoration: underline;
            color: #28915a;
            font-size: 9pt;
}

a.linkschools:link {
			text-decoration: none;
            color: #788c82;
            font-size: 9pt;
}

a.linkschools:visited {
			text-decoration: none;
            color: #788c82;
            font-size: 9pt;
}

a.linkschools:active {
			text-decoration: none;
            color: #283732;
            font-size: 9pt;
}

a.linkschools:hover {
			text-decoration: underline;
            color: #283732;
            font-size: 9pt;
}

a.textlink:link {
			text-decoration: none;
            color: #283732;
            font-size: 11pt;
}

a.textlink:visited {
			text-decoration: none;
            color: #283732;
                        font-size: 11pt;
}

a.textlink:active {
			text-decoration: none;
            color: #283732;
			font-size: 11pt;
}

a.textlink:hover {
			text-decoration: underline;
            color: #283732;
            font-size: 11pt;
}
.navi_text {
	font-size: 12px;
	margin-left: 5px;
	margin-rigth: 5px;
}
.navi_sub_text{
	font-size:11px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding-top:4px;
	}
.navi_bg {
	background-image: url(img/navi_bg.gif);
	height: 13px;
	border: 1px solid #CCCCCC;
	font-size: 11px;
	text-align: center;
	width: 100px;
}
.navi_bg_2 {
	background-image: url(img/navi_bg.gif);
	height: 13px;
	border: 1px solid #CCCCCC;
	font-size: 11px;
	text-align: left;
	padding-left: 5px;	
}
.table_main {
	background-color: #FFFFFF;
	width: 950px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #788c82;
	border-left-color: #788c82;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #788c82;
	height: 750px;
}
.table_sub {
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #28915a;
	width:30%;
	color:#283732;//#28915a // #28be6e
}
.table_sub_end {
	font-size: 11px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #28915a;
	width:70%;
}
.bg_grey {
	background-image: url(img/bg_light_grey.gif);
}
.textfield {
	font-size: 12px;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #788c82;
}
.tab{
	cursor:pointer;
	color: #666666;
	background-color: #cccccc;	
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 0px solid red;
	padding: 2px 2px 3px 2px;
}
.tab_selected{
	cursor:default;
	color: #666666;
	background-color: #FFFFFF;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 0px solid red;
	padding: 2px 2px 4px 2px;
	z-index:345;
}
.table_pane {
	font-size: 12px;
	padding-left: 5px;	
	padding-right: 5px;	
	border:1px solid #cccccc;
}
.table_text {
	font-size: 12px;
	padding-left: 10px;	
}
.table_pane_hidden {
	visibility:hidden;
	display:none;
}
.table_textfield_200 {
	font-size: 10px;
	color: #666666;
	background-color: #FFFFFF;
	width: 200px;
	border: 1px solid #788c82;
}
.table_textfield_200_c {
	font-size: 10px;
	color: #666666;
	background-color: #FFFFFF;
	width: 200px;
	border: 0px solid #788c82;
}
.table_textfield_75 {
	font-size: 10px;
	color: #666666;
	background-color: #FFFFFF;
	width: 75px;
	border: 1px solid #788c82;
}
.table_textfield_25 {	
	font-size: 10px;
	color: #666666;
	background-color: #FFFFFF;
	width: 25px;
	border: 1px solid #788c82;
}
.table_textfield_300 {
	font-size: 10px;
	color: #666666;
	background-color: #FFFFFF;
	width: 273px;
	border: 1px solid #788c82;
}
.table_textfield_date {
	font-size: 10px;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #788c82;
}
.table_upper_line {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
.error{
color:red;
font-size:10px;
}
.info{
color:#CCCCCC;
font-size:10px;
width:auto;
height:auto;
margin-left:3px;
margin-right:3px;
}
.select{
color:grey;
font-size:10px;
border:1px solid #CCCCCC;
}
.hidden{
display:none;
visibility:hidden;
}
.visible{
display:'';
visibility:visible;
}
.td_doc_header{
	font-weight: bold;
	font-size:12px;
}
.ts_docs_0{
vertical-align:top;
background-color:#eeeeee;
}
.ts_docs_1{
background-color:#cccccc;
vertical-align:top;
}
.ts_0{
background-color:#C1C1C1;
}
.ts_1{
background-color:cornsilk1;
}
.ts_2{
background-color:#CD919E; /*#D02090;*/
}
.ts_4{
background-color:#B5A5D5; /*#D02090;*/
}
.ts_td_50{
width:50px;
}
.ts_td_10{
width:10px;
}
.ts_td_200{
width:200px;
}
.ts_header{
background-color:#eeeeee;
}
.spe_opt{
background-color:#eeeeee;
}
.popup{
background-color:white;
/*background-image:url(img/back1.png);
background-repeat:repeat-x;*/
padding:2px 10px;
border:2px solid #788c82;
position:absolute;
z-index:200;
visibility:visible;
display:display;
filter:alpha(opacity=100);  /* discarded */
-moz-opacity:1.0;           /* discarded */
opacity: 1.0; 
}
.bubble{
background-color:white;
font-size: 11px;
color: #333333;
height:auto;
padding:2px 10px;
border:2px solid #eeeeee;
position:absolute;
z-index:200;
visibility:visible;
display:display;
filter:alpha(opacity=80);  /* discarded */
-moz-opacity:0.8;           /* discarded */
opacity: 0.8; 
}
.popup_back{
filter:alpha(opacity=50);   /* Internet Explorer       */
-moz-opacity:0.5;           /* Mozilla 1.6 and below   */
opacity: 0.5; 
background-color:black;
position:absolute;
top:0px;
left:0px;
z-index:190;
visibility:visible;
display:display;
}
.updatelayer{
background-color:pink;
z-index:190;
text-align:center;
}
.popup_hidden{
background-color:#eeeeee;
width:0px;
height:0px;
visibility:hidden;
display:none;
}
.debugdiv_hidden{
display:none;
visibility:hidden;
}
.debugdiv_visible{
display:'';
visibility:visible;
position:absolute;
top:20px;
left:20px;
font-size:11px;
padding:5px 5px;
width:200px;
height:auto;
background-color:white;
border:1px solid red;
}
.result_list{
height:50px;
overflow:auto;
border:1px solid #C1C1C1;
}
.clickable
{
cursor:pointer;
}
.text_doc{
color:grey;
font-size:10px;
border:1px solid #CCCCCC;
width:70px;
}
.select_doc{
color:grey;
font-size:10px;
border:1px solid #CCCCCC;
width:120px;
}
.calendarhtml, .calendarhtml table {
  border: 1px solid #bdb2bf;
  font-size: 11px;
  color: #000;
  cursor: default;
  font-family: "trebuchet ms",verdana,tahoma,sans-serif;
}
.calendarhtml td{
text-align:center;
border:1px solid #eeeeee;
width:25px;
height:20px;
}


.style1-1{
background-color:#a1c9ff;//blue
}
.style1-2{
background-image: url(img/1am.gif);
background-position:bottom left;
background-repeat:no-repeat;
}
.style1-3{
background-image: url(img/1pm.gif);
background-position:bottom left;
background-repeat:no-repeat;
}


.style2{
background-color:#ff9d9d;//red
}
.style2-1{
background-color:#ff9d9d;//red
}
.style2-2{
background-image: url(img/2am.gif);
background-position:bottom left;
background-repeat:no-repeat;
}
.style2-3{
background-image: url(img/2pm.gif);
background-position:bottom left;
background-repeat:no-repeat;
}

.style3-1{
background-color:yellow;//yellow
}
.style3-2{
background-image: url(img/3am.gif);
background-position:bottom right;
background-repeat:no-repeat;
}
.style3-3{
background-image: url(img/3pm.gif);
background-position:bottom left;
background-repeat:no-repeat;
}

.style4-1{
background-color:#b5a5d5;//purple
}
.style4-2{
background-image: url(img/4am.gif);
background-position:bottom left;
background-repeat:no-repeat;
}
.style4-3{
background-image: url(img/4pm.gif);
background-position:bottom left;
background-repeat:no-repeat;
}
.style5-1{
background-color:#66CCCC;
}


.empty{
background-color:white;
}
.day_disabled{
background-color:white;
color:#eeeeee;
}
.daydivover
{
z-index:1234;
position:relative;
top:-15px;left:0;
background-color:transparent;
border:0px solid black;
}
.colorborders1 {
border-color:white white yellow yellow;
}
.colorborders2 {
border-color:white white yellow white;
}
.colorborders3 {
border-color:white white white yellow ;
}
.borderdraw {
border-style:solid;
height:0px;
line-height:0px;
width:0px;
}

.chgmonth{
cursor:pointer;
}
.today{
color:red;
text-decoration:bold;
}
.selected{
background-color:navy;
color:white;
}
.shadow{
width:100%;
background: url(img/border_shadow.gif);
background-repeat:repeat-x;
}
.daysweek{
height:auto;
border-left:1px solid #CCCCCC;
border-bottom:2px inset #CCCCCC;
border-right:1px solid #CCCCCC;
padding:2px 5px;
margin-bottom:5px;
background-color:white;
}
.hotjobsearchpanel{
text-align:center;
font-size:11px;
width:100%;
border-bottom:1px solid navy;
padding:2px 2px;
}
#hotjobresult{
text-align:center;
width:100%;
border:0px solid black;
}
.hotjobsearchresult{
text-align:center;
width:100%;
border:1px solid #CCCCCC;
padding-top:2px;
padding-bottom:2px;
cursor:pointer;
margin-bottom:1px;
}
.hotjobsearchresult_over{
background-color:#CCCCCC;
text-align:center;
width:100%;
border:1px solid #CCCCCC;
padding-top:2px;
padding-bottom:2px;
cursor:pointer;
margin-bottom:1px;
}
.hotjobresultdetails_hidden {
visibility:hidden;
display:none;
}
.hotjobresultdetails {
visibility:visible;
display:'';
border:1px solid #CCCCCC;
}
.hotjobdetails{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #788c82;
	border-left-color: #788c82;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #788c82;
	padding:2px;
}
.loginmain {
border:1px solid #eee;
background-color:white;
width:600px;
height:auto;
margin:auto;
margin-top:10px;
text-align:center;
}
.loginheader {
border-bottom:1px solid #ccc;
background-color:white;
width:590px;
height:auto;
margin:auto;
padding:5px;
text-align:left;
}.loginbox {
border:1px solid #ccc;
background-color:;
width:300px;
height:auto;
margin:auto;
margin-bottom:100px;
}
/*.picture_options{
border:1px solid black;
position:relative;
z-index:456;
left:-35px;
top:-115px;
background-color:transparent;
filter:alpha(opacity=80);  
-moz-opacity:0.8;           
opacity: 0.8;
}*/
.img 
{
float:left;
margin:2px 10px 0px 2px;
padding:2px 10px 0px 2px;
width:175px;
min-height:135px;
height:auto;
border:1px dashed #cccccc;
text-align:center;
}
.cption{
position:relative;
top:0px;
left:-180px;
border:1px dotted #cccccc;
}
.profiletext{
min-height:155px;
height:auto;
width:100%;
border:0px solid #cccccc;
text-align:left;
}
#profilealbum{
min-height:155px;
padding:5px 5px;
height:auto;
border:1px solid #cccccc;
text-align:left;
overflow:hidden;
}
.picture_options{
border:1px solid black;
position:relative;
z-index:456;
left:0px;
top:-130px;
width:35px;

background-color:transparent;
filter:alpha(opacity=80);  /* discarded */
-moz-opacity:0.8;           /* discarded */
opacity: 0.8;
}
.divPicture{
border:1px dashed #cccccc;
width:200px;
text-align:center;
vertical-align:middle;
display:block;
float:left;
margin:5px 0px 5px 35px;
}
.topPopup, topPopup span {
border:0px solid black;
font-size:12px;
padding:0px;
margin:0px;
}