@import url(http://fonts.googleapis.com/css?family=Raleway|Source+Sans+Pro:300,400,600);

/* < Reset > */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: 'Montserrat', sans-serif; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0;	outline: 0;	padding: 0;	vertical-align: baseline;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { line-height: 1; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
a:link, a:visited, a:hover, a:active { color:#333;text-decoration:none; }
/* </ Reset >  */


body { color:#000;font-size:15px;margin:0px;padding:0px;font-family: 'Raleway','Source Sans Pro', sans-serif; }

/* 	body div { border:solid 1px silver; } */

.SHADOW, .PreImg
{ -webkit-box-shadow: #000 0px 0px 5px;-moz-box-shadow: #000 0px 0px 5px;-IE6-box-shadow: #000 0px 0px 5px;box-shadow: #000 0px 0px 5px; }

.BoxFrame { display:table;width:100%; }
.BGNONE { background-image:none !important; }
.FL { float:left; }
.FR { float:right; }
.FR2 { float:right;margin-right:0px !important;margin-left:20px !important; }
.PL20 { padding-left:20px; } 
.MB1 { margin-bottom:10px; }
.MB2 { margin-bottom:20px; }

.BTN, .GOBTN
{ font-size:14px;background:#36AA47;border:0px;color:#fff;padding:0px 10px 0px 10px;line-height:27px;font-family:'Source Sans Pro',sans-serif;margin-right:10px;cursor:pointer;text-decoration:none; }

.BDEL { background-color:#E25645; }
.BPRINT { background-color:#C144C8; }
.BBACK { background-color:#FEAA24; }
.BSAS { background-color:#4A8DF6; }
.BSAVE { width:100px; }
.BGO { background-color:#36AA47; }
.BNEW { background-color:#4A8DF6; }
.BSTMT { background-color:#C144C8; }

.TBS, .SEARCHTBS, .ROWSDDS, .STATUSDDS, .STATUSDDS2, .EDITORTBS, .FILETBS, .DATETBS, .LOGINTBS, .SIZETBS, .EDITORTBS2,.EDITORTBS3, .CGRYDDS
{ border:solid 1px #C0C0C0;font-size:14px;line-height:26px;height:26px;margin-right:20px;font-family: 'Raleway','Source Sans Pro', sans-serif;padding:0px 5px 0px 5px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.NBTN { font-size:12px;height:25px; }
.NBTN2 { font-size:10px;height:18px; }
.SEARCHTBS { width:380px;margin:0px 15px 0px 5px; }
.CGRYDDS { width:120px; }
.ROWSDDS { width:60px; }
.STATUSDDS { width:90px; }
.STATUSDDS2 { width:100%; }
.SAVEBTN { width:40px; }
.EDITORTBS { width:100%; }
.EDITORTBS2 { width:200px;margin-right:15px; }
.EDITORTBS3 { width:100px; }
.DATETBS { width:100px;margin-right:5px; }
.FILETBS { width:200px;padding:0px; }
.PRIIMG { max-width:600px;height:auto; }
.FILETBS::-webkit-file-upload-button { visibility: hidden; }
.FILETBS::before { content: 'Browse';display: inline-block;padding: 0px 8px;line-height:26px;cursor: pointer;font-size:14px; background:#2A80B9;color:#fff; }
.LOGINTBS { width:150px;line-height:18px;height:18px; }
.SIZETBS { width:40px;text-align:right;margin-right:5px; }
.CKBX { height:40px;line-height:38px;width:100%;border:0px;padding:0;font-size:14px;background-color:#fff;margin:5px 0px 0px 0px;  }
.CKBX td { height:30px;display:block;float:left;width:100%;background-color:#fafafa;line-height:26px;margin:0px 0px 10px 0px;border:solid 1px #ddd;border-left:solid 2px #4A8DF6; }
.CKBX td label { display:block; }
.CKBX input { float:left; height:15px;width:15px;margin:8px 10px 0px 10px; }
.CKBX input:checked {  }
.CKBX td:hover { background-color:#E5EEF8; }
.CKBX2 { line-height:36px;height:36px;margin:0px !important;padding:0px !important; }

.BR { background-color:#D84938; }
.BB { background-color:#2A80B9; }
.BY { background-color:#E48F07; }
.BP { background-color:#B133B8; }

.TBS 
{ background-color:#F6F6F6;padding:0px 10px 0px 10px;border:solid 1px #DDD;color:#333;line-height:26px;font-size:14px;font-family: 'Source Sans Pro', sans-serif;	margin:0px 10px 0px 5px;  }

.DDS 
{ background-color:#F6F6F6;padding:4px 10px 5px 10px;border:solid 1px #DDD;color:#333;line-height:26px;font-size:14px;font-family: 'Source Sans Pro', sans-serif;	margin:0px 10px 0px 5px;  }

.TBDT 
{ padding:0px 31px 0px 10px;border:solid 1px #DDD;color:#333;line-height:26px;font-size:14px;font-family: 'Source Sans Pro', sans-serif; margin:0px 10px 0px 5px;background:#F6F6F6 url('../images/basic/date-g.png') top right no-repeat;width:80px; }



.HIDE { display:none; } 

.TabLink { border-bottom:solid 1px #DADADA;width:100%;height:26px;padding:0px 0px 0px 30px;  }
.TabLink a, .TabLink Span { display:block;float:left;border:solid 1px #DADADA;line-height:26px;height:26px; padding:0px 20px 0px 20px;margin-right:10px;background-color:#fff; }
.TabLink a { cursor:pointer; }
.TabLink a:hover { border-bottom:0px;height:28px;border-top:solid 2px #4D8FDB;margin-top:-1px;color:#4D8FDB;font-weight:bold; }
.TabAct { border-bottom:0px !important;height:28px !important;border-top:solid 2px #4D8FDB !important;margin-top:-1px !important;color:#4D8FDB !important;font-weight:bold !important; }
.TabFrame  { display:table;width:100%;background-color:#fff;padding:20px 0px 20px 0px;border:solid 1px #DADADA;border-top:0px; }
.TabList  { display:table;width:100%;background-color:#fff;padding:20px 1% 20px 1%;border:solid 1px #DADADA;border-top:0px; }

/*  */ .TabFrame { display:none; }

.Welcome { color:Red;font-size:40px;text-align:center;padding-top:200px; }

.EditorCommon { text-align:left;line-height:16px;padding-bottom:10px;line-height:24px; }
.EditorCommon2 { text-align:left;margin-bottom:20px;line-height:26px;height:26px; }
.EditorLeft { float:left;width:15%;margin-bottom:10px;padding-right:20px;text-align:right;line-height:26px;height:26px;overflow:hidden;font-size:14px;color:#4d4d4d; }
.EditorRight { float:left;width:85%;padding-bottom:20px;  }
.EditorRight2 { float:left;width:85%;padding-bottom:20px;line-height:26px;min-height:46px; }
.EditorOff { display:none; }
.STAR::before { content:'* ';display:inline;color:#FF0000;font-weight:bold;font-size:16px; }

.BodyLeft { float:left;width:80%;padding:10px 20px 10px 20px; } 
.BodyRight { float:right;width:20%;border-left:dotted 1px #C0C0C0;padding:10px 20px 10px 20px; } 
.BodyCenter { float:left;width:100%;padding:10px 20px 10px 20px; } 


.HeadTopStyle { position:fixed;top:0px;left:0px;right:0px; width:100%;height:40px;text-align:left;background-color:#000;z-index:99999; }
.HeadLeftStyle { position:fixed;top:40px;left:0px;bottom:0px;width:150px; }
.HeadLogo { height:60px;background:url('../images/logo.png') 50% 50% no-repeat;border-bottom:solid 5px #D2D3D7;background-size:95%; }
.HeadMenu { float:left; height:40px;text-align:left;padding:0px 20px 0px 0px;font-size:14px; }
.HeadDate { float:right;margin:0px 20px 0px 0px;height:40px;font-weight:bold;text-align:right;color:#fff;line-height:40px; }
.HeadBtn { display:none;float:right; height:30px;text-align:left;padding:7px 20px 0px 0px;font-size:14px; }

.AdminLogo { display:block;margin:60px auto;max-width:400px; }
.AdminLoginFrame  { width:333px;height:302px;background-image:url('../images/login.png');background-repeat:no-repeat;margin:0px auto;text-align:left;color:#fff; }
.AdminLoginTop { height:120px; }
.AdminLoginLine { display:table;margin-top:5px; }
.AdminLoginLeft { float:left;width:120px;text-align:right;padding-right:10px;font-weight:bold;line-height:20px; }
.AdminLoginRight { float:left;width:150px;text-align:left;padding-bottom:4px; } 
.AdminLoginButton { height:25px;margin-top:15px;padding-left:215px; }
.AdminLoginError { padding:20px; }
.AdminFooter { position:fixed;left:0px;bottom:0px;right:0px;border-top:solid 1px #ccc;height:40px;background-color:#ddd;line-height:40px;text-align:center; }

.AdminFrame { display:table;width:100%;text-align:left;padding:130px 30px 0 180px; }
.AdminError { color:#ff0000;float:right;padding:0px;margin:0px;font-size:13px;font-weight:bold; }

.UserPanel { display:table;width:100%;padding:0px 0px 10px 0px;line-height:50px;margin-bottom:10px; }

.PagingStyle { float:right;text-align:right;padding:11px 0 0 0; }
#PBTNBACK, #PBTNNEXT, #PNO { float:left;width:30px;border:solid 1px #ddd;text-align:center;text-decoration:none;line-height:28px;font-weight:bold;color:#357AC5;background:#F6F6F6;margin-left:5px; }
#PBTNBACK, #PBTNNEXT { line-height:20px;padding:3px 0px 5px 0px; }
#PNO { width:40px;border:solid 1px #ddd;line-height:26px; }



.RecordTitle  { display:table;width:100%;text-align:left;padding:0px;height:36px;overflow:hidden;border:solid 1px #DADADA;background-color:#e2eff4;  }
.RecordTitle div { float:left;margin-right:5px;padding-left:5px;text-align:left;line-height:36px;color:#000;border-right:solid 1px #DADADA;font-size:15px;height:36px;overflow:hidden;  }
.RecordTitle div:last-child { border-right:none; }
 
.RecordList { width:100%;text-align:left;padding:0px;margin:0 0 30px 0;border-collapse:collapse;  }
.RecordList a { display:block;text-decoration:none;height:50px;border:solid 1px #dfdfdf;border-top:0px;margin:0px;line-height:50px;width:100%;font-size:14px;  }
.RecordList a:hover { background-color:#e2eff4 !important;  }
.RecordList a:nth-child(even) { background-color:#f9f9f9;  }
.RecordList div { float:left;margin-right:5px;padding-left:5px;overflow:hidden;height:50px;text-align:left;border-right:solid 1px #DADADA;font-size:15px;font-family:'Source Sans Pro', sans-serif;  }
.RecordList div:last-child { border-right:none; }
.RecordList p { margin:0px;padding:0px; }

.RecordEditor { display:table;width:100%;text-align:left;padding:0px;margin:0px; }

.TextStyle { width:100%;height:auto;border:solid 1px #ddd;padding:20px;margin:0;text-align:left;line-height:22px; }
.TextStyle a { color:#039BE5;text-decoration:underline;line-height:22px; }
.BodyLeft2 { float:left;width:70%;padding:10px 10px 10px 10px; } 
.BodyRight2 { float:right;width:30%;padding:10px 0px 10px 10px; } 

.SubBlock { float:left; }

.StudentLeft1 { float:left;width:140px;margin-top:10px;padding-right:10px;text-align:right; }
.StudentRight1 { float:left;width:790px;margin-top:10px; }

.StudentLeft2 { float:left;width:140px;margin-top:10px;padding-right:10px;text-align:right; }
.StudentRight2 { float:left;width:460px;margin-top:10px;font-weight:bold; }

.MainSubFrame { width:960px;display:table; }
.SubLeftFrame { float:left;width:700px;border-right:dotted 1px #2E4C6F;padding:0px 10px 0px 0px; }
.SubRightFrame { float:right;width:240px; }
.FormFrame { display:table;width:100%;padding:10px 0px 10px 0px;color:#000;font-size:11px;background-color:#fff;margin-bottom:10px; }
.FormFrame2 { padding:10px 0px 10px 0px;color:#000;font-weight:bold;border-bottom:dotted 1px #2E4C6F;border-top:dotted 1px #2E4C6F;margin-top:20px;font-size:11px; }
.FormFrame3 { padding:10px 0px 10px 210px;color:#000;font-size:11px; }
.FormLeft { float:left;width:190px;text-align:right;padding:3px 5px 0px 0px; }
.FormRight { float:right;width:500px; }
.FormTextBox { border:0px;background-color:#ddd;color:#000;padding:2px;margin-left:10px;width:475px;font-size:12px; }
.FTB2 { border:0px;background-color:#ddd;color:#000;padding:2px;width:85%;margin-bottom:10px;font-size:12px; }
.FormBreak { border-bottom:dotted 1px #2E4C6F; }
.FormFrame a { color:#000;text-decoration:underline; }
.PhotoPreview { background:#ddd url() 50% 50% no-repeat;height:200px;display:table-cell;vertical-align:middle;width:180px;color:#000;text-align:center;margin-left:20px; }
.PreImg { float:right;margin:0 10px 0 0;border:solid 5px #fff !important;width:100px;height:auto; }

.FormBtn { border:solid 1px #D3D5D7;background:#F7F8F8 url(../images/basic/btnshade.jpg) 0px 2px repeat-x; }
.FormBtn:hover { background:#F7F8F8 url(../images/basic/btnshade2.jpg) 0px 0px repeat-x; }
.BrowseStyle { width:220px;height:22px;background-color:#ddd;border:0px;color:#000; } 

.calendar { margin-bottom:20px; }
.calendar tr {padding:5px;}
.calendar a,th  { line-height:30px !important;text-decoration:none !important; }
.calendar table  { border:solid 10px #cd0321 !important;margin-bottom:0px; }

.Blink, .AdminError 
{ -webkit-animation: blink 1.5s linear 2; -moz-animation: blink 1.5s linear 2; -ms-animation: blink 1.5s linear 2; -o-animation: blink 1.5s linear 2; animation: blink 1.5s linear 2; }
@-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; } }
@-moz-keyframes blink { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; } }
@-ms-keyframes blink { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; } }
@keyframes blink { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; } }
@-o-keyframes blink { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; } }