/* ----------------------------------------------------
   Technoscore Web Solution
   Created:		Tue 15.09.2009
   Author:     	Amrit Pal Singh
   Projects:    Re-inventing Education
----------------------------------------------------*/

/* ------------------------------------- Common ------------------------------------- */
body{color:#c3c2c2; font-weight:normal; background:url(../images/bg.jpg) repeat-x top; line-height:17px; padding:0px; margin:0px; font-family:Arial;}
a,span,img,h1,h2,h3,h4,img,table,form,label,input,fieldset,sup,div{padding:0px; margin:0px; color:#000; font-family:Arial;}
img,fieldset,table{border:none;}
ul{padding:0px; margin:0px;}
ul li ul{ margin:0px; padding:5px 15px;}
a{text-decoration:none; color:#000; font-weight:normal; outline:0px}
select{font:12px; font-weight:normal}
img.left{float:left; margin:0px; padding:0px;}
img.right{float:right; margin:0px; padding:0px;}

/* ------------------------------------- Layout ------------------------------------- */
#layout{width:953px; margin:0px auto; position:relative;}

/* ------------------------------------- Menu ------------------------------------- */
#menu{width:953px; float:left; background:url(../images/menu_bg.jpg) repeat-x top; margin:0px; padding:0px;  border:0px solid #333; position:relative;}
#menu ul{width:675px; float:left; list-style:none; padding:0px; margin:0px;}
#menu ul li{width:auto; float:left; padding:1px 0 0 0; height:51px; border-right:1px solid #e7e5e5; margin:0px;}
#menu ul li a.logo{width:60px; float:left; height:52px; text-decoration:none; background:url(../images/logo.jpg) no-repeat left top; line-height:52px; text-align:center;}
#menu ul li a.logo:hover{background:url(../images/logo.jpg) no-repeat left bottom;}
#menu ul li a.home-1{width:64px; float:left; height:52px; text-decoration:none; background:url(../images/home-1.jpg) no-repeat left top; line-height:52px; text-align:center;}
#menu ul li a.home-1:hover{background:url(../images/home-1.jpg) no-repeat left bottom; line-height:52px; text-align:center;}
#menu ul li a.home{width:120px; float:left; height:52px; text-decoration:none; background:url(../images/home.jpg) no-repeat left top; line-height:52px; text-align:center;}
#menu ul li a.home:hover{background:url(../images/home.jpg) no-repeat left bottom; line-height:52px; text-align:center;}
#menu ul li a.aboutus{width:105px; float:left; height:52px; text-decoration:none; background:url(../images/about_us.jpg) no-repeat left top; line-height:52px; text-align:center;}
#menu ul li a.aboutus:hover{background:url(../images/about_us.jpg) no-repeat left bottom; line-height:52px; text-align:center;}
#menu ul li a.blog{width:62px; float:left; height:52px; text-decoration:none; background:url(../images/blog.jpg) no-repeat left top; line-height:52px; text-align:center;}
#menu ul li a.blog:hover{background:url(../images/blog.jpg) no-repeat left bottom; line-height:52px; text-align:center;}
#menu ul li a.resources{width:110px; float:left; height:52px; text-decoration:none; background:url(../images/resources.jpg) no-repeat left top; line-height:52px; text-align:center;}
#menu ul li a.resources:hover{background:url(../images/resources.jpg) no-repeat left bottom; line-height:52px; text-align:center;}
#menu ul li a.strore{width:70px; float:left; height:52px; text-decoration:none; background:url(../images/strore.jpg) no-repeat left top; line-height:52px; text-align:center;}
#menu ul li a.strore:hover{background:url(../images/strore.jpg) no-repeat left bottom; line-height:52px; text-align:center;}
#menu ul li a.signin{width:74px; float:left; height:52px; text-decoration:none; background:url(../images/signin.jpg) no-repeat left top; line-height:52px; text-align:center;}
#menu ul li a.signin:hover{background:url(../images/signin.jpg) no-repeat left bottom; line-height:52px; text-align:center;}

#menu ul li a.signout{width:74px; float:left; height:52px; text-decoration:none; background:url(../images/signout.jpg) no-repeat left top; line-height:52px; text-align:center;}
#menu ul li a.signout:hover{background:url(../images/signout.jpg) no-repeat left bottom; line-height:52px; text-align:center;}



#menu .shop{width:50px; height:47px; float:left; text-decoration:none; background:url(../images/shop.jpg) 5px 7px no-repeat; margin-top:1px; position:absolute; top:-5px; right:5px; color:#6c6c6c; font-family:Arial; font-size:11px; line-height:52px; padding:5px 0 0 35px; /*padding:13px 0 2px 33px;*/}

#menu .shop a strong{color:#222}
#menu .shop span{font-weight:bold}
#menu .shop a{width:50px; color:#6c6c6c; font-family:Arial; font-size:12px; float:left; clear:both}
#menu .shop a:hover{color:#222}
#menu form{width:218px; float:left; padding:14px 8px 0 2px; border:0px solid #333}
#menu form input {width:140px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#3b393a; background:url(../images/input_bg.jpg) no-repeat left top; padding:8px 0 8px 6px; border:none;}

*html #menu form input { height:28px;} 

#menu form input.search{width:30px; float:left; background:url(../images/search.jpg) no-repeat left top; padding:0px 0 0px 0px; border:none; height:30px; cursor:pointer}
.timewaste{background:url(../images/tb.jpg) repeat-y left; width:546px; float:left}
.timewaste fieldset{float:left; border:0px solid #000; width:80%;}

.componentheading{font-size:22px; color:#eaa301; font-weight:normal; font-family:Arial; line-height:24px; padding-bottom:2px; text-decoration:none; border-bottom:0px dotted #777}

/*

#menu form{width:240px; float:left; padding:14px 0 0 16px;}
#menu form input{width:200px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#3b393a; background:url(../images/input_bg.jpg) no-repeat left top; padding:7px 0 3px 6px; border:none; height:20px;}
#menu form input.search{width:30px; float:left; background:url(../images/search.jpg) no-repeat left top; padding:0px 0 0px 0px; border:none; height:30px; cursor:pointer}
#menu .shop{width:53px; float:left; text-decoration:none; background:url(images/shop.jpg) no-repeat left top; margin-top:1px; color:#6c6c6c; font-family:"Trebuchet MS"; font-size:12px; padding:13px 0 2px 33px;}
*/
/* ------------------------------------- Banner ------------------------------------- */
.banner{background:url(../images/banner1.jpg) no-repeat left top}
.banner h1{font-family:Arial; font-size:44px; font-weight:normal; text-align:center; line-height:74px;}
.banner h1 span{color:#f74b00; font-family:Arial; font-size:44px;}
.banner a{text-align:center; width:auto; float:none; font-size:20px; color:#4c4a4b; font-weight:normal; text-decoration:underline; font-family:Arial; }
.banner a:hover{text-decoration:none}
.blog_head{color:#222; font-size:20px; text-align:left; font-family:Arial; width:173px; border-bottom:1px solid #444; line-height:25px; margin-bottom:5px; font-weight:normal}
ul.blog{list-style:none; float:left; padding:0px 0 0 0}
ul.blog li{list-style:none; float:left; padding:90px 0 3px 23px; /*background:url(../images/arrow1.jpg) no-repeat 9px 12px;*/  font-size:11px; color:#464646; /*border-bottom:1px dotted #acacac; width:206px;*/ background:url(../images/dot-bg.jpg) bottom repeat-x;} 
ul.blog li h3{list-style:none; width:173px; float:left; font-size:12px; line-height:21px; font-family:Arial; color:#464646;}
ul.blog li a{color:#464646; font-weight:bold; font-size:11px; width:auto; font-family:Arial;}
ul.blog li a.read{color:#259f48; font-weight:bold; font-size:10px; width:auto}





/* ------------------------------------- Right ------------------------------------- */
.right_sec{background:url(../images/r_bg.jpg) repeat-y left; padding:2px 5px 0 8px;}
.right_sec1{background:url(../images/rbg.jpg) repeat-y 0px 0; _background:url(../images/rbg.jpg) repeat-y 3px 0; padding:0px; width:196px;}
.right_sec3{background:url(../images/bgright.jpg) no-repeat left bottom; padding:2px 5px 43px 8px; width:210px; float:left; margin:0px;}

.shop{font-size:27px; font-family:Arial; line-height:27px; padding-bottom:15px; text-align:left}
.shop span{color:#f74b00; }
.description{color:#b4b5b9; font-size:0.7em; font-family:Arial; line-height:14px; padding:6px 0 0 4px; text-align:left}
.description a{color:#444; font-family:Arial; font-size:1.7em; line-height:13px; margin-top:4px; text-align:left}
.description a:hover{color:#f74b00;}
.edu{color:#575757; font-size:0.8em; font-family:Arial; padding-bottom:4px;}
.copyright{color:#959595; font-size:0.9em; font-family:Arial; padding-top:4px;}
.copyright a{color:#959595; font-size:0.9em; font-family:Arial;}


/* ------------------------------------- Box ------------------------------------- */
.box{background:url(../images/box_bg1.jpg) no-repeat left top; width:167px; padding:0 12px; height:84px; font-size:1em; color:#818181; font-family:Arial; text-transform:uppercase}
.box a{font-size:16px; color:#818181; font-family:Arial; text-transform:uppercase; text-decoration:none}

.intro{font-size:14px; color:#eaa301; font-family:Arial; line-height:24px; padding-bottom:2px; text-decoration:none; border-bottom:1px dotted #777; font-weight:bold; margin-bottom:8px;}


.intro h1{font-size:14px; color:#eaa301; font-family:Arial; line-height:24px; padding-bottom:2px; text-decoration:none; font-weight:bold;}
.intro a{font-size:14px; color:#eaa301; font-family:Arial; line-height:24px; text-decoration:none; font-weight:bold; 
background:url(../images/ad-arrow.gif) no-repeat 0 2px; padding:0 0 0 10px;}
.intro a:hover{font-size:14px; color:#eaa301; font-family:Arial; line-height:24px; text-decoration:none;}

.intro1{padding-bottom:2px; text-decoration:none; border-bottom:1px dotted #777;}


#page{ font-family:Arial; padding:0px 0 10px 1px; font-size:0.8em}
.contant{font-family:Arial; padding:8px 0 10px 1px; font-size:0.8em}
.menubg{background:url(../images/nav_bg.jpg) repeat-y ; border-bottom:0px; border-top:0px; padding-left:0px; height:280px; width:182px;}
.menubg h3{color:#fcfcfc; font-size:1.2em; text-align:left; font-family:Arial; width:163px; line-height:31px; margin-bottom:0px; padding:0 0 0 7px; font-weight:normal; background:url(../images/h2-bg.jpg) repeat-x ; width:175px;} 
.menubg11{color:#575656; font-size:1.2em; text-align:left; font-family:Arial; border-bottom:1px solid #444; line-height:25px; margin-bottom:5px; font-weight:normal}
.menubg11 a{color:#575656;}

.mid_boxmiddle{background:url(../images/mid_box_bg1.jpg) repeat-y left; padding:10px;}
.mid_boxmiddle2{background:url(../images/mid_box_bg2.jpg) repeat-y left; padding:10px;}
.login table td{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#555; padding:5px 3px;}
.login table td span{color:#FF3300}
.discri{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#555; padding:3px;}
.discri a{font-family:Arial, Helvetica, sans-serif; font-size:13px; cursor:pointer; font-weight:bold; color:#f74b00;; padding:5px 0px; line-height:26px;}

.login table td input{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#888; border:1px solid #999; padding:2px 3px; width:185px;}
.login table td input.log{font-family:Arial, Helvetica, sans-serif; background:#f74b00; font-size:12px; font-weight:bold; cursor:pointer; color:#fff; border:0px solid #888; padding:3px 8px; width:auto;}

.button{font-family:Arial, Helvetica, sans-serif; background:#f74b00; font-size:12px; font-weight:bold; cursor:pointer; color:#fff; border:0px solid #888; padding:3px 8px; width:auto;}
.login table td a{font-family:Arial, Helvetica, sans-serif; font-size:11px; cursor:pointer; color:#f74b00; }
.login table td a:hover{text-decoration:underline}
.welcome{font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:2px 4px 2px 8px; color:#666;}
.welcome span{font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#eb7200}
.welcome span a{font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#eb7200}
.welcome a{font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#eb7200}


.menuapple{margin: 5px 0px 5px 3px; padding:0 0 0 0px; width:164px; float:left; list-style:none; border:0px solid #333}
.menuapple ul{width:154px; float:left; border:0px solid #333; list-style:none}
.menuapple ul li a{
font-family:Arial; color:#333333; text-align:left; font-size:12px;
 font-weight:bold;
display: block;
padding:1px 0 1px 10px; width:144px; float:left;
text-decoration: none;
margin-bottom:2px;
font-weight:normal; border-bottom:0px dashed #555;}
.menuapple ul li a span{
font-weight:normal;}
.menuapple ul li.active  a span{color:#ff7b00; font-weight:bold}
.menuapple ul li.active  a{color:#ff7b00}

.menuapple li a{
font-family:Arial; color:#333333; text-align:left; font-size:12px;
 font-weight:bold;
display: block;
padding:2px 0 4px 0px; width:164px; float:left;
text-decoration: none;
margin-bottom:2px;
font-weight:bold; border-bottom:1px dashed #555;
}
.menuapple li a span:hover{color:#111;}

.menuapple li a span{
font-family:Arial; color:#333333; text-align:left; font-size:12px;
 font-weight:bold;
display: block;
padding:0px; width:164px; float:left;
text-decoration: none;
margin-bottom:0px;
font-weight:bold;
}

.applemenu div.silverheader a{
font-family:Arial; color:#5a5a5a; text-align:left; font-size:0.8em;
 font-weight:bold;
display: block;
padding:2px 0 4px 0px; width:164px; float:left;
text-decoration: none;
margin-bottom:2px;
margin-left:7px;
font-weight:bold; border-bottom:1px dashed #555;
}

.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{}

.applemenu div.selected a, .applemenu div.silverheader{font-size:0.9em;}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
text-align:left; color:#555; font-size:0.7em; font-weight:normal; left:0px; width:164px; float:left; padding:4px 0px 0 5px; 
/*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/}

.applemenu div.submenu a{width:150px; float:left; color:#444; font-size:1em; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; padding:2px 0 2px 2px ;  line-height:16px; padding-left:8px;}


.applemenu div.submenu a.selected{ color:#FF7E00; background:url(../../images/childnav_arrow[1].jpg) no-repeat 14px 5px; font-weight:normal}

.applemenu div.submenu a:hover{color:#002244;background:url(../../images/childnav_arrow[1].jpg) no-repeat 14px 5px;}


a.bodyLink {color:#20476d;	text-decoration:none;	border-bottom:#CCCCCC 1px dashed; font-family:Lucida Sans Unicode, "Times New Roman", Times, serif;	font-size:13px; }

a.bodyLink:hover{	color:#20476d;	text-decoration:none;	background-color: #f2f2f2; text-decoration:none;}
.error{font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FF0000; border:0px solid #FF0000; padding:5px 0px 5px 5px}
.success{font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#009900;  border:1px solid #009900; padding:5px 0px 5px 5px}
.red{ color:#FF0000}

#fontsize
{
	z-index:100;
	position:absolute;
	top:0;
	right:0;
	background:#fff;
	color:#000;
}

#fontsize h3,#fontsize p
{
	border:0;
	display:inline;
	font-size:1em;
}

#fontsize p
{
	margin:0 0 0 5px;
}

#fontsize p a
{
	font-weight:bold;
	margin:0 5px;
	display:inline;
	padding:2px 0 2px 24px;
}
/* background-images */
#fontsize p a.larger {
background:#fff url(../images/lupe_larger.gif) no-repeat;
}

#fontsize p a.smaller {
background:#fff url(../images/lupe_smaller.gif) no-repeat;
}

#fontsize p a.reset {
background:#fff url(../images/lupe_reset.gif) no-repeat;
}

#fontsize p a.larger:hover,#fontsize p a.larger:active,#fontsize p a.larger:focus {
background:#000 url(../images/lupe_larger_black.gif) no-repeat;
color:#fff;
}

#fontsize p a.smaller:hover,#fontsize p a.smaller:active,#fontsize p a.smaller:focus {
background:#000 url(../images/lupe_smaller_black.gif) no-repeat;
color:#fff;
}

#fontsize p a.reset:hover,#fontsize p a.reset:active,#fontsize p a.reset:focus {
background:#000 url(../images/lupe_reset_black.gif) no-repeat;
color:#fff;
}





.editlinktip  {border:0px solid #000; line-height:12px; width:150px;}

.validate{margin-top:2px;}


#left ul.menu {border:0px solid #000; font-family:"Lucida Grande","Trebuchet MS",Verdana,Helvetica,sans-serif;font-size:14px; display:block; list-style:none; text-transform:uppercase; font-weight:bold; padding:20px 0px 0px 10px;}

#left ul.menu li  a span{font-size:14px; display:block; list-style:none; text-transform:uppercase; font-weight:bold; color:#000000; line-height:20px;}
#left ul.menu li a:hover span {font-size:14px; display:block; list-style:none; text-transform:uppercase; font-weight:bold; color:#000000; border-bottom:1px dashed #333333; background-color:#dfdccb;}

/* Search */
#main2 #page .searchintro {width:100%; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding-bottom:20px; line-height:18px; border-bottom:1px solid #eee;}
#main2 #page .searchintro p { padding:0px; margin:0px;  font-size:13px; }
#main2 #page .searchintro p strong { padding:0px; margin:0px; color:#f74b00; padding:0px 5px 0px 5px; text-transform:uppercase; line-height:30px;}
#main2 #page .searchintro p a{font-size:13px; color:#000000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
#main2 #page .searchintro p a:hover{font-size:13px; color:#f74b00; text-decoration:underline;font-family:Arial, Helvetica, sans-serif;  font-weight:bold;}

form.search_result h3 {padding-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
form.search_result label, legend {font-family:Arial, Helvetica, sans-serif; font-size:12px; width:150px; float:left;}
form.search_result input, select {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; width:250px; border:1px solid #CCCCCC;}


form.search_result fieldset.phrase {font-family:Arial, Helvetica, sans-serif;float:left; border:0px solid #000; width:100%; margin:20px 0px 20px 0px;border-bottom:1px solid #eee; padding-bottom:20px;}
form.search_result fieldset.phrase legend {font-family:Arial, Helvetica, sans-serif;float:left; border:0px solid #000; width:auto; font-weight:bold;}
form.search_result fieldset.phrase input {font-family:Arial, Helvetica, sans-serif;float:left; border:0px solid #000; width:auto;}
form.search_result fieldset.phrase label {font-family:Arial, Helvetica, sans-serif;float:left; border:0px solid #000; width:auto; padding-right:20px; padding-left:5px;}
form.search_result fieldset.phrase label {font-family:Arial, Helvetica, sans-serif;float:left; border:0px solid #000; width:auto;}
form.search_result fieldset.phrase label.ordering {font-family:Arial, Helvetica, sans-serif;float:left; border:0px solid #000; width:auto; text-transform:uppercase; padding-right:80px; color:#565656; font-weight:bold;}
form.search_result fieldset.phrase select.ordering {font-family:Arial, Helvetica, sans-serif;float:left; border:0px solid #000; width:auto; text-transform:uppercase; padding-right:20px; color:#565656;}


form.search_result fieldset.only {font-family:Arial, Helvetica, sans-serif;float:left; border:0px solid #000; width:100%; margin:0px 0px 20px 0px;}
form.search_result fieldset.only legend {font-family:Arial, Helvetica, sans-serif;float:left; border:0px solid #000; width:auto; font-weight:bold;}
form.search_result fieldset.only input {font-family:Arial, Helvetica, sans-serif;float:left; border:0px solid #000; width:auto;}
form.search_result fieldset.only label {font-family:Arial, Helvetica, sans-serif;float:left; border:0px solid #000; width:auto; padding-right:20px; padding-left:5px;}
form.search_result fieldset.only label {font-family:Arial, Helvetica, sans-serif;float:left; border:0px solid #000; width:auto;}

#main2 { text-align:left;}
#main2 #page .results{width:100%; font-size:12px; font-family:Arial, Helvetica, sans-serif;line-height:18px;background-color:#f7f7f7;}
#main2 #page .results h3{width:90%; font-size:12px; font-family:Arial, Helvetica, sans-serif;line-height:18px; padding:10px 0px 0px 10px;}

#main2 #page .results ol.list {width:300px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#main2 #page .results ol.list h4 {width:100%; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:0px; margin:0px;}
#main2 #page .results ol.list li { padding:0 0 0 0px;}
#main2 #page .results ol.list h4 a{font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:0 0 0 0; margin:0;}
#main2 #page .results ol.list h4 a:hover{color:#eaa301;font-weight:bold;}
#main2 #page .results ol.list p{width:100%; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding:0px; margin:0px;}
#main2 #page .results ol.list p span.small{width:100%; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding:0px; margin:0px; color:#f74b00;}
#main2 #page .results ol.list span.small{width:100%; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding:0px; margin:0px; color:#000;}

.list-2 { font-size:12px; font-weight:bold; color:#000000;}
.list-2 h4 {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.list-2 h4 a {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.list-2 h4 a:hover {color:#eaa301;font-weight:bold;}
.list-2 p {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}

.form-validate{width:552px; float:left}
.form-validate p{ color:#6c6c6c; font-family:Arial; font-size:12px; text-align:right}

.form-validate div{width:532px; float:left; padding:6px 0px; border:0px solid #333}
.form-validate label{width:109px; float:left; padding:3px 6px 3px 0px; color:#333; font-family:Arial; font-size:12px; text-align:right; border:0px solid #333}
.form-validate input{width:202px; border:1px solid #cbcbcb; float:left; padding:2px; color:#333; font-family:Arial; font-size:12px; margin:0px;}

.login_form{width:552px; float:left}
.login_form div{width:532px; float:left; padding:4px 0px;}
.login_form label{width:109px; float:left; padding:3px 6px 3px 0px; color:#333; font-family:Arial; font-size:12px; text-align:right;}
.login_form input{width:202px; border:1px solid #cbcbcb; float:left; padding:2px; color:#333; font-family:Arial; font-size:12px;}
.login_form .button{font-family:Arial, Helvetica, sans-serif; background:#f74b00; font-size:12px; font-weight:bold; cursor:pointer; color:#fff; border:0px solid #888; padding:3px 8px; width:auto; margin-top:0px;}
.login_form #rem{width:auto}
.login_form p{ color:#6c6c6c; font-family:Arial; font-size:12px; text-align:left}
.login_form p a{ color:#f74b00; font-family:Arial; font-size:12px; text-align:left; padding-right:5PX;}

#title{width:auto; float:left; margin-top:0px;}


/* user detail */
form.user {width:552px; float:left}
form.user .user_name label{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:bold; text-transform:uppercase;}
form.user .user_name span{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#f74b00; font-weight:bold;text-transform:uppercase;}
form.user input {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; width:250px; border:1px solid #CCCCCC; }
form.user select {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; width:390px; border:1px solid #CCCCCC; }

form.user label {width:109px; float:left; padding:3px 6px 3px 0px; color:#333; font-family:Arial; font-size:12px; text-align:right;}

form.user div{width:532px; float:left; padding:4px 0px;}

.resource{font-size:1em}


/* ############# pagination ###################### */
#main2 .pagination,#main .pagination {
border-top:solid 0px #CCC;
margin:0px 0 0;
padding:0px 0;
}

ul.pagination {
list-style-type:none;
margin:0;
padding:0;
text-align:left;

}

ul.pagination li {
display:inline; color:#535152;
text-align:left;  font-size:15px; background:url(../images/paging-bg.gif) repeat-x; line-height:20px; border:1px #c3c3c3 solid; padding:0 10px 0 10px; margin:2px;
}

ul.pagination li a {
padding:2px;
text-decoration:underline;
color:#FF0000
}

.solution_pro_detail{font-size:11px; color:#444444; font-family:Arial, Helvetica, sans-serif}
.solution_pro_detail img{border:none; cursor:pointer; margin:5px 0}
.solution_main_bg{background:url(../images/bgright.jpg) no-repeat left top; width:223px; height:268px}


/*main css*/
.search-Ad { width:499px;}
.search-Ad .top-Ad { width:499px; height:7px; font-size:0;}
.search-Ad .top-Ad .left-cor-1 { width:9px; height:7px; font-size:0; background:url(../images/left-cor_1.jpg) no-repeat;}
.search-Ad .top-Ad .top-bg-1 { width:481px; height:7px; font-size:0; background:url(../images/top-bg_1.jpg) repeat-x; font-size:0;}
.search-Ad .top-Ad .right-cor-1 { width:9px; height:7px; font-size:0; background:url(../images/right-cor_1.jpg) no-repeat; font-size:0;}
.search-Ad .middle-Ad { width:479px; background:url(../images/middle-bg_1.jpg) repeat-y; padding:3px 10px 3px 10px;}
.orange-bar { width:479px; margin:0 0 10px 0;}
.orange-bar .left-Ob { width:9px; height:35px; background:url(../images/top-bar_left-Ad.jpg) no-repeat;}
.orange-bar .middle-Ob { width:461px; height:35px; background:url(../images/top-bar_bg-Ad.jpg) repeat-x; line-height:35px; 
color:#FFFFFF; font-size:16px; font-weight:bold;}
.orange-bar .right-Ob { width:9px; height:35px; background:url(../images/top-bar_right-Ad.jpg) no-repeat;}

.category-txt { font-size:12px; color:#000000; border-bottom:1px dotted #000000}
.category-sub { font-size:11px; color:#000000;}

.search-Ad .bottom-Ad { width:499px; height:7px; font-size:0;}
.search-Ad .bottom-Ad .left-cor-2 { width:9px; height:7px; font-size:0; background:url(../images/left-cor_2.jpg) no-repeat;}
.search-Ad .bottom-Ad .bottom-bg-1 { width:481px; height:7px; font-size:0; background:url(../images/bottom-bg_1.jpg) repeat-x; font-size:0;}
.search-Ad .bottom-Ad .right-cor-2 { width:9px; height:7px; font-size:0; background:url(../images/right-cor_2.jpg) no-repeat; font-size:0;}
.close-btn { padding:5px 0 0 0;}

/*common css*/
.fl { float:left;}
.fr { float:right;}
.cl { clear:both;}
/*common css*/

.listing { border-bottom:1px #000000 dotted;}
.listitems_heading {
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:20px;
font-weight:bold;
}

/*main css*/

/*Paging*/
.paging { width:499px; padding:10px 0 0 0;}
.paging .paging-no { padding:0 10px 0 0; color:#353535; font-size:15px; font-weight:bold;}
.paging .paging-box { padding:0 0 0 10px; line-height:26px; }
.paging .paging-box ul { list-style:none; margin:0; padding:0;}
.paging .paging-box ul li { float:left; font-size:15px; }
.paging .paging-box ul li a { display:block; text-decoration:none; color:#eda306; font-size:15px; background:url(../images/paging-bg.gif) repeat-x; line-height:20px; border:0px #c3c3c3 solid; padding:0px; font-weight:bold;}
.paging .paging-box ul li a:hover {  text-decoration:none; color:#000000; font-size:15px;}
.paging .paging-box ul li .select { text-decoration:none; color:#000000; font-size:15px;}
/*Paging*/


.resorce-block { width:500px;}
.resorce-block-top { width:500px; height:16px; font-size:0;}
.resorce-block-top .left-top { background:url(../images/login-block_left-1.jpg) #000000 no-repeat; width:18px; height:16px; font-size:0;}
.resorce-block-top .middle-top { background:url(../images/login-block_top.jpg) repeat-x; width:464px; height:16px; font-size:0;}
.resorce-block-top .right-top { background:url(../images/login-block_right-1.jpg) no-repeat; width:18px; height:16px; font-size:0;}

.resorce-block-middle { width:480px; min-height:100px; height:auto!important; height:100px;  background:url(../images/login-block_bg.jpg) repeat-y; padding:0 10px 0 10px;}
.resorce-block-middle h2 { margin:0; padding:0 0 5px 0px; font-size:14px; color:#000000;}
.resorce-block-middle p { margin:0; padding:0; font-size:12px; color:#000000;}

.resorce-block-bottom { width:500px; height:16px; font-size:0;}
.resorce-block-bottom .left-bottom { background:url(../images/login-block_left-2.jpg) #000000 no-repeat; width:18px; height:16px; font-size:0;}
.resorce-block-bottom .middle-bottom { background:url(../images/login-block_bottom.jpg) repeat-x; width:464px; height:16px; font-size:0;}
.resorce-block-bottom .right-bottom { background:url(../images/login-block_right-2.jpg) no-repeat; width:18px; height:16px; font-size:0;}

.introresource{font-size:14px; color:#eaa301; font-family:Arial; line-height:24px; padding-bottom:2px; text-decoration:none; font-weight:bold;float:left; padding:0px 10px 0px 0px}
.introresource a{font-size:14px; color:#eaa301; font-family:Arial; line-height:24px; text-decoration:none; font-weight:bold; 
background:url(../images/ad-arrow.gif) no-repeat 0 2px; padding:0 0 0 10px;}
.introresource a:hover{font-size:14px; color:#eaa301; font-family:Arial; line-height:24px; text-decoration:none;}

.small-box { width:115px; position:relative; margin:0 8px 8px 0;}
.small-box a {background:url(../images/account_top.jpg) top no-repeat; width:115px; display:block; height:117px;  padding:10px 0 0 0;}
.small-box a p { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000000; text-align:center; padding:0 13px 0 13px;}
.small-box a div { background:url(../images/account_bottom.jpg) bottom no-repeat; width:115px; height:16px; position:absolute; bottom:0;}
.small-box a:hover div { background:url(../images/account_bottom-over.jpg) bottom no-repeat; width:115px; height:16px; position:absolute; bottom:0;}
.small-box a:hover {background:url(../images/account_top-over.jpg) top no-repeat; width:115px;}




.re-blog { width:229px;}
.re-blog ul { margin:0; padding:0; list-style:none;}
.re-blog ul li {background:url(../images/arrow1.jpg) no-repeat 9px 3px; font-size:11px; color:#464646; /*border-bottom:1px dotted #acacac;*/ width:229px; height:75px; padding:4px 0px 4px 0px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#464646; font-weight:bold; position:relative; border-bottom:dashed 1px #c7c7c7;}
.re-blog ul li a { display:block; color:#464646; font-weight:bold; padding:0px 5px 0 25px; height:75px;}
.re-blog ul li a h1 { font-size:12px; color:#464646; padding:5px 0 8px 0; margin:0 0 0 0; line-height:12px;}
.re-blog ul li a:hover h1 {color:#fff;}
.re-blog ul li a p { font-size:11px; color:#464646; padding:0 0 0 0; margin:0 0 0 0; font-weight:normal; line-height:12px;}
.re-blog ul li a:hover p {color:#fff;}
.re-blog ul li a p span { font-size:11px; color:#259F48;}
.re-blog ul li a:hover p span { color:#fff; text-decoration:underline;}
.re-blog ul li a:hover {background:url(../images/blog-left.gif) left no-repeat; color:#fff;}


.block-container { width:953px; padding:0 0 30px 0;}
.block-1 { width:299px; margin:0 28px 0 0;}
.box-1 { width:299px;}
.box-1-top { width:299px; height:14px; background:url(../../../images/site/block-1_top.gif) no-repeat; font-size:0;}
.box-1-middle {width:279px; min-height:220px; height:auto !important; height:220px; background:url(../../../images/site/block-1_middle.gif) repeat-x; padding:0 10px 0 10px;}
.box-1-middle h1 { font-size:30px; color:#636260; font-weight:normal; text-align:center; margin:0; padding:0 0 10px 0;}
.box-1-middle p { font-size:12px; text-align:justify; color:#636260; margin:0; padding:0;}
.box-1-bottom {width:299px; height:225px; background:url(../../../images/site/block-1_img.jpg) no-repeat;}

.box-2 { width:299px;}
.box-2-top { width:299px; height:14px; background:url(../../../images/site/block-2_top.gif) no-repeat; font-size:0;}
.box-2-middle {width:279px; padding:0 10px 0 10px; min-height:220px; height:auto !important; height:220px; background:url(../../../images/site/block-2_middle.gif) repeat-x;}
.box-2-middle h1 { font-size:30px; color:#636260; font-weight:normal; text-align:center; margin:0; padding:0 0 10px 0;}
.box-2-middle p { font-size:12px; text-align:justify; color:#636260; margin:0; padding:0;}
.box-2-bottom {width:299px; height:225px; background:url(../../../images/site/block-2_img.jpg) no-repeat;}

.box-3 { width:299px;}
.box-3-top { width:299px; height:14px; background:url(../../../images/site/block-3_top.gif) no-repeat; font-size:0;}
.box-3-middle {width:279px; padding:0 10px 0 10px; min-height:220px; height:auto !important; height:220px; background:url(../../../images/site/block-3_middle.gif) repeat-x;}
.box-3-middle h1 { font-size:30px; color:#636260; font-weight:normal; text-align:center; margin:0; padding:0 0 10px 0;}
.box-3-middle p { font-size:12px; text-align:justify; color:#636260; margin:0; padding:0;}
.box-3-bottom {width:299px; height:225px; background:url(../../../images/site/block-3_img.jpg) no-repeat;}

.block-2 { width:299px;}  

.footer-container { width:208px; padding:0 30px 0 0;}
.footer-container h2 { font-size:14px; color:#464646; margin:0; padding:0 0 8px 0; auto0; background:url(../images/dot-bg.jpg) bottom repeat-x;} 
.footer-container ul { margin:0; padding:0; list-style:none;}
.footer-container ul li { font-size:11px; color:#ee9a20; font-weight:bold;}
.footer-container ul li a { font-size:11px; color:#ee9a20; text-decoration:none; font-weight:bold;}
.footer-container ul li a:hover { font-size:11px; color:#ee9a20; text-decoration:underline;font-weight:bold;}