/* standard styles */
html {
  height : 100%;
  width : 100%;
  display: table;
}
body { margin: 0; padding: 0; 
  color: black; 
  font: 11px Verdana, Arial, Helvetica; 
  background: #F2FBFF url(images/bkbott.jpg) no-repeat bottom right; 
}
h1 { font-size: 14px; font-weight : bold;margin: 0;  padding: 0;  }
h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #4682B4;
}
h3 { font-size: 10px; font-weight : bold; margin: 0;  padding: 0;}
h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #DB7093;
	background-color: #E6E6FA;
}
hr { color: #CCCCCC; height: 1px; }
table,  td { font-size:8pt; }
a { color: black; text-decoration: underline;}
a img { border: none; }
a:hover { color: #666666; }


/* font colors */
.bluedate { color: #3F709A; }
.redplace {	color: #CD5C5C; }
.fgNameTask {
	color: #627684;
}

/* background colors */
.bgTitleTask {
	background: #D2EAF1;
}


/* page header styles*/
#container { 
	background: url(images/bktop.jpg) no-repeat top left; 
	padding: 10px 10px 30px 10px;
	margin: 0px; 
	}
#pagelogo { 
	margin: 10px 0px 10px 0px; 
	padding: 20px 20px 0px 0px;
	/*padding: 90px 5px 150px 0px;
	background: url(images/n2.gif) no-repeat top right; */
	font : 16pt sans-serif;
	color : #4682B4;
	text-align : right;
}
#pagetopmenu  { 
	margin: 0px 20px 0px 340px; 
	padding: 0px 5px 5px 0px; 
	border-top: 3px solid #ADD8E6;
	border-bottom: 2px solid #ADD8E6;
	border-left: 2px solid #ADD8E6;
	border-right: 2px solid #ADD8E6;
	background-color : #9FB2DC;
}
#pagetopsubmenu  { 
	margin: 0px 20px 0px 340px; 
	padding: 0; 
	border-top: 0px solid #4682B4;
	border-bottom: 1px solid #4682B4;
	border-left: 1px solid #4682B4;
	border-right: 1px solid #4682B4;
}
#pagetopmenu {
	/*background-color: #3F709A;*/
/*	height: 30px;*/
}
#pagetopsubmenu {
	/*background-color: #FFEEDD;*/
/*	height: 27px;*/
}
.pagename {
	color: #808080;
	font-size : 14px; 
	font-weight : bold; 
	padding-right : 40px;  
	padding-top : 7px;  
}

#linktopmenu { 
	font-size : 11px; 
	font-weight : bold; 
	padding-left : 20px;  
	padding-top : 7px;  
	text-transform : uppercase; color : White;
}
#linktopmenu a { color: #CFDFEF; text-decoration: none; padding-right: 20px; }
#linktopmenu a:hover { color: #FFFFFF; text-decoration: underline; }

#linktopsubmenu { 
	font-size : 16px; 
	padding-left : 14px;  
}
#linktopsubmenu a { color: black; text-decoration: none; 
	font-size : 10px; 
	line-height : 12px;
	width: 70px;
	text-align: center;
	vertical-align : middle;
	/*line-break : strict;*/
}
#linktopsubmenu a:hover { color: #666666; text-decoration: underline; }


/* left menu styles */
#pageleftmenu { 
	margin: 50px 10px 0px 30px; 
	padding: 0px 10px 10px 7px; 
	border-top: 2px solid #7FC3F2;
	border-bottom: 1px solid #7FC3F2;
	border-left: 2px solid #7FC3F2;
	border-right: 1px solid #7FC3F2;
	width : 180px;
	background: White url(images/snez2.gif) no-repeat bottom right; 
    clear:both; 
	float: right;
  }
#pageleftmenu a { color: #003399; text-decoration: none;}
#pageleftmenu a:hover { color: #0099CC; text-decoration: underline;}
#pageleftmenu li { color: #0099CC;margin-left: -1em}
#pageleftmenu ul { margin-top: 0; margin-bottom: 4px; list-style-type: square;}
#pageleftmenu h3 { color : #BC8F8F;}
#linkstudio a { color: #000000; text-decoration: none;}
#linkstudio a:hover { color: #0099CC; text-decoration: underline;}


