/* CSS Document */

/*
  * { outline: 2px dotted red }
  * * { outline: 2px dotted green }
  * * * { outline: 2px dotted orange }
  * * * * { outline: 2px dotted blue }
  * * * * * { outline: 1px solid red }
  * * * * * * { outline: 1px solid green }
  * * * * * * * { outline: 1px solid orange }
  * * * * * * * * { outline: 1px solid blue }
*/

/* ========================================================	* 
*  =-=-=-=-=-=-=-= main page top templates =-=-=-=-=-=-=-=- *
** ========================================================	*/

#doc{ 
	font-size: .7em;
	*font-size: .78em;
	font-family: Verdana, Helvetica;
	text-transform:none;
	text-align:left;
	padding-bottom:15px;}

a{color:#333;}
a:hover{color:#777;}
div#spacer-sbar{width:175px;}


/* :::::: top  :::::: */

div.menu{
	margin:20px 0px 0px 200px;	
	*margin:20px 0px 0px 160px;}
div.menu ul{
	height:15px;
	border-bottom:1px dotted #ccc;}
div.menu ul li{display:inline;}
div.menu a{
	color:#000;
	font-weight:bold;
	background:#ccc;
	padding:2px 5px;}
div.menu a:hover{color:#666;}

#hd{	padding:20px 0 0 10px;
	height:91px;}



#logo{float:left;}

#hd #info{
	float:left;
	padding-left:125px;
	*padding-left:85px;
	padding-top:20px;}
	
#info .me,
#info .me-mail{ padding-bottom:20px;}
#info .me{
	padding-left:35px;
	background:url('../images/icons/user_female.gif') 5px 0 no-repeat;}
#info .me span{
	background:#DEE4EB;
	padding:3px;
	font-weight:bold;}	


/* :::::: boxes  :::::: */
div.schedules,
div.materials,
div.alerts{
	border-top:1px dotted #ccc;
	padding-top:10px;padding-bottom:20px;
	padding-left:40px;
}

/* :::::: elems  :::::: */
.list {
	padding-top:10px;
	padding-left:20px;}
h1, h2{
	padding-bottom:10px;}
h1{color:#607E9F;}
h2{font-weight:normal;}

/* :::::: paragraphs  :::::: */
.schedules,.schedules p,
.materials,.materials p,
.alerts,.alerts p,
.bell,
.visits,
.comp-classes,
.info-analiza,
.info-algebra,
.present,
.model,
.sheet{ padding-left:30px;padding-bottom:20px; }

.ind{  margin-left:50px;padding-bottom:20px;
	 background:url('../images/icons/tag_green.gif') 0px 2px no-repeat;}


/* :::::: icons  :::::: */
.schedules{background:url('../images/icons/help.gif') 15px 8px no-repeat;}
.materials{background:url('../images/icons/information.gif') 15px 8px no-repeat;}
.alerts{background:url('../images/icons/exclamation.gif') 15px 8px no-repeat;}

.bell{ background:url('../images/icons/bell.gif') 5px 0 no-repeat;}
.visits{ background:url('../images/icons/door_in.gif') 5px 0 no-repeat;}
.comp-classes{background:url('../images/icons/television.gif') 5px 0 no-repeat;}

.info-analiza{background:url('../images/icons/chart_curve.gif') 5px 0 no-repeat;}
.info-algebra{background:url('../images/icons/sum.gif') 5px 0 no-repeat;}
.present{background:url('../images/icons/user_comment.gif') 5px 0 no-repeat;}
.model{background:url('../images/icons/chart_line.gif') 5px 0 no-repeat;}

.sheet{background:url('../images/icons/page_white_text.gif') 5px 0 no-repeat;}