/* 
 _________________________________________________________
|                                                         |
| Updated at      : 2009-07-13                            |
| Original Author : Skip                                  | 
| Copyright       : mLearning Demo                        | 
|_________________________________________________________|

*/


/* -- Main -- */

body {
	margin: 0;
	padding: 0;
	text-align:center;
	color:#666;
	line-height:1.8em;
	font-family: verdana;
    font-size: 12px;
	background-color:#FFFFFF;	}

.clr {	CLEAR: both}
	
.arrow_map{ margin-left:8px; margin-right:5px;}

img { border:0;}
input { border:1px #a1a1a1 solid; padding-top:2px;}
.area { border:1px #a1a1a1 solid}
.input { border:1px #a1a1a1 solid; padding-top:2px;}

.star { font:Verdana; font-size:11px; color:#ff0101;}
.dashed { height:5px; border-bottom:1px #CCCCCC dashed; margin-bottom:4px;}


/*------------------------------------------------------------*
**  Left
**------------------------------------------------------------*/

#contentLeft {
  float: left;
  width: 165px;
  margin-left:8px;
  margin-top:5px;
  margin-bottom: 5px;
  line-height:1.5em;
  }
#contentLeft .header {
  display: block;
  clear: both;  
  font-weight: bold;
  font-size: 14px;
  padding-bottom:7px;
  color:#0265a9;
  background: url(../images/dotbg.gif) repeat-x bottom left;    
}

#contentLeft .title {
  display: block;
  clear: both;  
  font-weight: bold;
  font-size: 12px;
  padding-bottom:7px;
  color:#fff;
  width:165px;
  height:21px;
  background: url(../images/lefttitle_bg.gif) no-repeat center left;
  text-align:center;
  line-height:21px;
  padding-top:5px;}

#contentLeft a.menuItem {
  display: block; 
  color:#666; 
  text-decoration:none;
  padding: 3px 0 3px 8px;
  background: url(../images/dotbg.gif) repeat-x bottom left;
  border: 0px;
}

#contentLeft a.menuItem:hover { 
  color: #0265a9;
  background:url(../images/dotbg.gif) repeat-x bottom left;
  border: 0px;
}

#contentLeft .menudot{margin-right:8px; border:0;}

#contentLeft a.menuItemon {
  display: block; 
  color:#0265a9; 
  text-decoration:none;
  padding: 3px 0 3px 8px;
  background: url(../images/dotbg.gif) repeat-x bottom left;
  border: 0px;
}

/*------------------------------------------------------------*
** Content
**------------------------------------------------------------*/

#top {/* -- bottom -- */
CLEAR: both; MARGIN-TOP: 0px; MARGIN-LEFT: auto; WIDTH: 950px; MARGIN-RIGHT: auto;
position:relative;
height:60px;
}

#top .logo {
float:left;
width:100%;
margin:4px 0 4px 3px;
text-align:left;}

.map { float:left;
width:100%; text-align:left; color:#246c9e; background:url(../images/pt_bg.gif) repeat-x; height:26px; line-height:31px; text-indent:14px;}
.map a{ color:#313b56;}

#top .logo_c {
position:absolute;
right:0;
top:8px;}



.contentmap { width:950px; display: block; text-align:left; height:26px; padding-left:20px; background:url(../images/pt_bg.gif) repeat-x; margin-left:auto;
margin-right:auto;}


#main {width:950px; text-align:left; background:url(../images/main_bg.gif) repeat-y; overflow:hidden;
margin-left:auto;margin-right:auto;}


#content{
  float: left;
  width: 690px;
  padding-bottom:15px;
  margin-left:5px;
  padding-top:10px;  }

#content a { text-decoration: none; color: #0066a9; border-bottom: 1px solid #0066a9; }
#content a:hover { border-bottom: 1px solid #9bd6fe; color: #9bd6fe; }

#content a.maplink { color:#0066a9; text-decoration:none; border:0;}
#content a.maplink:hover { color:#1895e8; text-decoration:none; border:0;}
#content a.maplink2 { color:#414141; text-decoration:none; border:0;}

#content h3 { 
font-size: 1.2em; 
color: #0066a9; 
margin: 0; 
cursor: default;
margin-bottom:16px;
margin-top:10px;
border-bottom:1px #CCCCCC solid;
display:block;}

#content p { margin-top: 5px; margin-bottom: 10px; text-indent: 3em; }
#content blockquote { 
	background: #f7fcff; 
	margin: 10px 0; 
	padding: 10px 20px;
	border-top: 1px solid #CEECDE;
	border-bottom: 1px solid #CEECDE;
	}
#content blockquote p { margin: 0; text-indent: 0; }	
#content ul li { list-style-image: url(../images/li_bullet.gif)	; }