/* right panel */
#pagerightpanel { margin: 0; padding: 0; }
#pagerightpanel a { color: #003399; text-decoration: none;}
#pagerightpanel a:hover { color: #0099CC; text-decoration: underline;}
.linknews { margin: 0; padding: 0; font-size : 9px; text-align: right;}

/* main box*/
#contentbox {
/*    clear:both; 
	float : left;*/
	margin: 30px 240px 30px 40px; 
	padding: 30px 30px 0px 20px; 
	background: url(images/snez3.gif) no-repeat top left;
}
#contentbox li { margin-left: -1em}
#contentbox ul { margin-top: 0; margin-bottom: 4px; }
#contentbox h3 { color: #9370DB;}
#content
{
  padding: 10px 20px 20px 10px; 
	background:  url(images/snez2.gif) no-repeat bottom right; 
}

/* login form */

form#login {
	font-size: 10px;	
	line-height: 11px;
}
form#login input.button {
	font-size: 9px;	
	line-height: 11px;
	border: 1px solid #000000;
	background-color : White;
	/*cursor: hand; *//* for IE */
	height: 15px;
	margin-left: 44px;
	margin-bottom: 0px;
	width: 60px;
}
form#login input.text { 
	font-size: 10px;	
	line-height: 12px;
	border: 1px solid #000000;
	width: 100px;
	height : 15px;
}
#login a { color: black; text-decoration: none; 
	font-size : 10px; 
	line-height : 12px;
	width: 70px;
	text-align: center;
	vertical-align : middle;
	/*line-break : strict;*/
}
#login a:hover { color: #666666; text-decoration: underline; }


/* main styles */

.tiny            {font-size: 9px ; line-height: 10px}
.small        {font-size: 10px; line-height: 12px}
.normal     {font-size: 11px; line-height: 16px}
.medium	  {font-size: 12px; line-height: 18px}
.large         {font-size: 14px; line-height: 19px}

.caps { text-transform : uppercase; }

.boxWithoutTop {
	padding: 5px;
	border-left: 1px solid Black;
	border-right: 1px solid Black;
	border-bottom: 1px solid Silver;
	background-color: #F5FBFC;
}
.boxBottomLine { 
	padding: 7px;
	border-bottom : 1px solid Black;
}

.boxGrey { 
	border: 1px solid #000000;
	background : #DDDDDD;
	padding: 20px;
	font-size: 10px;
	text-align : center;
	vertical-align : middle;
	width : 120px;
	height : 80px;
}
.tabletop1 {
	border-top: none ;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: none;
	width: 20px; height : 20px;
	text-align: center;
	}
.tabletop2 {
	border-top: none;
	border-right: none;
	border-bottom: 1px solid black;
	border-left: none;
	width: 20px; height : 20px;
	text-align: center;
}
.tabletop3 {
	border-top: none;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: none;
	width: 20px; height : 20px;
	text-align: center;
}
.tabletop4 {
	border-top: none;
	border-right: 1px solid black;
	border-bottom: none;
	border-left: none;
	width: 20px; height : 20px;
	text-align: center;
}
.tabletop5 {
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	width: 20px; height : 20px;
	text-align: center;
}
.copyright {
	font-size: 9px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align : center;
}

#copyrightbox {
    clear:both; 
	float: right;
	margin: 20px 10px 0px 30px; 
	padding: 0px; 
	width : 200px;
	color : #4682B4;
/*		position: absolute;
	bottom: 4px;
	right: 5px;*/
	text-align: right;	
}
#copyrightbox a { color: #4682B4; text-decoration: none;}
#copyrightbox a:hover { color: #0099CC; text-decoration: underline;}


#linkbottommenu { 
	font-size : 16px; 
	padding-left : 20px;  
}
#linkbottommenu a { color: black; text-decoration: none; 
	font-size : 10px; 
	line-height : 12px;
	vertical-align : middle;
}
#linkbottommenu a:hover { color: #666666; text-decoration: underline; }

/* error messages */
.error {font-family:Verdana,Arial,Helvetica; font-size:12px; color:red;}
.errormessage {font-family:Verdana,Arial,Helvetica; font-size:12px;}