/* ------------------------------------Global Style---------------------------------- */
body {font-family:Arial,Tahoma,Verdana; color:#000000; font-size:12px; margin:0 0 10px 0; padding: 0px; background:#ffffff; }
form,div,img{ margin:0; padding:0; border:0;}
fieldset { padding:0 10px 10px 10px; margin:0 0 10px 0; }
legend { font-size:16px; color:#000000; font-weight:bold;   padding:10px 5px 10px 5px; }
img{vertical-align:text-bottom; vertical-align:middle;}
input,select,textarea{font-family:Arial,Tahoma,Verdana; font-size:12px; font-weight:normal; font-style:normal; vertical-align:middle;}
ul{ margin-top:0; margin-right:0; margin-bottom:10px; margin-left:20px; padding:0; text-align:left;}
ol{ margin-top:0; margin-right:0; margin-bottom:10px; margin-left:20px; padding:0; text-align:left;}
li{ margin-bottom:5px; padding:0;}
li ul,ol{margin-top:5px; margin-right:0; margin-bottom:5px; margin-left:25px; padding:0; text-align:left;}
p{ padding:0; margin:0 0 10px 0;}
h1{padding:0; margin:0 0 10px 0; font-size:24px; color:#000000; font-family:Verdana; }
h2{ padding:0; margin:0 0 10px 0; font-size:18px; color:#000000; font-family:Verdana; }
h3{ padding:0; margin:0 0 10px 0; font-size:16px; color:#000000;  font-weight:bold;  }
h4{ padding:0; margin:0 0 10px 0; font-size:14.7px; color:#000000; font-weight:bold; font-family:Helvetica; }
hr { border-top:solid 1px #aca899; border-left:solid 1px #fff; border-right:solid 1px #fff;border-bottom:solid 1px #fff;}
a {color:#2680ba;} 
a:hover {color: #a00;}

/* Clear Float */
.clear:after {content:"."; display: block; height:0; clear:both; visibility:hidden;}
.clear {display: inline-block;}
* html .clear {zoom:1;}
.clear {display: block;}
    
/* -------------------------------General Structure Layout-------------------------------------- */
/* topbar style */
.topbar{ background:url(../images/topbar_bg.gif) repeat-x bottom; height:28px; line-height:28px;}
.btn-left{ float:left; margin-left:0px; border-right:1px solid #70AD13;}
.btn-left a{display:block !important; display:inline-block; background:url(../images/topbtn_bg.gif) repeat-x bottom; height:28px; line-height:28px; text-decoration:none; font-weight:bold;  color:#000; padding:0 10px 0 10px;}
.btn-left a:hover{ color:#000;  background:url(../images/topbtn_hover.gif) repeat-x bottom; }
.btn-right{ float:right; margin-left:0px; padding:5px;}
.path{float:right; font-weight:bold;  margin:0 5px;}
.path a{text-decoration:none; }
.path a:hover{text-decoration:underline; }

/* Box model style */
.box{ text-align:left; margin:0 10px; padding-top:10px; display:block !important; display:inline-block; position:relative;}
.box-half{ width:49.5%;}
.box-left{ margin-right:190px; text-align:left; vertical-align:top; display:block !important; display:inline-block;}
.box-right{ position:absolute; top:10px; right:0; width:180px; text-align:left; vertical-align:top;}
.box-left-2{ margin-right:250px; text-align:left; vertical-align:top; display:block !important; display:inline-block;}
.box-right-2{ position:absolute; top:10px; right:0; width:240px; text-align:left; vertical-align:top;}
.box-left-3{ margin-right:330px; text-align:left; vertical-align:top; display:block !important; display:inline-block;}
.box-right-3{ position:absolute; top:10px; right:0; width:320px; text-align:left; vertical-align:top;}

/* tab style */
.tab{ border-right:1px solid #eee; border-top:1px solid #eee; border-left:1px solid #eee; background:#fafafa; font-weight:bold;  text-align:right; position:relative;}
.tabtitle {float:left; position:relative; margin:-1px -1px -1px -1px; color:#517788; text-align:center; text-decoration:none; font-weight:bold;  padding:5px 10px 5px 10px; background:url(../images/tab_bg.gif); border-style:solid; border-color:#eee #ddd #ddd; border-width:1px; }
.tabtitle-active {float:left; position:relative; margin:-1px -1px -1px -1px; color:#000; text-align:center; text-decoration:none; font-weight:bold;   padding:5px 10px 5px 10px; background:url(../images/tab_active.gif); border-style:solid; border-width:1px; border-color:#ddd #ddd #fafafa; }
.tab-txt{ margin:5px; float:right;}
.tab-input{ margin:2px 5px; float:right;}

/* content model style */
.title{background:url(../images/title_bg.gif) repeat-x bottom;  font-weight:bold; border-right:1px solid #ddd; border-top:1px solid #ddd; border-left:1px solid #ddd; padding:5px; text-align:left; zoom:1;}
.subtitle{background:#fafafa; border-right:1px solid #ddd; border-top:1px solid #ddd; border-left:1px solid #ddd; font-weight:bold; padding:2px 5px; zoom:1;}
.content{background:#fff; padding:5px; border:1px solid #ddd; zoom:1;}

/* list model style */
.list{background:#fff; border:1px solid #ddd; zoom:1;}
.list-head td{ padding:0 5px; height:20px; border-bottom:1px solid #ddd; background:#fafafa; color:#999; font-weight:bold; }
.list-head td td{border-bottom:none;}
.list-head a{ color:#999;}
.list-head a:hover{ color:#333;}
.list-body td{padding:0 5px 0 5px; height:28px; border-bottom:1px dashed #ddd;}
.list-body td td{border-bottom:none;}
.light{}

/* form model style */
.form{background:#fff; padding:20px; border:1px solid #ddd; zoom:1;}
.form-txt{ background:#eee; padding:5px; vertical-align:top; white-space:nowrap; border-bottom:1px solid #fff;}
.form-input{background:#fafafa; padding:2px; vertical-align:top;  border-bottom:1px solid #fff;}
.input-date{ background:#fff url(../images/calendar.gif) right no-repeat; border:1px solid #7F9DB9; padding:2px 1px !important; padding:2px; cursor:pointer;}
.input-person{ background:#fff url(../images/search.gif) right no-repeat; border:1px solid #7F9DB9; padding:2px 1px !important; padding:2px; cursor:pointer;}
.input-mini{padding:0; height:12px; line-height:12px; width:20px;}
.btn{ background:url(../images/topbtn_bg.gif) repeat-x center; border:1px solid #ddd; cursor:pointer; font-weight:bold;  padding:0 5px; }
.btn-date{ background:url(../images/calendar.gif) right no-repeat; border-style:none; width:16px; height:16px; cursor:pointer;}
.option{ margin-left:150px; font-weight:bold;}
.hand{ cursor:pointer;}
.innerbox{ border:1px solid #ddd; background:#fff; float:left;}
.innertitle{ border:1px solid #ddd; background:#fff; padding:5px; }
.innerlist{ border-bottom:1px dashed #ddd; padding:0 5px;}

/* pagination style */
.pagination{ padding:3px 5px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align:center; background:#fafafa; }
.letter{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align:center; background:#fafafa;}
.letter a{color:#999; display:block !important; display:inline-block; float:left; width:20px; height:20px; text-align:center; line-height:20px; border-right:1px solid #eee; background:#fafafa; text-decoration:none;} 
.letter a:link {color: #2680ba; }
.letter a:visited {color: #2680ba;} 
.letter a:hover {color: #a00; } 
.letter a:active {color: #0000FF;}

/* button bar */
.btnbar{ padding:5px 0 10px 0; text-align:left;}

/*log*/
.txt_view{ color:#0000FF;}
.logValue{ color:#0000FF;}


/*  -------------------------------Specific Presentation-------------------------------------- */
/* form element width style */
.wid-text{ width:150px;}
.wid-select{ width:155px;}
.wid-text-1{ width:100px;}
.wid-text-2{ width:40px;}
.wid-text-s{ width:70px;}
.wid-select-s{ width:75px;}
.wid-text-m{ width:250px;}
.wid-select-m{ width:255px;}
.wid-text-l{ width:310px;}
.wid-select-l{ width:315px;}
.wid-text-xl{ width:460px;}

/* warning style */
.note{border: 1px solid #FFC30E; padding:2px 5px; background-color: #FFFBB8; text-align: left; color: #333; zoom:1; }
/* Failed Style */
.note-0{border: 1px solid #FF8080; padding:5px; background: #FFF2F2; text-align: left; color: #333; zoom:1; }
/* Successed Style */
.note-1{border: 1px solid #B0DF97; padding:5px; background: #F2FEE6; text-align: left; color: #333; zoom:1; }
/* Information Style */
.note-i{border: 1px solid #C8D9E8; padding:2px 5px; background: #F4F9FE; text-align: left; color: #333; zoom:1; }

/* float style */
.float-l{ float:left; font-size:12px; }
.float-r{ float:right; font-size:12px;}

/*margin style*/
.magT-10{ margin-top:10px;}
.magB-10{ margin-bottom:10px;}
.magB-5{ margin-bottom:5px;}

/*padding style*/
.pad-5{ padding:5px;}
.pad-10{ padding:10px;}
.pad-20{ padding:20px;}

/*text style*/
.txt-view{ color:#0000FF;}
.txt-info{ color:#1C5180;}
.txt-bold{ font-weight:bold; }
.txt-red{ color:#f00; font-weight:normal;}
.txt-blue{ color:blue; font-weight:normal;}
.txt-gray{color:gray; font-weight:normal;}
.txt-line{ line-height:150%;}

/* -------------------------------Print Style-------------------------------------- */
@media print  
{
    .noprint{display: none; }
    .noborder{ border:0px solid #fff;}      
             
}
    
.page-portrait{ width:470pt; background:#fff; font-size:9pt; font-family:Verdana; margin:0 auto; text-align:left; border:2px solid #999; page-break-after:always;}
.page-landscape{ width:960px; height:640px; background:#fff; font-size:12px; margin:0 auto; text-align:left;}
.p-h1{padding:0; margin:0 0 10pt 0; font-size:18pt; color:#000000;  }
.p-h2{ padding:0; margin:0 0 10pt 0; font-size:16pt; color:#000000; }
.p-h3{ padding:0; margin:0 0 10pt 0; font-size:12pt; color:#000000;  font-weight:bold; }
.p-h4{ padding:0; margin:0 0 10pt 0; font-size:10pt; color:#000000; font-weight:bold; }

/*  -------------------------------Special Page Style-------------------------------------- */
.column{ border:1px solid #ddd; background:#fff; }
.column-gray{ border:1px solid #ddd; background:#fafafa;}
.column-txt{ border:1px solid #ddd; background:#fff; line-height:125%; padding:10px;}
.column-btn a{display:block; background:#fff; border:1px solid #ddd; font-weight:bold;  padding:10px; margin-bottom:5px;}
.column-btn a:hover{ color:#000;  background:#fafafa; }

.home-btn {  float:left; margin:0 10px 10px 0; display:block !important; display:inline-block; text-decoration:none; font-weight:bold;  padding:5px 10px; white-space:nowrap; background:url(../images/title_bg.gif) repeat-x bottom; border:1px solid #eee; }
.home-title{ font-size:16px; font-weight:bold; margin-bottom:5px;}

.calendar{ border-left:1px solid #ddd; border-top:1px solid #ddd;}
.calendar-day{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:url(../images/title_bg.gif) repeat-x bottom; height:28px; line-height:28px; text-align:center; font-weight:bold; }
.calendar-date{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fafafa; height:20px; line-height:20px; text-align:center;}
.calendar-date a{ display:block; width:100%; text-decoration:none;}
.calendar-item{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;}
.calendar-item a{ display:block; text-decoration:none;  background:#fafafa; padding:2px 0; text-align:center; font-weight:bold; border-bottom:1px solid #ddd; }
.calendar-item div a{ display:inline-block; text-decoration:none; background:none; padding:2px 5px; text-align:left; font-weight:normal; border-bottom:none;}
.calendar-item div a:hover{ text-decoration:underline;}
.calendar-other{border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;}
.calendar-other div{ display:none;}
.calendar-other a{ display:none;}

.period{ border-left:1px solid #ddd; border-top:1px solid #ddd;}
.period-top{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f6f6f6; font-weight:bold; padding-top:2px; padding-bottom:2px; text-align:center;}
.period-left{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f6f6f6; font-weight:bold; padding-top:2px; padding-bottom:2px; text-align:center;}
.period-item{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff; vertical-align:top;}
.period-item div{ margin-bottom:5px;}

.len-input{ height:18px; border:0; padding:0; line-height:18px; border:1px solid #6d84b4; width:30px;}
.len-input2{ height:18px; border:0; padding:0; line-height:18px; background:#fafafa; width:315px;}
.sendoption{ margin:0 0 5px 20px; }
.sampleDiv{ font-size:12px; border:solid 1px #ddd; background:#fff; overflow:auto; overflow-x:hidden; height:170px;}
.sampleDiv span{ display:block; margin:1px; color:#000; padding:5px;  background:#fff; border:solid 1px #eee;text-decoration:none;text-align:left; cursor:pointer;}
.deliveryDiv {   
	          position:absolute;
              border: 1px solid #FFC30E; 
			  padding: 5px; 
              background: #FFFBB8; 
              text-align: left; 
              color: #9C7600; 
              font-size: 11px; 
              font-family: arial, sans-serif; 
              left:0;
              top:0;
           } 
           
.schoolyear{ background:#eee; border:1px solid #ddd; text-align:center; padding:5px;}
.semester{ background:#fafafa; border:1px solid #ddd; text-align:center; padding:5px; margin-top:-1px;}
.quarter{ float:left; clear:right; width:180px; background:#fff; border:1px solid #ddd; text-align:center; padding:5px; margin-top:-1px;}

.tiles-member{ float:left; width:270px; margin-bottom:10px; line-height:125%;}
.tiles-theme{ float:left; border:2px solid #999; padding:5px; background:#fff; margin:0 10px 10px 0;}
.tiles-seat{ float:left; width:120px; height:50px; line-height:125%; border:2px solid #999; padding:5px; background:#fff;}
.tiles-seat img{ margin-top:1px;}
.teacher-desk{ margin:0 auto; width:150px; background:#fafafa; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:10px 0; text-align:center; font-size:16px; color:#000000;  font-weight:bold; }

.node-tree{ margin-top:1px;}
.node-tree input{ padding:0; height:12px; line-height:12px; width:30px;}
.node-view{ padding-right:5px; display:none;}
.node-parent{ border:1px solid #eee; background:#fafafa; padding:5px;}
.node-child { margin-left:30px;}
.node-child .clear{ border-bottom:1px dashed #ddd; font-size:12px; padding:5px 0 5px 5px;}

.comments{ position:absolute; width:130px; top:16px; right:2px; display:none;}
.tag{ display:block; padding:5px 10px; float:left; background:#fff; border:1px solid #999; text-decoration:none; margin-top:10px;}
.quote{ position:relative; display:none; text-align:left;}
.quote div{ position:absolute;  width:350px; left:-350px; top:-18px; text-align:right;}
.quote input{ width:310px; font-size:11px; }
.definedMsg a { text-decoration:none; color:#000000;}