html { width: 100%}

body{margin: 0px; padding: 0px; background:#fff; font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #000;}

.HeadTitle h2 {font-size: 12px; margin: 10px 0px 0px 0px; padding: 0px 0px 10px 10px; color:#476b0d; letter-spacing:1}

#categorylist ul{
				list-style:url(images/bul1.gif); line-height:18px; text-align:left; padding-left:60px !important; 
				list-style:url(images/bul1.gif); line-height:18px; text-align:left; padding-left:15px; 
				}
#categorylist1 ul{
				list-style:url(images/bul1.gif); line-height:18px; text-align:left; padding-left:30px !important; 
				list-style:url(images/bul1.gif); line-height:18px; text-align:left; padding-left:20px; 
				}				
				
				
#innercategory ul{
				list-style:url(images/bul1.gif); line-height:20px; text-align:left; padding-left:35px;
				list-style:url(images/bul1.gif); line-height:20px; text-align:left; padding-left:30px !important; 
				}

.newstitle{ font-family:Arial; font-size:12px; }
.newstitle a{ font-family:Arial; font-size:12px; color:#000000; text-decoration:none}
.newstitle a:hover{ font-family:Arial; font-size:12px; color:#009900;}
.readallnews a{color:#CC0000; font-family:Arial; font-size:11px; font-weight:bold; text-align:right; padding-right:5px;}
.readallnews a:hover{color:#000; font-family:Arial; font-size:11px; font-weight:bold;}




.newstitle_tech a{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#000000;}
.newstitle_tech a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:underline; color:#006600;}

.newsdate_tech{color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

.newsdes_tech{color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;; padding-top:5px;}
.newsdes_tech a{color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;; padding-top:5px; text-decoration:none;}
.listitems_koha li{background:url(images/icon_page_small.png) left no-repeat; padding-left:25px; line-height:28px; color:#2173af;}

.readall_tech{
	margin-top:10px; font-weight:bold;
	}
.readall_tech a{color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
.readall_tech a:hover{color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline;}
	
.tech_in_edu ul{margin-left:0px;}
.tech_in_edu li{border-bottom:1px solid #e5e5e5; padding-bottom:10px; padding-top:10px; margin-left:-10px; padding-right:10px;} 
.news_date{ font-family:Arial; font-size:11px; color:#808080; font-weight:bolder;}


.paging_tech a{background:#009900; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px 5px 3px 5px; text-decoration:none;}

.paging_tech a:hover{background:#FF6600; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px 5px 3px 5px; text-decoration:none;}

/* Menu Style */
div#menu {font-size: 100%; margin: 0; float: right; padding: 0 0 0 0; height: 2em; width: 780px; border-top: 1px solid #dddddd; }
#menu ul {margin: 0; padding: 0; list-style: none; height: 2em;}
#menu li {float: left; margin: 0; padding: 0}
#menu li a {float: left; font-weight: normal; color: #777777; height: 2em; line-height: 1.5em; vertical-align: middle; text-decoration: none; border-top: 2px solid white; margin: 0 1em 0 0; padding: 0 0 0 0}
#menu li a:hover, #menu li a:active {color: #578310; text-decoration: none; border-top: 2px solid #578310;}
#menu li a.menuselected {float: left; font-weight: normal; color: #578310; height: 2em; line-height: 1.5em; vertical-align: middle; text-decoration: none; border-top: 2px solid #578310;}
#menu li ul {position: absolute; font-size: .9em; margin-left: 0px; height: auto; border-left: 1px solid #578310; border-right: 1px solid #578310;  border-bottom: 1px solid #578310; margin-top: 1.8em; z-index: 10; width: 12.5em; padding: 0; background: #ffffff; left: -999em;}
#menu li ul li {padding: 0; margin: 0; clear: none; }
#menu li ul li a { float: left; border-top: 1px solid #578310; text-transform: none; height: auto; line-height: 1.2em; padding: .3em 1em .3em .5em; margin: 0; width: 11em; }
#menu li ul li a:hover {border-top: 1px solid #578310; background: #d9eaf5}
#menu li:hover ul, #menu li.sfhover ul {left: auto; }

/** image styles **/
img {border: 0px solid white; margin: 0; padding: 0}
img.solution {margin: 0px 10px 10px 10px; width: 41px; height: 40px; float: left; clear: none;}

/** link styles **/

.newsletter a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000}
.newsletter a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#339900}



a.arrowbold {background: url(images/link_arrow.gif) right top no-repeat; padding-right: 10px; color:#000; font-size:12px; font-weight:bold;}

/** H styles **/
.box3{background: #fff url(images/bg_solutions11.jpg) repeat-x; padding-bottom:15px; line-height:18px; text-align:justify;} 
.faq_for_mobile{
padding:10px 5px 10px 50x; font-size:medium; color:#000000;}
.box4{background: #fff url(images/bg_solutions11.jpg) repeat-x; padding-bottom:15px; line-height:18px; text-align:left;} 
h1.boxtop {font-size: 14px; margin: 0px; padding: 5px 0px 5px 10px; color:#fff; border-bottom: 1px solid #CCCCCC; color:#333333}
#solutions {background: #fff url(images/bg_solutions11.jpg) repeat-x;   margin-top:5px; }
#solutions h2 {font-size: 12px; margin: 10px 0px 0px 0px; padding: 0px 0px 10px 10px; color:#476b0d;}
#solutions p{font-size: 12px;margin: 0px 0px 0px 10px;}
#solutions p.manage_data {margin: 0px 0px 0px 10px; background: url(/images/manage_data.gif) left top no-repeat; padding-left:50px; min-height:40px;}
#solutions p.data_decision {margin: 0px 0px 0px 10px; background: url(/images/data_decision.gif) left top no-repeat; padding:0px 10px 0px 50px; min-height:40px;}
#solutions p.teacher_tools {margin: 0px 0px 0px 10px; background: url(/images/teacher_tools.gif) left top no-repeat; padding:0px 10px 0px 50px; min-height:40px;}
#solutions p.community {margin: 0px 0px 0px 10px; background: url(/images/community.gif) left top no-repeat; padding:0px 10px 10px 50px; min-height:40px;}
* html #solutions{width:510px;}
.solutions_mobile{width:320px; margin-left:5px;}
* html #solutions p.data_decision{padding-bottom:10px;}
* html #solutions p.teacher_tools{padding-bottom:10px;}

/** end WIN IE hacks **/

h1.light_green {font-size: 14px; margin: 0px; padding: 5px 0px 5px 10px; color:#fff; border-bottom: 1px solid #CCCCCC; color:#333333; background:#eaf4d2;}

h1.light_green1 {font-size: 14px; margin: 0px; padding: 5px 0px 5px 10px; border-bottom: 1px solid #CCCCCC; color:#333333;}
h1.light_green_bottom{font-size: 12px; margin: 0px; padding: 5px 0px 5px 10px; color:#333333;}

.box31{background: #fff url(images/bg_solutions11.jpg) repeat-x; padding-bottom:15px;} 

#solutions1 {background: #fff url(images/bg_solutions11.jpg) repeat-x;   margin-top:5px; }
#solutions1 h2 {font-size: 12px; margin: 10px 0px 0px 0px; padding: 0px 0px 10px 10px; color:#476b0d;}
#solutions1 p{font-size: 12px;margin: 0px 0px 0px 10px;}
#solutions1 p.manage_data {margin: 0px 0px 0px 10px; background: url(/images/manage_data.gif) left top no-repeat; padding-left:50px; min-height:40px;}
#solutions1 p.data_decision {margin: 0px 0px 0px 10px; background: url(/images/data_decision.gif) left top no-repeat; padding:0px 10px 0px 50px; min-height:40px;}
#solutions1 p.teacher_tools {margin: 0px 0px 0px 10px; background: url(/images/teacher_tools.gif) left top no-repeat; padding:0px 10px 0px 50px; min-height:40px;}
#solutions1 p.community {margin: 0px 0px 0px 10px; background: url(/images/community.gif) left top no-repeat; padding:0px 10px 10px 50px; min-height:40px;}
* html #solutions1{width:275px;}
* html #solutions1 p.data_decision{padding-bottom:10px;}
* html #solutions1 p.teacher_tools{padding-bottom:10px;}


/** eyecandy styles, because of WIN IE, the images are coded on the page instead of CSS **/
.shadow img{height:5px; margin:0px;}
.seperator img{height:2px; margin:0px;}

.footernav {margin-bottom:5px; font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; color:#666}
.footernav a{font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; color:#666; text-decoration:none;}
.footernav a:hover{font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; color:#000; text-decoration:underline;}

.footernav1 {margin-top:15px; font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; color:#666; line-height:20px}
.footernav1 a{font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; color:#666; text-decoration:none;line-height:20px}
.footernav1 a:hover{font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; color:#000; text-decoration:underline;line-height:20px}

.links a{color:#000000;}
.links a:hover{color:#CC0000;}

.tabletd td{border:#666666 1px solid; padding: 5px 5px 5px 1px;}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border-bottom-width: 0;
font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
line-height:18px;
z-index:100;
background-color: white;
width: 150px;
text-align:left;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.line{color:#777777; margin-top:3px; padding-right:7px;}


.dropmenudiv1{
position:absolute;
top: 0;
border-bottom-width: 0;
font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
line-height:18px;
z-index:100;
background-color: white;
width: 190px;
text-align:left;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: normal;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
font-weight:bold;
}


.dropmenudiv1 a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: normal;
color: black;
}

* html .dropmenudiv1 a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv1 a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
font-weight:bold;
}






/** hide and show **/


.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color:#000;
	/**font-size:0.9em; **/
	/*background-color:#365700;*/
	/*background:#325100 url(images/hide_11.jpg) repeat-x;*/
    background:url(images/link_arrow1.gif) no-repeat left top;
	font-weight:bold;
	width:500px;
	margin-bottom:2px;
	margin-top:2px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	
		/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}



.dhtmlgoodies_question1{	/* Styling question */
	/* Start layout CSS */
	color:#2cab00;
	/**font-size:0.9em; **/
	/*background-color:#365700;*/
	/*background:#325100 url(images/hide_11.jpg) repeat-x;*/
	background:url(images/link_arrow2.gif) no-repeat left top;
	font-weight:bold;
	width:500px;
	margin-bottom:2px;
	margin-top:2px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	
		/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}



.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	/*border:1px solid #317082;
	background-color:#ddebc5;*/
	background:#f5f5f5;
	/*width:500px;*/
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}

.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:5px 5px 5px 10px;
	
	position:relative;
}


/* F O R M - S T Y L E */

.form em{font-weight:bold; font-style:normal; color:#f00; padding:0 1px 0 1px; font-size:14px;}
.form {font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold};

.rightsidelink {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none;}
.rightsidelink a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none;}
.rightsidelink a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}


td	{font-family: arial, verdana; color: #213c51; font-size: 13px; text-decoration: none; padding:0px;}






.module td{ padding:2px 2px 2px 20px; background: #f6fbf3 url(images/avail.gif) left no-repeat;}
.module1 td{ padding:2px 2px 2px 20px; background: #eefae6 url(images/avail.gif) left no-repeat;}





/*First Modal Type Ends*/

 /*Second Modal Type*/

#modalPage
{
    display: none;
    position:fixed !important;
	position:absolute;
    top: 0px; 
    left: 0px;
    width: 100%; 
    height: 100% !important; 
    height: 100%; 
}
.modalContainer
{
    position:fixed !important;
	position:absolute;
    left: 50%;
    top: 50%;
    z-index: 1000;
}

/*Second Modal Type Ends*/

/*End of Dimin Divs*/



/*Dimmin Divs*/

/*First Modal Type*/
/*General*/
.dimmer 
{
	visibility: hidden;
	position:absolute;
	left:0px;
	top:0px;
	font-family:verdana;
	font-weight:bold;
	padding:0px;
	z-index:5000;
}

/*Firefox*/
.dimmer_ff 
{
	visibility: hidden;
	position:absolute;
	left:0px;
	top:0px;
	font-family:verdana;
	font-weight:bold;
	padding:0px;
	z-index:5000;
}


/*Internat Explorer*/
.dimmer_ie 
{
	visibility: hidden;
	position:absolute;
	left:0px;
	top:0px;
	font-family:verdana;
	font-weight:bold;
	padding:0px;
	z-index:5000;
}


.modalBackground
{
    filter: Alpha(Opacity=80); -moz-opacity:0.80; opacity: 0.80;
    width: 100%; 
    height: 100% !important; 
    height: 100%; 
    background-color: #41464A;
    position:fixed !important;
	position:absolute;
    z-index: 500;
    top: 0px; 
    left: 0px;
}

	.modalBackground IFRAME
	{
	 display:none;/*sorry for IE5*/ 
	 display/**/:block;/*sorry for IE5*/
	 position:absolute;/*must have*/
	 top:0;/*must have*/
	 left:0;/*must have*/
	 z-index:-1;/*must have*/
	 filter:mask();/*must have*/
	 width:100%;
	 height:100%;
	}


.dimming {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    position:fixed !important;
	position:absolute;
	/* set z-index higher than possible */
	z-index:1000;
	visibility: hidden;
	background:#ffffff;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 4px;

}