/* -- Data Table -- */
#content .tb1 { width:98%; background:#dddddd; margin-top:5px; margin-bottom:5px; padding:2px;}
#content .tb1 th { background:#f7fcff; font-weight:bold;}

#content .sm { width:80%}

/* -- Image alignment classes -- */

.imgLeft, .imgRight {
  margin: 5px;
}

.imgLeft {
  float: left;
  margin-left: 0px;
  margin-right:30px;
}

.imgRight {
  float: right;
  margin-right: 0px;
  margin-left:30px;
}

.pic { border:4px #CCCCCC solid; margin:4px;}

 
.ad{ width:514px; height:343px; padding-left:4px; padding-top:3px;  background:url(../images/fla_bg.jpg) no-repeat;}
.tour { width:100px; padding:8px; margin-left:5px;}
a.tour { text-decoration:none; }


#demo1 {
float:left;
  width: 165px;
  margin-left:8px;
  margin-top:5px;
  margin-bottom: 5px;
  line-height:1.5em;
  
  }
#demo1 .header {
  display: block;
  clear: both;  
  font-weight: bold;
  font-size: 14px;
  padding-bottom:7px;
  color:#0265a9;
  background: url(../images/dotbg.gif) repeat-x bottom left;
  margin-top:10px;   
}

#demo1 .title {
  display: block;
  clear: both;  
  font-weight: bold;
  font-size: 12px;
  padding-bottom:7px;
  color:#fff;
  width:165px;
  height:21px;
  background: url(../images/lefttitle_bg.gif) no-repeat center left;
  text-align:center;
  line-height:21px;
  padding-top:5px;}


#demo1 a.menuItem {
  display: block; 
  color:#666; 
  text-decoration:none;
  padding: 3px 0 3px 8px;
  background: url(../images/dotbg.gif) repeat-x bottom left;
  border: 0px;
}

#demo1 a.menuItem:hover { 
  color: #0265a9;
  background:url(../images/dotbg.gif) repeat-x bottom left;
  border: 0px;
}

#demo1 .menudot{margin-right:8px; border:0;}

#demo1 a.menuItemon {
  display: block; 
  color:#0265a9; 
  text-decoration:none;
  padding: 3px 0 3px 8px;
  background: url(../images/dotbg.gif) repeat-x bottom left;
  border: 0px;
}

#demo1 ul,li,div{ list-style:none; margin:0; padding:0;}

#demo1 li{list-style-type:none;font-size:12px; padding-left:0px; margin-left:0px;}

/* -- Footer -- */

#bottom {/* -- bottom -- */
CLEAR: both; MARGIN-TOP: 2px; MARGIN-LEFT: auto; WIDTH: 950px; LINE-HEIGHT: 25px; MARGIN-RIGHT: auto; TEXT-ALIGN: center
}

#bottomlink {
  height: 28px;
  line-height: 28px;
  color: #777777;
  background: #f4f4f4;
  border-bottom:1px solid #dfdfdf;
  border-top:1px solid #dfdfdf;
  display:block;
  text-align:center;}

#bottomlink a {
  color: #777777;
  text-decoration:none;}

#bottomlink a:hover {
  color: #0066cc;
  text-decoration:underline;}

#footer {
  background: #fff;
  font-size: 10px;
  line-height: 36px;
  color: #000;
  background: #fff;
  font-family:Verdana;
  display:block;
  text-align:center;}

.btn{ color:#022161; height:22px; background-image:url(../images/btn_bg.gif); background-repeat:repeat-x; padding-top:2px; border:1px #a1a1a1 solid;}
.btn_n{ color:#022161; height:22px; background-image:url(../images/btn_n_bg.gif); background-repeat:repeat-x; padding-top:2px; border:1px #a1a1a1 solid;} /*btn for cancel etc.*/

.success{color: #398B0E; font-size: 16px;}
.notice {font-size: 14px}

#main_feedback {width:700px; text-align:left; margin-left:auto; margin-right:auto; margin-bottom:10px; margin-top:0px; }
.feedback { width:650px; margin-left:auto; margin-right:auto; margin-top:10px; line-height:1.8em;}
.feedback_tb { width:100%;}
.feedback_tb td { height:25px;}
.feedback_line { width:100%; display: block; text-align:left; height:26px; background:url(../images/pt_bg.gif) repeat-x;}

#main_feedback .h3 { font-weight:bold; color:#6f6f6f; line-height:2em; font-size:13px;}
#main_feedback .h4 { font-weight:bold; color:#6f6f6f; line-height:2em; font-size:12px;}
#main_feedback .h5 { color:#1789a5; line-height:2em; font-size:12px;}

.tb_wrap{ background-color:#f7f7f7; border:1px #e4e4e4 dashed; margin-right:20px; padding-left:10px; padding-right:10px; margin-top:10px; margin-bottom:10px;}
.feedback_tb_1 { width:99%; }
.feedback_tb_1 td { height:23px;}