/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ @font-face{ font-family: 'LeagueGothic'; src: url('../fonts/League_Gothic-webfont.eot'); src: url('../fonts/League_Gothic-webfont.eot?#iefix') format('eot'), url('../fonts/League_Gothic-webfont.woff') format('woff'), url('../fonts/League_Gothic-webfont.ttf') format('truetype'), url('../fonts/League_Gothic-webfont.svg#webfontFHzvtkso') format('svg'); font-weight: bold; font-style: normal; } @font-face{ font-family: 'AcknowledgementMedium'; src: url('fonts/Acknowledgement-webfont.eot'); src: url('fonts/Acknowledgement-webfont.eot?#iefix') format('eot'), url('fonts/Acknowledgement-webfont.woff') format('woff'), url('fonts/Acknowledgement-webfont.ttf') format('truetype'), url('.fonts/Acknowledgement-webfont.svg#webfontuCYqM11k') format('svg'); font-weight: normal; font-style: normal; } html{ height: 100%; } body{ margin: 10px 10px 10px 10px; height: 100%; color: #000000; font-size: 12px; font-family: Times, "Times New Roman", serif; } /*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*-ทำให้เว็บเป็นขาวดำ-*/ /*img { filter: progidXImageTransform.Microsoft.BasicImage(grayscale=1); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } html { filter: progidXImageTransform.Microsoft.BasicImage(grayscale=1); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }*/ /*-ทำให้เว็บเป็นขาวดำ-*/ /*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*ริบบิ้น*/ .black-ribbon { position: fixed; z-index: 9999999999999999999999999999; width:70px; display:none; } @media only all and (min-width: 768px) { .black-ribbon { width: auto; } } .stick-left { left: 0; } .stick-right { right: 0; } .stick-top { top: 0; } .stick-bottom { bottom: 0; } /* */ /*ริบบิ้น*/ /*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ a:link{ color: #008000; text-decoration: none; font-size: 12px; font-weight:bold; font-family: Times, "Times New Roman", serif; } a:visited{ color: #247CBD; text-decoration: none; font-size: 12px; font-weight:bold; font-family: Times, "Times New Roman", serif; } a:hover{ color: #80a9da; text-decoration: none; font-size: 12px; font-weight:bold; font-family: Times, "Times New Roman", serif; } a:active{ color: #fecc5f; text-decoration: none; font-size: 12px; font-weight:bold; font-family: Times, "Times New Roman", serif; } b,font,td,span,div,body.textarea,input,select{ font-family: Times, "Times New Roman", serif; font-size: 12px; } FIELDSET{ text-align:left; padding-top:3px; padding-bottom:3px; color:#000000; font-weight: bold; background:#ffffff; border: 1px #d5d5d5 solid; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 5px 5px 20px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 5px 5px 20px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 5px 5px 20px rgba(0,0,0,0.2); -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; clear:both; margin:auto; overflow:show; } .table_main{ padding: 100px; text-align: center; width:780px; border:0; } .table_head{ text-align:center; font-weight: bold; background:#80a9da; background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1)); background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:linear-gradient(top, #80a9da 0%, #6f97c5 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); border:1px solid #80a9da; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); color:#ffffff; clear:both; overflow:hidden; } .table_head2{ text-align:center; font-weight: bold; background:#5151a4; background:-webkit-gradient(linear,left top,left bottom,color-stop(#5151a4,0),color-stop(#46468c,1)); background:-webkit-linear-gradient(top, #5151a4 0%, #46468c 100%); background:-moz-linear-gradient(top, #5151a4 0%, #46468c 100%); background:-o-linear-gradient(top, #5151a4 0%, #46468c 100%); background:linear-gradient(top, #5151a4 0%, #46468c 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5151a4', endColorstr='#46468c',GradientType=0 ); border:1px solid #5151a4; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); color:#ffffff; clear:both; overflow:hidden; } .table_border{ border-style:solid; border-color:#d5d5d5; border-width:1px; background-color:#ffffff; } .table_td{ border-style:solid; border-color:#d5d5d5; border-width:1px; background-color:#ffffff; } #table_line{ border-collapse:collapse; border-style:solid; border:1px; } .table_top{ font-weight: bold; border-style: solid; border-color:#97b9e1; border-collapse:collapse; } .table_top2{ font-weight: bold; border-style: solid; border-color:#97b9e1; border-collapse:separate; } .table_left{ padding-right:5px; text-align: right; font-weight: bold; background:#80a9da; background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1)); background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:linear-gradient(top, #80a9da 0%, #6f97c5 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); border:1px solid #80a9da; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); color:#ffffff; text-shadow:0px -1px 1px #5d81ab; clear:both; margin:0px; overflow:hidden; } .table_right{ padding-left:5px; text-align: left; background-color: #FFFFFF; border-top:0px; border-right:0px; border-bottom:0px; border-left:0px; } .table_center { text-align: center; background-color: #FFFFFF; border-top:0px; border-right:0px; border-bottom:0px; border-left:0px; } /* tabs css start*/ ul#topnav { margin:0 0 100px; padding: 0 0 0 12px; list-style: none; border: none; position: absolute; } .topnav { height:18; width:100; color:#444; text-decoration:none; background: url(/css/chromebg.gif) repeat-x center;; margin:0; padding: 0.2em 2.4em 0.2em 36px; border-right: 1px solid #aaa; font: bold 12px Times, "Times New Roman", serif; } .topnav:hover { background: url(/css/chromebg-green.gif) repeat-x center; } .navhere { height:18; width:100; color:#000000; text-decoration:none; background: url(/css/chromebg-blue.gif) repeat-x center; margin:0; padding: 0.2em 2.4em 0.2em 36px; border-right: 1px solid #aaa; font: bold 12px Times, "Times New Roman", serif; } /* tabs css end*/ .frmbtn { background-color: #10A996; } .tbcop{ background-image: url(../neoimg/input_bg.png); background-repeat: no-repeat; font-family: Times, "Times New Roman", serif; height: 24px; font-size: 16px; background-color: #CEFFFF; border: #003366; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px } .headsepper_table { margin:0; margin-top:0; border-color: #304454; border-width: 1px; border-style: solid; } .umnhead { background-image:url(titlebar.png); background-position: center; font-size: 14; color: white; background-color: black; font-weight: bolder; padding-left: 10 } .umnsub { height: 22; color: black; background-color: #F4F4F4; font-weight: bold; padding-left: 13; border-color: #9D9D9D; border-style: solid; border-width: 0px; border-bottom-width: 1px; } .umnsub a { font-size: 12; color: black; } .umnhead font { font-size: 12; color: white; } #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../neoimg/images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../neoimg/images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../neoimg/images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /* Min-Width */ .lbWidth { /* most browsers */ position: absolute; top: 0px; left: 0px; width: 100%; min-width: 790px; } * html .lbContent { /* IE6 */ margin-left: -790px; position:relative; } * html .lbMinWidth { /* IE6 */ padding-left: 790px; } /* Clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ #FixFormTableListerDelDataBNT{ font-family: Times, "Times New Roman", serif; cursor:pointer; height: 25px; font-size: 12px; background-color: #ff7777; border: #ff0000; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px padding-top:3px; padding-bottom:3px; font-weight: bold; color:#ffffff; text-shadow:0px 0px 0px #000000; background:#ff7777; background:-webkit-gradient(linear,left top,left bottom,color-stop(#ff7777,0),color-stop(#ff0d0d,1)); background:-webkit-linear-gradient(top, #ff7777 0%, #ff0d0d 100%); background:-moz-linear-gradient(top, #ff7777 0%, #ff0d0d 100%); background:-o-linear-gradient(top, #ff7777 0%, #ff0d0d 100%); background:linear-gradient(top, #ff7777 0%, #ff0d0d 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7777', endColorstr='#ff0d0d',GradientType=0 ); /*position:relative;*/ border:1px solid #ff7777; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; clear:both; margin:0px; overflow:hidden; } #FixFormTableListerSubmitDataBNT{ font-family: Times, "Times New Roman", serif; cursor:pointer; height: 25px; font-size: 12px; background-color: #FFFFFF; border: #e9e9e9; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px padding-top:3px; padding-bottom:3px; color:#ffffff; text-shadow:0px -1px 1px #00bf00; font-weight: bold; background:#00c600; background:-webkit-gradient(linear,left top,left bottom,color-stop(#00c600,0),color-stop(#00b700,1)); background:-webkit-linear-gradient(top, #00c600 0%, #00b700 100%); background:-moz-linear-gradient(top, #00c600 0%, #00b700 100%); background:-o-linear-gradient(top, #00c600 0%, #00b700 100%); background:linear-gradient(top, #00c600 0%, #00b700 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c600', endColorstr='#00b700',GradientType=0 ); /*position:relative;*/ border:1px solid #00c600; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; clear:both; margin:0px; overflow:hidden; } #FixFormTableListerEditDataBNT{ font-family: Times, "Times New Roman", serif; cursor:pointer; height: 25px; font-size: 12px; background-color: #ffb56a; border: #ff8000; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px padding-top:3px; padding-bottom:3px; font-weight: bold; color:#ffffff; text-shadow:0px 0px 0px #000000; background:#ffb56a; background:-webkit-gradient(linear,left top,left bottom,color-stop(#ffb56a,0),color-stop(#f97c00,1)); background:-webkit-linear-gradient(top, #ffb56a 0%, #f97c00 100%); background:-moz-linear-gradient(top, #ffb56a 0%, #f97c00 100%); background:-o-linear-gradient(top, #ffb56a 0%, #f97c00 100%); background:linear-gradient(top, #ffb56a 0%, #f97c00 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb56a', endColorstr='#f97c00',GradientType=0 ); /*position:relative;*/ border:1px solid #ffb56a; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; clear:both; margin:0px; overflow:hidden; } #IDCancelFixform_Schoolforweb{ font-family: Times, "Times New Roman", serif; cursor:pointer; height: 25px; font-size: 12px; background-color: #ff7777; border: #ff0000; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px padding-top:3px; padding-bottom:3px; font-weight: bold; color:#ffffff; text-shadow:0px 0px 0px #000000; background:#ff7777; background:-webkit-gradient(linear,left top,left bottom,color-stop(#ff7777,0),color-stop(#ff0d0d,1)); background:-webkit-linear-gradient(top, #ff7777 0%, #ff0d0d 100%); background:-moz-linear-gradient(top, #ff7777 0%, #ff0d0d 100%); background:-o-linear-gradient(top, #ff7777 0%, #ff0d0d 100%); background:linear-gradient(top, #ff7777 0%, #ff0d0d 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7777', endColorstr='#ff0d0d',GradientType=0 ); /*position:relative;*/ border:1px solid #ff7777; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; clear:both; margin:0px; overflow:hidden; } #IDBackFixform_Schoolforweb{ font-family: Times, "Times New Roman", serif; cursor:pointer; height: 25px; font-size: 12px; background-color: #ffb56a; border: #ff8000; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px padding-top:3px; padding-bottom:3px; font-weight: bold; color:#ffffff; text-shadow:0px 0px 0px #000000; background:#ffb56a; background:-webkit-gradient(linear,left top,left bottom,color-stop(#ffb56a,0),color-stop(#f97c00,1)); background:-webkit-linear-gradient(top, #ffb56a 0%, #f97c00 100%); background:-moz-linear-gradient(top, #ffb56a 0%, #f97c00 100%); background:-o-linear-gradient(top, #ffb56a 0%, #f97c00 100%); background:linear-gradient(top, #ffb56a 0%, #f97c00 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb56a', endColorstr='#f97c00',GradientType=0 ); /*position:relative;*/ border:1px solid #ffb56a; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; clear:both; margin:0px; overflow:hidden; } input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,button:hover,#IDBackFixform_Schoolforweb:hover,#IDCancelFixform_Schoolforweb:hover,#FixFormTableListerEditDataBNT:hover,#FixFormTableListerDelDataBNT:hover,#FixFormTableListerSubmitDataBNT:hover,#IDMasButtonBlue:hover,#IDMasButtonRed:hover,#IDMasButtonOrange:hover,#IDMasButtonGray:hover,#IDMasButtonPurple:hover,#IDMasButtonYellow:hover,#IDMasButtonPrint:hover,#IDMasButtonLightBlue:hover,#IDMasButtonBrown:hover{ cursor:pointer; font-family: Times, "Times New Roman", serif; height: 25px; font-size: 12px; background-color: #FFFFFF; border: #e9e9e9; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px padding-top:3px; padding-bottom:3px; color:#ffffff; text-shadow:0px -1px 1px #5d81ab; font-weight: bold; background:#80a9da; background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1)); background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:linear-gradient(top, #80a9da 0%, #6f97c5 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); position:relative; border:1px solid #80a9da; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; clear:both; margin:0px; overflow:hidden; } input[type="reset"]{ font-family: Times, "Times New Roman", serif; cursor:pointer; height: 25px; font-size: 12px; background-color: #ff7777; border: #ff0000; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px padding-top:3px; padding-bottom:3px; font-weight: bold; color:#ffffff; text-shadow:0px 0px 0px #000000; background:#ff7777; background:-webkit-gradient(linear,left top,left bottom,color-stop(#ff7777,0),color-stop(#ff0d0d,1)); background:-webkit-linear-gradient(top, #ff7777 0%, #ff0d0d 100%); background:-moz-linear-gradient(top, #ff7777 0%, #ff0d0d 100%); background:-o-linear-gradient(top, #ff7777 0%, #ff0d0d 100%); background:linear-gradient(top, #ff7777 0%, #ff0d0d 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7777', endColorstr='#ff0d0d',GradientType=0 ); /*position:relative;*/ border:1px solid #ff7777; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; clear:both; margin:0px; overflow:hidden; } input[type="submit"],input[type="button"],button{ font-family: Times, "Times New Roman", serif; cursor:pointer; height: 25px; font-size: 12px; background-color: #FFFFFF; border: #e9e9e9; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px padding-top:3px; padding-bottom:3px; color:#ffffff; text-shadow:0px -1px 1px #00bf00; font-weight: bold; background:#00c600; background:-webkit-gradient(linear,left top,left bottom,color-stop(#00c600,0),color-stop(#00b700,1)); background:-webkit-linear-gradient(top, #00c600 0%, #00b700 100%); background:-moz-linear-gradient(top, #00c600 0%, #00b700 100%); background:-o-linear-gradient(top, #00c600 0%, #00b700 100%); background:linear-gradient(top, #00c600 0%, #00b700 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c600', endColorstr='#00b700',GradientType=0 ); /*position:relative;*/ border:1px solid #00c600; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; clear:both; margin:0px; overflow:hidden; } input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active,button:active,#IDMasButtonBlue:active,#IDMasButtonRed:active,#IDMasButtonOrange:active,#IDMasButtonGray:active,#IDMasButtonPurple:active,#IDMasButtonYellow:active,#IDMasButtonPrint:active,#IDMasButtonLightBlue:active,#IDMasButtonBrown:active{ font-family: Times, "Times New Roman", serif; cursor:pointer; height: 25px; font-size: 12px; background-color: #FFFFFF; border: #e9e9e9; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; padding-top:3px; padding-bottom:3px; color:#ffffff; text-shadow:0px -1px 1px #fedd9b; font-weight: bold; background:#fecc5f; background:-webkit-gradient(linear,left top,left bottom,color-stop(#fecc5f,0),color-stop(#febb4a,1)); background:-webkit-linear-gradient(top, #fecc5f 0%, #febb4a 100%); background:-moz-linear-gradient(top, #fecc5f 0%, #febb4a 100%); background:-o-linear-gradient(top, #fecc5f 0%, #febb4a 100%); background:linear-gradient(top, #fecc5f 0%, #febb4a 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecc5f', endColorstr='#febb4a',GradientType=0 ); position:relative; border:1px solid #fecc5f; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; clear:both; margin:0px; overflow:hidden; } input[type="text"],input[type="password"],input[type="number"],input[type="color"],input[type="email"],input[type="range"]{ font-family: Times, "Times New Roman", serif; height: 17px; font-size: 12px; background-color: #FFFFFF; border:solid 1px #d5d5d5; border-collapse:separate; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); } input[type="search"]{ font-family: Times, "Times New Roman", serif; height: 20px; font-size: 12px; background-color: #FFFFFF; border:solid 1px #d5d5d5; border-collapse:separate; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); } input[type="text"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="search"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="datetime"]:focus,input[type="tel"]:focus,input[type="url"]:focus,textarea:focus{ background-color:#ffffbb; } input[type="date"],input[type="month"],input[type="time"],input[type="week"]{ font-family: Times, "Times New Roman", serif; height: 18px; font-size: 12px; background-color: #FFFFFF; border:solid 1px #d5d5d5; border-collapse:separate; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); } input[type="datetime"],input[type="tel"],input[type="url"]{ font-family: Times, "Times New Roman", serif; height: 16px; font-size: 12px; background-color: #FFFFFF; border:solid 1px #d5d5d5; border-collapse:separate; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); } input[type="radio"],input[type="checkbox"]{ height:15px; width:15px; cursor:pointer; } select { font-family: Times, "Times New Roman", serif; height: 20px; font-size: 12px; background-color: #FFFFFF; border:solid 1px #d5d5d5; border-collapse:separate; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); } textarea { font-family: Times, "Times New Roman", serif; font-size: 12px; background-color: #FFFFFF; border:solid 1px #d5d5d5; border-collapse:separate; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); } input[type="text"]:disabled,input[type="password"]:disabled,input[type="number"]:disabled,input[type="color"]:disabled,input[type="email"]:disabled,input[type="range"]:disabled,input[type="search"]:disabled,input[type="date"]:disabled,input[type="month"]:disabled,input[type="time"]:disabled,input[type="week"]:disabled,input[type="datetime"]:disabled,input[type="tel"]:disabled,input[type="url"]:disabled,input[type="radio"]:disabled,input[type="checkbox"]:disabled,textarea:disabled,select:disabled{ background-color:#f2f2f2; } .mbtn { background-color: #B9C6FF; border: 1px #0033FF solid; font-family: Times, "Times New Roman", serif; color: #333333; font-weight: bold; } .mnhead { text-align: center; color: #25323F; background-color: #CDD5E0; font-weight: bold; } .tb { font-family: Times, "Times New Roman", serif; font-size: 28px; color: #FFFFFF; font-weight: 700; } .tbs { font-family: Times, "Times New Roman", serif; font-size: 18px; color: #FFFFFF; font-weight: 700; } .stupid { font-family: Times, "Times New Roman", serif; font-size: 16px; } .stupidmenu { font-family: Times, "Times New Roman", serif; font-size: 20px; font-weight: bold; } .stupidb { font-family: Times, "Times New Roman", serif; font-size: 16px; font-weight: bold; } .ts { } .checkbox { BORDER-RIGHT: #99ccff 0px groove; BORDER-TOP: #99ccff 0px groove; BORDER-LEFT: #99ccff 0px groove; BORDER-BOTTOM: #99ccff 0px groove } .frmbtn { background-color: #E7EBF1; } .baradmin1 { background-color:#0D5780; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #09304D; border-right-color: #000000; border-bottom-color: #76D3F8; border-left-color: #000000; filter : glow(color = 93bee2, Strength=2, positive=true); } .baradmintxt { font-family: Times, "Times New Roman", serif; font-size: 20px; font-weight: bold; } .alpha30 { background-image: url(/neoimg/alpha30.png); } .alpha50 { background-image: url(/neoimg/alpha30.gif); } .alpha70 { background-image: url(/neoimg/alpha70.png); } .mediabox { background-color: ; border-color: #304454; border-width: 1px; border-style: solid; border-left-width: 1px; border-top-width: 0px; border-bottom-width: 1px; padding-top: 4px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; margin-bottom: 5; background-image: url(../neoimg/fadedownbody.png); background-repeat: repeat-x; } .headsepper_td { font-weight: bold; padding-right: 0; background-color: #DFEAF4; font-size: 18px; color: white; padding: 5 5 5 5; padding-left: 0; background-image: url(../neoimg/sepperbg.png); background-repeat: repeat; } /** rounded corners **/ div#toolbar-box { background: #f7f7f7; } div#element-box { background: #fff; } div#element-box div.section-box div.m { background: #fbfbfb; } div.t, div.b { height: 6px; padding: 0; margin: 0; overflow: hidden; } div.m { border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0 8px; } div#toolbar-box div.m { padding: 0; } div#element-box div.m { padding: 5px 10px; } div#submenu-box div.t { background: url(../neoimg/images/j_border.png) 0 0 repeat-x; } div#submenu-box div.t div.t { background: url(../neoimg/images/j_crn_tr_dark.png) 100% 0 no-repeat; } div#submenu-box div.t div.t div.t { background: url(../neoimg/images/j_crn_tl_dark.png) 0 0 no-repeat; } div#submenu-box div.b { background: url(../neoimg/images/j_border.png) 0 100% repeat-x; } div#submenu-box div.b div.b { background: url(../neoimg/images/j_crn_br_dark.png) 100% 0 no-repeat; } div#submenu-box div.b div.b div.b { background: url(../neoimg/images/j_crn_bl_dark.png) 0 0 no-repeat; } div#toolbar-box, div#element-box div.section-box { background: #fbfbfb; } div#toolbar-box div.t, div#element-box div.section-box div.t { background: url(../neoimg/images/j_border.png) 0 0 repeat-x; } div#toolbar-box div.t div.t, div#element-box div.section-box div.t div.t { background: url(../neoimg/images/j_crn_tr_med.png) 100% 0 no-repeat; } div#toolbar-box div.t div.t div.t, div#element-box div.section-box div.t div.t div.t { background: url(../neoimg/images/j_crn_tl_med.png) 0 0 no-repeat; } div#toolbar-box div.b, div#element-box div.section-box div.b { background: url(../neoimg/images/j_border.png) 0 100% repeat-x; } div#toolbar-box div.b div.b, div#element-box div.section-box div.b div.b { background: url(../neoimg/images/j_crn_br_med.png) 100% 0 no-repeat; } div#toolbar-box div.b div.b div.b, div#element-box div.section-box div.b div.b div.b { background: url(../neoimg/images/j_crn_bl_med.png) 0 0 no-repeat; } div#element-box div.t { background: url(../neoimg/images/j_border.png) 0 0 repeat-x; } div#element-box div.t div.t { background: url(../neoimg/images/j_crn_tr_light.png) 100% 0 no-repeat; } div#element-box div.t div.t div.t { background: url(../neoimg/images/j_crn_tl_light.png) 0 0 no-repeat; } div#element-box div.b { background: url(../neoimg/images/j_border.png) 0 100% repeat-x; } div#element-box div.b div.b { background: url(../neoimg/images/j_crn_br_light.png) 100% 0 no-repeat; } div#element-box div.b div.b div.b { background: url(../neoimg/images/j_crn_bl_light.png) 0 0 no-repeat; } .clr { clear: both; overflow:hidden; height: 0; } #border-top.h_green { background: url(../neoimg/images/h_green/j_header_middle.png) repeat-x; } #border-top.h_green div { background: url(../neoimg/images/h_green/j_header_right.png) 100% 0 no-repeat;-webkit-border-radius:10px 10px 0px 0px;-moz-border-radius:10px 10px 0px 0px;border-radius:10px 10px 0px 0px; } #border-top.h_green div div { background: url(../neoimg/images/h_green/j_header_left_rtl.png) no-repeat; height: 54px;-webkit-border-radius:10px 10px 0px 0px;-moz-border-radius:10px 10px 0px 0px;border-radius:10px 10px 0px 0px; } #border-top .version { display: block; float: right; color: #fff; padding: 25px 5px 0 0; } #border-top .title { font-size: 22px; font-weight: bold; color: #fff; line-height: 44px; padding-left: 0px; padding-top: 0px; } /* pane-sliders */ .pane-sliders .title { margin: 0; padding: 2px; color: #666; cursor: pointer; } .pane-sliders .panel { border: 1px solid #ccc; margin-bottom: 3px;} .pane-sliders .panel h3 { background: #f6f6f6; color: #666} .pane-sliders .content { background: #f6f6f6; } .pane-sliders .adminlist { border: 0 none; } .pane-sliders .adminlist td { border: 0 none; } .jpane-toggler span { background: transparent url(../images/j_arrow.png) 5px 50% no-repeat; padding-left: 20px;} .jpane-toggler-down span { background: transparent url(../images/j_arrow_down.png) 5px 50% no-repeat; padding-left: 20px;} .jpane-toggler-down { border-bottom: 1px solid #ccc; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ div#test-accordion{ border: 1px solid #d5d5d5; background: #d8d8d8; color: #666; } div.accordion { position: relative; /* required for bounding */ } div.accordion-toggle{ position: relative; /* required for effect */ z-index: 100; /* required for effect */ color:#0a0a0a; cursor: pointer; padding:0px 0px 0px 0px; font-weight: bold; background-color:#e1e1e1; background: transparent url(../neoimg/j_arrow.png) 5px 50% no-repeat; padding-left: 20px; /*border-top:1px solid #5d5852; */ } div.accordion-toggle:hover, div.accordion-toggle-active{ font-weight: bold; background-color:#e1e1e1; background: transparent url(../neoimg/j_arrow_down.png) 5px 50% no-repeat; padding-left: 20px; /*border-top:1px solid #5d5852; */ } div.accordion-content{ overflow: hidden; /* required for effect */ background: #f5f5f5; padding:2px 2px 2px 2px; color:#000000; text-align:left; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ div#test-accordion_news{ border: 1px solid #FFFFFF; background: #FFFFFF; color: #666; } div.accordion-toggle_news{ position: relative; /* required for effect */ z-index: 100; /* required for effect */ color:#0a0a0a; cursor: pointer; padding:0px 0px 0px 0px; font-weight: bold; background-color:#e1e1e1; background: transparent url(../neoimg/j_arrow.png) 5px 50% no-repeat; padding-left: 20px; /*border-top:1px solid #5d5852; */ } div.accordion-toggle:hover_news, div.accordion-toggle-active_news{ font-weight: bold; background-color:#e1e1e1; background: transparent url(../neoimg/j_arrow_down.png) 5px 50% no-repeat; padding-left: 20px; /*border-top:1px solid #5d5852; */ } div.accordion-content_news{ overflow: hidden; /* required for effect */ background: #f5f5f5; padding:2px 2px 2px 2px; color:#000000; text-align:left; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ div#test-accordion_routine{ border: 1px solid #d5d5d5; background: #d8d8d8; color: #666; } div.accordion_routine { position: relative; /* required for bounding */ } div.accordion-toggle_routine{ position: relative; /* required for effect */ z-index: 100; /* required for effect */ color:#0a0a0a; cursor: pointer; padding:0px 0px 0px 0px; font-weight: bold; background-color:#e1e1e1; background: transparent url(../neoimg/j_arrow.png) 5px 50% no-repeat; padding-left: 20px; /*border-top:1px solid #5d5852; */ } div.accordion-toggle:hover_routine, div.accordion-toggle-active_routine{ font-weight: bold; background-color:#e1e1e1; background: transparent url(../neoimg/j_arrow_down.png) 5px 50% no-repeat; padding-left: 20px; /*border-top:1px solid #5d5852; */ } div.accordion-content_routine{ overflow: hidden; /* required for effect */ background: #f5f5f5; padding:2px 2px 2px 2px; color:#000000; text-align:left; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /** menu icons **/ .icon-16-archive { background-image: url(../neoimg/images/menu/icon-16-archive.png); } .icon-16-article { background-image: url(../neoimg/images/menu/icon-16-article.png); } .icon-16-category { background-image: url(../neoimg/images/menu/icon-16-category.png); } .icon-16-checkin { background-image: url(../neoimg/images/menu/icon-16-checkin.png); } .icon-16-component { background-image: url(../neoimg/images/menu/icon-16-component.png); } .icon-16-config { background-image: url(../neoimg/images/menu/icon-16-config.png); } .icon-16-content { background-image: url(../neoimg/images/menu/icon-16-content.png); } .icon-16-cpanel { background-image: url(../neoimg/images/menu/icon-16-cpanel.png); } .icon-16-default { background-image: url(../neoimg/images/menu/icon-16-default.png); } .icon-16-frontpage { background-image: url(../neoimg/images/menu/icon-16-frontpage.png); } .icon-16-help { background-image: url(../neoimg/images/menu/icon-16-help.png); } .icon-16-info { background-image: url(../neoimg/images/menu/icon-16-info.png); } .icon-16-install { background-image: url(../neoimg/images/menu/icon-16-install.png);} .icon-16-language { background-image: url(../neoimg/images/menu/icon-16-language.png);} .icon-16-logout { background-image: url(../neoimg/images/menu/icon-16-logout.png);} .icon-16-massmail { background-image: url(../neoimg/images/menu/icon-16-massmail.png); } .icon-16-media { background-image: url(../neoimg/images/menu/icon-16-media.png);} .icon-16-menu { background-image: url(../neoimg/images/menu/icon-16-menu.png); } .icon-16-menumgr { background-image: url(../neoimg/images/menu/icon-16-menumgr.png); } .icon-16-messages { background-image: url(../neoimg/images/menu/icon-16-messages.png); } .icon-16-module { background-image: url(../neoimg/images/menu/icon-16-module.png); } .icon-16-plugin { background-image: url(../neoimg/images/menu/icon-16-plugin.png); } .icon-16-section { background-image: url(../neoimg/images/menu/icon-16-section.png); } .icon-16-static { background-image: url(../neoimg/images/menu/icon-16-static.png); } .icon-16-stats { background-image: url(../neoimg/images/menu/icon-16-stats.png); } .icon-16-themes { background-image: url(../neoimg/images/menu/icon-16-themes.png); } .icon-16-trash { background-image: url(../neoimg/images/menu/icon-16-trash.png); } .icon-16-user { background-image: url(../neoimg/images/menu/icon-16-user.png); } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /** toolbar icons **/ .icon-32-send { background-image: url(../neoimg/images/toolbar/icon-32-send.png); } .icon-32-delete { background-image: url(../neoimg/images/toolbar/icon-32-delete.png); } .icon-32-help { background-image: url(../neoimg/images/toolbar/icon-32-help.png); } .icon-32-cancel { background-image: url(../neoimg/images/toolbar/icon-32-cancel.png); } .icon-32-config { background-image: url(../neoimg/images/toolbar/icon-32-config.png); } .icon-32-apply { background-image: url(../neoimg/images/toolbar/icon-32-apply.png); } .icon-32-back { background-image: url(../neoimg/images/toolbar/icon-32-back.png); } .icon-32-forward { background-image: url(../neoimg/images/toolbar/icon-32-forward.png); } .icon-32-save { background-image: url(../neoimg/images/toolbar/icon-32-save.png); } .icon-32-edit { background-image: url(../neoimg/images/toolbar/icon-32-edit.png); } .icon-32-copy { background-image: url(../neoimg/images/toolbar/icon-32-copy.png); } .icon-32-move { background-image: url(../neoimg/images/toolbar/icon-32-move.png); } .icon-32-new { background-image: url(../neoimg/images/toolbar/icon-32-new.png); } .icon-32-upload { background-image: url(../neoimg/images/toolbar/icon-32-upload.png); } .icon-32-assign { background-image: url(../neoimg/images/toolbar/icon-32-publish.png); } .icon-32-html { background-image: url(../neoimg/images/toolbar/icon-32-html.png); } .icon-32-css { background-image: url(../neoimg/images/toolbar/icon-32-css.png); } .icon-32-menus { background-image: url(../neoimg/images/toolbar/icon-32-menu.png); } .icon-32-publish { background-image: url(../neoimg/images/toolbar/icon-32-publish.png); } .icon-32-unpublish { background-image: url(../neoimg/images/toolbar/icon-32-unpublish.png);} .icon-32-restore { background-image: url(../neoimg/images/toolbar/icon-32-revert.png); } .icon-32-trash { background-image: url(../neoimg/images/toolbar/icon-32-trash.png); } .icon-32-archive { background-image: url(../neoimg/images/toolbar/icon-32-archive.png); } .icon-32-unarchive { background-image: url(../neoimg/images/toolbar/icon-32-unarchive.png); } .icon-32-preview { background-image: url(../neoimg/images/toolbar/icon-32-preview.png); } .icon-32-default { background-image: url(../neoimg/images/toolbar/icon-32-default.png); } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #schoolforweb-manager-button-add{ height:60px; width:60px; background: url(../neoimg/toolbars/icon-32-new.png) 0px 50% no-repeat; background-position:center; padding:44px 0px 0px 0px; text-align:center; } #schoolforweb-manager-button-edit{ height:60px; width:60px; background: url(../neoimg/toolbars/icon-32-edit.png) 0px 50% no-repeat; background-position:center; padding:44px 0px 0px 0px; text-align:center; } #schoolforweb-manager-button-delete{ height:60px; width:60px; background: url(../neoimg/toolbars/icon-32-delete.png) 0px 50% no-repeat; background-position:center; padding:44px 0px 0px 0px; text-align:center; } #schoolforweb-manager-button-help{ /*background: transparent url(../neoimg/images/header/icon-48-help_header.png) 0px 80% no-repeat;*/ height:60px; width:60px; background: url(../neoimg/toolbars/icon-32-help.png) 0px 80% no-repeat; background-position:center; padding:44px 0px 0px 0px; text-align:center; } #schoolforweb-manager-button-save{ /*background: transparent url(../neoimg/images/header/icon-48-help_header.png) 0px 80% no-repeat;*/ height:60px; width:60px; background: url(../neoimg/toolbars/icon-32-save.png) 0px 80% no-repeat; background-position:center; padding:44px 0px 0px 0px; text-align:center; } #schoolforweb-manager-button-apply{ /*background: transparent url(../neoimg/images/header/icon-48-help_header.png) 0px 80% no-repeat;*/ height:60px; width:65px; background: url(../neoimg/toolbars/icon-32-apply.png) 0px 80% no-repeat; background-position:center; padding:44px 0px 0px 0px; text-align:center; } #schoolforweb-manager-button-cancel{ /*background: transparent url(../neoimg/toolbars/icon-32-cancel.png) 0px 80% no-repeat;*/ height:60px; width:60px; background: url(../neoimg/toolbars/icon-32-cancel.png) 0px 80% no-repeat; background-position:center; padding:44px 0px 0px 0px; text-align:center; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .Schoolforweb_Alert_Success,#Schoolforweb_Alert_Success{ padding:10px; border:1px solid transparent; border-radius:4px; font-size:16px; color: #3c763d; background-color: #dff0d8; border-color: #8dc162; } .Schoolforweb_Alert_Info,#Schoolforweb_Alert_Info{ padding:10px; border:1px solid transparent; border-radius:4px; font-size:16px; color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .Schoolforweb_Alert_Warning,#Schoolforweb_Alert_Warning{ padding:10px; border:1px solid transparent; border-radius:4px; font-size:16px; color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .Schoolforweb_Alert_Danger,#Schoolforweb_Alert_Danger{ padding:10px; border:1px solid transparent; border-radius:4px; font-size:16px; color: #a94442; background-color: #f2dede; border-color: #ebccd1; } /* System Messages */ #system-head-normal{ font-weight: bold; text-indent: 30px; text-align:left; color: #0055BB; list-style: none; padding: 2px; padding-left: 0px; background-color: #d9e3f4; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB; } #system-message-normal{ font-weight: bold; text-indent: 30px; text-align:left; color: #0055BB; list-style: none; padding: 5px; padding-left: 10px; background: url(../neoimg/images/notice-info.png) 0px 50% no-repeat; background-color: #c0d1ed; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB; font-size:18px; -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); } /* System Error Messages */ #system-message-error{ font-weight: bold; text-indent: 30px; text-align:left; color: #cc0000; list-style: none; padding: 5px; padding-left: 10px; background: url(../neoimg/images/notice-alert.png) 0px 50% no-repeat; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; font-size:18px; -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); } /* System Notice Messages */ #system-message-notice{ font-weight: bold; text-indent: 30px; text-align:left; color: #a58b12; list-style: none; padding: 5px; padding-left: 10px; background: url(../neoimg/images/notice-note.png) 0px 50% no-repeat; background-color: #EFE7B8; border-top: 3px solid #e8c939; border-bottom: 3px solid #e8c939; font-size:18px; -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); } /* System Notice Messages */ #system-message-comment{ font-weight: bold; text-indent: 30px; text-align:left; color: #008000; list-style: none; padding: 5px; padding-left: 10px; /*background: url(../neoimg/images/notice-note.png) 0px 50% no-repeat;*/ background-color: #84ff84; border-top: 3px solid #00d200; border-bottom: 3px solid #00d200; font-size:18px; -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ------- */ .hmeunu { border:solid 1px #d5d5d5; text-align:center; background:#FFFFFF; padding:0px 0px 0px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border:solid 1px #d5d5d5; -moz-border-radius-topleft: 7px; -moz-border-radius-topright:7px; -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px; -webkit-border-bottom-left-radius:7px; -webkit-border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:7px; border-bottom-left-radius:7px; border-bottom-right-radius:7px; } .bt_button{ border:#dedede solid 1px; background-color:#f5f5f5; color:#000; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .htextshadow { text-shadow:3px 5px 7px #000000; } .hboxshadow { border:solid 1px #d5d5d5; background:#FFFFFF; padding:1px 1px 1px 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 9px 11px 20px #5c5c5c; -webkit-box-shadow: 9px 11px 20px #5c5c5c; box-shadow: 9px 11px 20px #5c5c5c; } .hosbox { border:solid 1px #d5d5d5; background:#FFFFFF; padding:1px 1px 1px 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .hboxshadow_sub { margin:auto; text-align:center; border:solid 1px #6194d1; border-collapse:separate; background:#d2e9ff; padding:1px 1px 1px 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 5px 5px 5px #cee7ff; -webkit-box-shadow: 5px 5px 5px #cee7ff; box-shadow: 5px 5px 5px #cee7ff; text-shadow:0px -1px 1px #ffffff; } .div_animation { border:solid 0px #FFFFFF; background:#FFFFFF; padding:1px 1px 1px 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-animation: cssdiv_animation 5s 1 ease; -moz-animation: cssdiv_animation 5s 1 ease; -o-animation: cssdiv_animation 5s 1 ease; } @-webkit-keyframes cssdiv_animation { from { -webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }to{ -webkit-transform: rotate(360deg) scale(0.802) skew(2deg) translate(0px); } } @-moz-keyframes cssdiv_animation { from { -moz-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }to{ -moz-transform: rotate(360deg) scale(0.802) skew(2deg) translate(0px); } } @-o-keyframes cssdiv_animation { from { -o-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }to{ -o-transform: rotate(360deg) scale(0.802) skew(2deg) translate(0px); } } .div_textbox_from_right { -webkit-animation: cssdiv_textbox_from_right 5s 1 ease; -moz-animation: cssdiv_textbox_from_right 5s 1 ease; -o-animation: cssdiv_textbox_from_right 5s 1 ease; -webkit-animation: cssdiv_textbox_from_right 5s 1 ease; -moz-animation: cssdiv_textbox_from_right 5s 1 ease; -o-animation: cssdiv_textbox_from_right 5s 1 ease; } @-webkit-keyframes cssdiv_textbox_from_right { from { -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(1400px); }to{ -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); } } @-moz-keyframes cssdiv_textbox_from_right { from { -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(1400px); }to{ -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); } } @-o-keyframes cssdiv_textbox_from_right { from { -o-transform: rotate(0deg) scale(1) skew(0deg) translate(1400px); }to{ -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); } } .div_textbox_from_left { -webkit-animation: div_textbox_from_left 5s 1 ease; -moz-animation: div_textbox_from_left 5s 1 ease; -o-animation: div_textbox_from_left 5s 1 ease; -webkit-animation: div_textbox_from_left 5s 1 ease; -moz-animation: div_textbox_from_left 5s 1 ease; -o-animation: div_textbox_from_left 5s 1 ease; } @-webkit-keyframes div_textbox_from_left { from { -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(-1400px); }to{ -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); } } @-moz-keyframes div_textbox_from_left { from { -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(-1400px); }to{ -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); } } @-o-keyframes div_textbox_from_left { from { -o-transform: rotate(0deg) scale(1) skew(0deg) translate(-1400px); }to{ -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); } } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /*เมนูด่วน*/ .hospital_table_shadow { width:1200px; margin:auto; text-align:center; border:solid 1px #d5d5d5; background:#FFFFFF; padding:1px 1px 1px 1px; -moz-box-shadow: 9px 11px 20px #5c5c5c; -webkit-box-shadow: 9px 11px 20px #5c5c5c; box-shadow: 9px 11px 20px #5c5c5c; } .hospital_box_shadow { width:1200px; margin:auto; text-align:center; border:solid 1px #6194d1; border-collapse:separate; background:#FFFFFF; padding:1px 1px 1px 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 5px 5px 5px #cee7ff; -webkit-box-shadow: 5px 5px 5px #cee7ff; box-shadow: 5px 5px 5px #cee7ff; text-shadow:0px -1px 1px #ffffff; } .hospital_div_shadow { margin:auto; text-align:center; border:solid 1px #6194d1; border-collapse:separate; background:#FFFFFF; padding:1px 1px 1px 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 5px 5px 5px #cee7ff; -webkit-box-shadow: 5px 5px 5px #cee7ff; box-shadow: 5px 5px 5px #cee7ff; text-shadow:0px -1px 1px #ffffff; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /*hospital_div_text*/ .hospital_div_text{ margin:auto; text-align:center; border:solid 1px #6194d1; border-collapse:separate; background:#FFFFFF; padding:1px 1px 1px 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .hospital_div_left{ margin:auto; text-align:left; border:solid 1px #6194d1; border-collapse:separate; background:#FFFFFF; padding:1px 1px 1px 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .hospital_div_right{ margin:auto; text-align:right; border:solid 1px #6194d1; border-collapse:separate; background:#FFFFFF; padding:1px 1px 1px 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /*link blue */ .a-btn_blue{ background:#80a9da; background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1)); background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:linear-gradient(top, #80a9da 0%, #6f97c5 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); padding-left:30px; padding-right:5px; height:30px; display:block; position:relative; border:1px solid #80a9da; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; clear:both; margin:0px; overflow:hidden; -webkit-transition:box-shadow 0.3s ease-in-out; -moz-transition:box-shadow 0.3s ease-in-out; -o-transition:box-shadow 0.3s ease-in-out; transition:box-shadow 0.3s ease-in-out; } .a-btn_blue img{ position:absolute; left:5px; top:5px; border:none; /* -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;*/ } .a-btn_blue .a-btn-slide-text_blue{ position:absolute; top:8px; left:8px; color:#ffffff; opacity:0; text-shadow:0px 1px 1px rgba(255,255,255,0.4); -webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; -o-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out; } .a-btn-text_blue{ padding-top:8px; display:block; color:#ffffff; text-shadow:0px -1px 1px #5d81ab; } .a-btn_blue:hover{ -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4); } .a-btn_blue:hover img{ /*-webkit-transform:scale(10); -moz-transform:scale(10); -ms-transform:scale(10); -o-transform:scale(10); transform:scale(10);*/ opacity:0; } .a-btn_blue:hover .a-btn-slide-text_blue, .a-btn_blue:hover .a-btn-icon-right_blue span{ opacity:1; } .a-btn_blue:active{ position:relative; top:1px; background:#5d81ab; -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset; -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset; box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset; border-color:#80a9da; } .a-btn_blue:active .a-btn-icon-right_blue span{ -webkit-transform:scale(1.4); -moz-transform:scale(1.4); -ms-transform:scale(1.4); -o-transform:scale(1.4); transform:scale(1.4); } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /*link orange */ .a-btn_orange{ background:#fecc5f; background:-webkit-gradient(linear,left top,left bottom,color-stop(#fecc5f,0),color-stop(#febb4a,1)); background:-webkit-linear-gradient(top, #fecc5f 0%, #febb4a 100%); background:-moz-linear-gradient(top, #fecc5f 0%, #febb4a 100%); background:-o-linear-gradient(top, #fecc5f 0%, #febb4a 100%); background:linear-gradient(top, #fecc5f 0%, #febb4a 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecc5f', endColorstr='#febb4a',GradientType=0 ); padding-left:30px; padding-right:5px; height:30px; display:block; position:relative; border:1px solid #f5b74e; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; clear:both; margin:0px; overflow:hidden; -webkit-transition:box-shadow 0.3s ease-in-out; -moz-transition:box-shadow 0.3s ease-in-out; -o-transition:box-shadow 0.3s ease-in-out; transition:box-shadow 0.3s ease-in-out; } .a-btn_orange img{ position:absolute; left:5px; top:5px; border:none; /*-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;*/ } .a-btn_orange .a-btn-slide-text_orange{ position:absolute; top:8px; left:8px; color:#ffffff; opacity:0; text-shadow:0px 1px 1px rgba(255,255,255,0.4); -webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; -o-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out; } .a-btn-text_orange{ padding-top:8px; display:block; color:#ffffff; text-shadow:0px -1px 1px #fedd9b; } .a-btn_orange:hover{ -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4); } .a-btn_orange:hover img{ /*-webkit-transform:scale(10); -moz-transform:scale(10); -ms-transform:scale(10); -o-transform:scale(10); transform:scale(10);*/ opacity:0; } .a-btn_orange:hover .a-btn-slide-text_orange, .a-btn_orange:hover .a-btn-icon-right_orange span{ opacity:1; } .a-btn_orange:active{ position:relative; top:1px; background:#fec354; -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset; -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset; box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset; border-color:#d29a3a; } .a-btn_orange:active .a-btn-icon-right_orange span{ -webkit-transform:scale(1.4); -moz-transform:scale(1.4); -ms-transform:scale(1.4); -o-transform:scale(1.4); transform:scale(1.4); } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /*link green */ .a-btn_green{ background:#009700; background:-webkit-gradient(linear,left top,left bottom,color-stop(#009700,0),color-stop(#00b700,1)); background:-webkit-linear-gradient(top, #009700 0%, #00b700 100%); background:-moz-linear-gradient(top, #009700 0%, #00b700 100%); background:-o-linear-gradient(top, #009700 0%, #00b700 100%); background:linear-gradient(top, #009700 0%, #00b700 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#009700', endColorstr='#00b700',GradientType=0 ); padding-left:30px; padding-right:5px; height:30px; display:block; position:relative; border:1px solid #009700; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; clear:both; margin:0px; overflow:hidden; -webkit-transition:box-shadow 0.3s ease-in-out; -moz-transition:box-shadow 0.3s ease-in-out; -o-transition:box-shadow 0.3s ease-in-out; transition:box-shadow 0.3s ease-in-out; } .a-btn_green img{ position:absolute; left:5px; top:5px; border:none; /* -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;*/ } .a-btn_green .a-btn-slide-text_green{ position:absolute; top:8px; left:8px; color:#ffffff; opacity:0; text-shadow:0px 1px 1px rgba(255,255,255,0.4); -webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; -o-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out; } .a-btn-text_green{ padding-top:8px; display:block; color:#ffffff; text-shadow:0px -1px 1px #00bf00; } .a-btn_green:hover{ -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4); } .a-btn_green:hover img{ /*-webkit-transform:scale(10); -moz-transform:scale(10); -ms-transform:scale(10); -o-transform:scale(10); transform:scale(10);*/ opacity:0; } .a-btn_green:hover .a-btn-slide-text_green, .a-btn_green:hover .a-btn-icon-right_green span{ opacity:1; } .a-btn_green:active{ position:relative; top:1px; background:#00bb00; -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset; -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset; box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset; border-color:#00a800; } .a-btn_green:active .a-btn-icon-right_green span{ -webkit-transform:scale(1.4); -moz-transform:scale(1.4); -ms-transform:scale(1.4); -o-transform:scale(1.4); transform:scale(1.4); } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /*span blue */ .span-btn_blue{ background:#80a9da; background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1)); background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:linear-gradient(top, #80a9da 0%, #6f97c5 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); padding-left:30px; padding-right:5px; height:30px; display:block; position:relative; border:1px solid #80a9da; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; clear:both; margin:0px; overflow:hidden; -webkit-transition:box-shadow 0.3s ease-in-out; -moz-transition:box-shadow 0.3s ease-in-out; -o-transition:box-shadow 0.3s ease-in-out; transition:box-shadow 0.3s ease-in-out; } .span-btn_blue .span-btn-slide-text_blue{ position:absolute; top:8px; left:8px; color:#ffffff; opacity:0; text-shadow:0px 1px 1px rgba(255,255,255,0.4); -webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; -o-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out; } .span-btn-text_blue{ padding-top:8px; display:block; color:#ffffff; text-shadow:0px -1px 1px #5d81ab; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /*span left */ .span_left{ text-align:right; padding-right:5px; font-weight: bold; background:#80a9da; background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1)); background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:linear-gradient(top, #80a9da 0%, #6f97c5 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); display:block; position:relative; border:1px solid #80a9da; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:4px 0px 0px 4px; -moz-border-radius:4px 0px 0px 4px; border-radius:4px 0px 0px 4px; clear:both; margin:0px; overflow:hidden; } .span_left_text{ padding-top:3px; padding-bottom:3px; display:block; color:#ffffff; text-shadow:0px -1px 1px #5d81ab; } /*span right */ .span_right{ text-align:left; padding-right:5px; background:#ffffff; background:-webkit-gradient(linear,left top,left bottom,color-stop(#ffffff,0),color-stop(#ffffff,1)); background:-webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%); background:-moz-linear-gradient(top, #ffffff 0%, #ffffff 100%); background:-o-linear-gradient(top, #ffffff 0%, #ffffff 100%); background:linear-gradient(top, #ffffff 0%, #ffffff 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); display:block; position:relative; border:1px solid #80a9da; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:0px 4px 4px 0px; -moz-border-radius:0px 4px 4px 0px; border-radius:0px 4px 4px 0px; clear:both; margin:0px; overflow:hidden; } .span_right_text{ padding-top:3px; padding-bottom:3px; display:block; color:#000000; text-shadow:0px -1px 1px #ffffff; } /*span top */ .span_top{ text-align:center; /*padding-right:5px;*/ font-weight: bold; background:#80a9da; background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1)); background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:linear-gradient(top, #80a9da 0%, #6f97c5 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); display:block; position:relative; border:1px solid #80a9da; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:4px 4px 0px 0px; -moz-border-radius:4px 4px 0px 0px; border-radius:4px 4px 0px 0px; clear:both; margin:0px; overflow:hidden; } .span_top_text{ padding-top:3px; padding-bottom:3px; display:block; color:#ffffff; text-shadow:0px -1px 1px #5d81ab; } /*span hbody */ .span_hbody{ text-align:center; padding:3px; color:#ffffff; font-weight: bold; background:#80a9da; background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1)); background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:linear-gradient(top, #80a9da 0%, #6f97c5 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); display:block; position:relative; border:1px solid #80a9da; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:4px 4px 4px 4px; -moz-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; clear:both; margin:0px; overflow:hidden; } .span_hbody_text{ padding-top:3px; padding-bottom:3px; display:block; color:#ffffff; text-shadow:0px -1px 1px #5d81ab; } /*span body */ .span_body{ text-align:center; background:#ffffff; background:-webkit-gradient(linear,left top,left bottom,color-stop(#ffffff,0),color-stop(#ffffff,1)); background:-webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%); background:-moz-linear-gradient(top, #ffffff 0%, #ffffff 100%); background:-o-linear-gradient(top, #ffffff 0%, #ffffff 100%); background:linear-gradient(top, #ffffff 0%, #ffffff 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); display:block; position:relative; border:1px solid #80a9da; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:4px 4px 4px 4px; -moz-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; clear:both; margin:0px; overflow:hidden; } .span_body_text{ padding-top:3px; padding-bottom:3px; display:block; color:#000000; text-shadow:0px -1px 1px #ffffff; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .hospital_span_border_dashed{ margin:auto; text-align:center; border:dashed 1px #0080ff; border-collapse:separate; background:#FFFFFF; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); -webkit-box-shadow:0px 1px 1px #80a9da inset, 5px 5px 5px #6f97c5; -moz-box-shadow:0px 1px 1px #80a9da inset, 5px 5px 5px #6f97c5; box-shadow:0px 1px 1px #80a9da inset, 5px 5px 5px #6f97c5; padding:0px 0px 0px 0px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .hospital_span_border{ margin:auto; text-align:center; border:solid 1px #d5d5d5; border-collapse:separate; background:#FFFFFF; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); padding:0px 0px 0px 0px; -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; } #hospital_span_border{ margin:auto; text-align:center; border:solid 1px #d5d5d5; border-collapse:separate; background:#FFFFFF; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); padding:0px 0px 0px 0px; -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; } .hospital_span_border_log{ margin:auto; text-align:center; border:solid 1px #d5d5d5; border-collapse:separate; background:#FFFFFF; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 5px 5px 5px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 5px 5px 5px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 5px 5px 5px rgba(0,0,0,0.2); padding:0px 0px 0px 0px; -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; } .hospital_span_border_pink{ margin:auto; text-align:center; border:solid 3px #ff409f; border-collapse:separate; background:#FFFFFF; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 5px 5px 5px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 5px 5px 5px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 5px 5px 5px rgba(0,0,0,0.2); padding:0px 0px 0px 0px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; } .hospital_span_top{ text-align:center; padding-top:3px; padding-bottom:3px; color:#ffffff; font-weight: bold; background:#80a9da; background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1)); background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:linear-gradient(top, #80a9da 0%, #6f97c5 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; clear:both; margin:0px; overflow:hidden; } .hospital_span_bottom{ padding-top:3px; padding-bottom:3px; background:#80a9da; background:-webkit-gradient(linear,left top,left bottom,color-stop(#6f97c5,0),color-stop(#80a9da,1)); background:-webkit-linear-gradient(top, #6f97c5 0%, #80a9da 100%); background:-moz-linear-gradient(top, #6f97c5 0%, #80a9da 100%); background:-o-linear-gradient(top, #6f97c5 0%, #80a9da 100%); background:linear-gradient(top, #6f97c5 0%, #80a9da 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f97c5', endColorstr='#80a9da',GradientType=0 ); -webkit-box-shadow:0px 1px 1px 1px 1px 3px rgba(0,0,0,0.2) inset, rgba(255,255,255,0.8); -moz-box-shadow:0px 1px 1px rgba(0,0,0,0.2) inset, rgba(255,255,255,0.8); box-shadow:0px 1px 1px rgba(0,0,0,0.2) inset, rgba(255,255,255,0.8); -webkit-border-radius:0px 0px 4px 4px; -moz-border-radius:0px 0px 4px 4px; border-radius:0px 0px 4px 4px; clear:both; margin:0px; overflow:hidden; } .school_body_color{ text-align:center; padding-top:2px; padding-bottom:2px; color:#ffffff; font-weight: bold; background:#80a9da; background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1)); background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:linear-gradient(top, #80a9da 0%, #6f97c5 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); border:1px solid #80a9da; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; clear:both; margin:auto; overflow:hidden; } .hospital_div_border{ margin:auto; text-align:center; border:solid 1px #d5d5d5; border-collapse:separate; background:#FFFFFF; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); padding:0px 0px 0px 0px; -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; } .school_foot_color{ text-align:center; padding-top:3px; padding-bottom:3px; color:#ffffff; font-weight: bold; background:#80a9da; background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1)); background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:linear-gradient(top, #80a9da 0%, #6f97c5 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px; clear:both; margin:auto; overflow:hidden; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .div_submenu{ transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease; } .div_submenu_image { overflow: hidden; transition-duration: 0.8s; transition-property: transform; } .div_submenu:hover .div_submenu_image { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); } .div_submenu:hover{ display:block; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; border:solid 2px #80a9da; background:#ffffdd; background:-webkit-gradient(linear,left top,left bottom,color-stop(#ffffdd,0),color-stop(#ffff80,1)); background:-webkit-linear-gradient(top, #ffffdd 0%, #ffff80 100%); background:-moz-linear-gradient(top, #ffffdd 0%, #ffff80 100%); background:-o-linear-gradient(top, #ffffdd 0%, #ffff80 100%); background:linear-gradient(top, #ffffdd 0%, #ffff80 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); transform:rotate(0deg) scale(1.25) skew(1deg) translate(10px); -webkit-transform:rotate(0deg) scale(1.25) skew(1deg) translate(10px); -moz-transform:rotate(0deg) scale(1.25) skew(1deg) translate(10px); -o-transform:rotate(0deg) scale(1.25) skew(1deg) translate(10px); -ms-transform:rotate(0deg) scale(1.25) skew(1deg) translate(10px); } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .div_indexmenu{ display:block; margin:auto; text-align:center; border:solid 1px #6194d1; border-collapse:separate; background:#FFFFFF; padding:1px 1px 1px 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease; } .div_indexmenu:hover{ display:block; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; border:solid 2px #80a9da; background:#ffffdd; background:-webkit-gradient(linear,left top,left bottom,color-stop(#ffffdd,0),color-stop(#ffff80,1)); background:-webkit-linear-gradient(top, #ffffdd 0%, #ffff80 100%); background:-moz-linear-gradient(top, #ffffdd 0%, #ffff80 100%); background:-o-linear-gradient(top, #ffffdd 0%, #ffff80 100%); background:linear-gradient(top, #ffffdd 0%, #ffff80 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); transform:rotate(0deg) scale(1.25) skew(1deg) translate(10px); -webkit-transform:rotate(0deg) scale(1.25) skew(1deg) translate(10px); -moz-transform:rotate(0deg) scale(1.25) skew(1deg) translate(10px); -o-transform:rotate(0deg) scale(1.25) skew(1deg) translate(10px); -ms-transform:rotate(0deg) scale(1.25) skew(1deg) translate(10px); } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ div.foot { display:block; position: fixed; bottom:0px; } div.head { margin:auto; display:block; position:fixed; top:0px; left:0px; overflow:hidden; clear:both; z-index:99999999999999999999; } div.head_sub { margin:auto; display:block; position:fixed; top:0px; left:0px; overflow:hidden; clear:both; z-index:99999999999999999999; } /*------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------*/ progress { width: 400px; height: 20px; margin: auto; display: block; -webkit-appearance: none; border: none; } progress::-webkit-progress-bar { padding: 0px; border-radius: 50px; border:solid 1px #d5d5d5; background:#ffffff; -moz-box-shadow: 9px 11px 20px #5c5c5c; -webkit-box-shadow: 9px 11px 20px #5c5c5c; box-shadow: 9px 11px 20px #5c5c5c; box-shadow: 0 1px 0px 0 rgba(255, 255, 255, 0.2); } progress::-webkit-progress-value { border-radius: 50px; -moz-box-shadow: 9px 11px 20px #5c5c5c; -webkit-box-shadow: 9px 11px 20px #5c5c5c; box-shadow: 9px 11px 20px #5c5c5c; box-shadow: 0 1px 0px 0 rgba(255, 255, 255, 0.2); background: -webkit-linear-gradient(45deg, transparent, transparent 33%, #3399ff 33%, #3399ff 66%, transparent 66%), -webkit-linear-gradient(top,#6cb6ff,#6cb6ff), -webkit-linear-gradient(left,#ba7448,#95caff); background-size: 35px 20px, 100% 100%, 100% 100%; -webkit-animation: move 4s linear 0 infinite; } @-webkit-keyframes move { 0% {background-position: 0px 0px, 0 0, 0 0} 100% {background-position: -100px 0px, 0 0, 0 0} } /*------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------*/ #dialog-link span.ui-icon { margin: 0 5px 0 0; position: absolute; left: .2em; top: 50%; margin-top: -8px; } #icons { margin:0; padding:0; } #icons li{ margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none; } #icons span.ui-icon { float: left; margin: 0 4px; } /*------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------*/ /*.ClassDraw_Circle_CheckMark_Head{cursor:pointer; } .ClassDraw_Circle{ cursor:pointer; } .ClassDraw_CheckMark{ cursor:pointer; } .ClassDraw_Circle { background-color:#ffffff; border:2px solid #000080; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; } .ClassDraw_CheckMark:before { content:'\2713'; font-size:20px; position:absolute; padding-left:10px; color:red; }*/ /*------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------*/ #fixedContainer{ display:block; background-color:red; width:20px; height:150px; padding-top:75px; padding-top:75px; } .template_span_import{ font-weight:bold; text-indent:30px; text-align:left; color: #0055BB; list-style: none; padding: 5px; border:solid 1px #d5d5d5; background-color:#e0e0e0; border-collapse:separate; padding-left: 30px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); } /*--------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------*/ .round-buttons { width: 100%; text-align: center; padding: 14px; font-size: 0; line-height: 1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; } .round-buttons > li { margin: 4px 12px; position: relative; display: inline-block; text-align: center; width:80px; height:80px; border:1px solid #d7d7d7; border-radius:50%; position:relative; background: #fcfcfc; } .depth { overflow: hidden; margin: 4px; width: 72px; height: 72px; border-radius: 50%; background-color: #7FC3DD; box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .depth:active { background: #cf6a59; box-shadow: 0 0 4px rgba(0,0,0,0.2) inset; -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2) inset; -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2) inset; } .depth > a { display: block; width: 62px; height: 62px; position: relative; text-align: center; border-radius: 50%; cursor: pointer; margin: 5px; background: #f7f7f7; background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); background: linear-gradient(top, #ffffff 0%,#f7f7f7 100%); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6); } .depth > a:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: #fafafa; } .depth > a > i { font-size: 24px; margin: 19px 0; width: 24px; float: none; color: #676767; text-shadow: 0 1px 0 #ffffff; height: 24px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .depth > a:hover { background: #fcfcfc; } .depth > a:hover > i { color: #3d829c; } .depth > a:active > i { color: #cf6a59; } /*--------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------*/ #badge-ribbon { position: relative; background:green; text-align:center; height:25px; width:25px; -moz-border-radius:70px; -webkit-border-radius:70px; border-radius:70px; } #badge-ribbon:before, #badge-ribbon:after { content:''; position: absolute; border-bottom: 20px solid green; border-left: 10px solid transparent; border-right: 10px solid transparent; top: 15px; left: -4px; -webkit-transform: rotate(-140deg); -moz-transform: rotate(-140deg); -ms-transform: rotate(-140deg); -o-transform: rotate(-140deg); } #badge-ribbon:after { left: auto; right: -5px; -webkit-transform: rotate(140deg); -moz-transform: rotate(140deg); -ms-transform: rotate(140deg); -o-transform: rotate(140deg); } .badge-ribbon { position: relative; background:green; text-align:center; height:25px; width:25px; -moz-border-radius:70px; -webkit-border-radius:70px; border-radius:70px; } .badge-ribbon:before, .badge-ribbon:after { content:''; position: absolute; border-bottom: 20px solid green; border-left: 10px solid transparent; border-right: 10px solid transparent; top: 15px; left: -4px; -webkit-transform: rotate(-140deg); -moz-transform: rotate(-140deg); -ms-transform: rotate(-140deg); -o-transform: rotate(-140deg); } .badge-ribbon:after { left: auto; right: -5px; -webkit-transform: rotate(140deg); -moz-transform: rotate(140deg); -ms-transform: rotate(140deg); -o-transform: rotate(140deg); } /*--------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------*/ /*img*/ .HosOpacity { opacity: 0.5; filter: alpha(opacity=40); /* For IE8 and earlier */ } .HosOpacity:hover { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ } .HosNoOpacity { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ } /*--------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------*/ input[type="submit"].ClassBtnCanteen{ font-family: Times, "Times New Roman", serif; height: 25px; font-size: 12px; background-color: #FFFFFF; border: #e9e9e9; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px padding-top:3px; padding-bottom:3px; color:#ffffff; text-shadow:0px -1px 1px #00bf00; font-weight: bold; background:#009700; background:-webkit-gradient(linear,left top,left bottom,color-stop(#009700,0),color-stop(#00b700,1)); background:-webkit-linear-gradient(top, #009700 0%, #00b700 100%); background:-moz-linear-gradient(top, #009700 0%, #00b700 100%); background:-o-linear-gradient(top, #009700 0%, #00b700 100%); background:linear-gradient(top, #009700 0%, #00b700 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#009700', endColorstr='#00b700',GradientType=0 ); /*position:relative;*/ border:1px solid #009700; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; clear:both; margin:0px; overflow:hidden; } /*--------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------*/ ::-webkit-scrollbar { width:10px; height:10px; border:solid 1px #d5d5d5; border-collapse:separate; background:#FFFFFF; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); padding:0px 0px 0px 0px; /*-webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px;*/ } /* ::-webkit-scrollbar-button { background: #ccc }*/ ::-webkit-scrollbar-track-piece { background:'#ffffff'; border:1px solid #80a9da; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); color:#ffffff; text-shadow:0px -1px 1px #5d81ab; /*-webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px;*/ clear:both; margin:0px; overflow:hidden; } ::-webkit-scrollbar-thumb { background:#80a9da; background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1)); background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:linear-gradient(top, #80a9da 0%, #6f97c5 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); border:1px solid #80a9da; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); color:#ffffff; text-shadow:0px -1px 1px #5d81ab; /*-webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px;*/ clear:both; margin:0px; overflow:hidden; } /*==========================================================*/ /*==========================progress bar=========================*/ .wizard-steps { padding:0px; position: relative; clear:both; font-weight: bold; } .wizard-steps div { position:relative; } .wizard-steps span { display: block; float: left; text-align:center; width:15px; margin: 2px 5px 0px 0px; line-height:15px; color: #008000; background: #ffffff; border: 2px solid #d5d5d5; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .wizard-steps a { position:relative; display:block; width:auto; height:24px; margin-right: 18px; padding:0px 10px 0px 3px; float: left; line-height:24px; color:#008000; background: #ffffff; text-decoration:none; } .wizard-steps a:before { width:0px; height:0px; border-top: 12px solid #ffffff; border-bottom: 12px solid #ffffff; border-left:12px solid transparent; position: absolute; content: ""; top: 0px; left: -12px; } .wizard-steps a:after { width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left:12px solid #ffffff; position: absolute; content: ""; top: 0px; right: -12px; } /*----------------------------------------------------*/ .wizard-steps .active a { color:#ffffff; background: #008000; } .wizard-steps .active a:before { border-top: 12px solid #008000; border-bottom: 12px solid #008000; } .wizard-steps .active a:after { border-left: 12px solid #008000; } .wizard-steps .active span { color: #008000; -webkit-box-shadow:0px 0px 2px rgba(0,0,0, 0.8); -moz-box-shadow:0px 0px 2px rgba(0,0,0, 0.8); box-shadow:0px 0px 2px rgba(0,0,0, 0.8); text-shadow:none; border: 2px solid #d5d5d5; } /*----------------------------------------------------*/ .wizard-steps .normal:hover a,.active:hover a { color:#ffffff; background: #0080ff; } .wizard-steps .normal:hover span,.active:hover span { color:#0080ff; } .wizard-steps .normal:hover a:before,.active:hover a:before { border-top: 12px solid #0080ff; border-bottom: 12px solid #0080ff; } .wizard-steps .normal:hover a:after,.active:hover a:after { border-left: 12px solid #0080ff; } /*==========================progress bar=========================*/ /*==========================================================*/ /*สำหรับส่วนหัว*/ .div_for_head1{ background:-webkit-gradient(linear,50% 45%,50% 50%,from(#838983),to(#262826)); background: -moz-linear-gradient(top, #838983, #262826); background: -ms-linear-gradient(top, #838983, #262826); background: -o-linear-gradient(top, #838983, #262826); -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); width:1200px; height:50px; text-align:left; border:solid 1px #d5d5d5; -webkit-border-radius:10px 10px 0px 0px; -moz-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px; margin:auto; display:block; border-bottom:0px; } .div_for_head2{ text-align:center; font-weight: bold; background:#00b900; background:-webkit-gradient(linear,left top,left bottom,color-stop(#00b900,0),color-stop(#00a600,1)); background:-webkit-linear-gradient(top, #00b900 0%, #00a600 100%); background:-moz-linear-gradient(top, #00b900 0%, #00a600 100%); background:-o-linear-gradient(top, #00b900 0%, #00a600 100%); background:linear-gradient(top, #00b900 0%, #00a600 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b900', endColorstr='#00a600',GradientType=0 ); -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); border:1px solid #d5d5d5; color:#ffffff; text-shadow:0px -1px 1px #5d81ab; border-top:0px; border-bottom:0px; clear:both; margin:0px; overflow:hidden; } /*==========================progress bar=========================*/ /*==========================================================*/ .CheckMark:before { content:'\2713'; font-size:20px; position:absolute; color:black; } /*==========================wizard_sub_menu=========================*/ .wizard_sub_menu{ padding:5px 5px 3px 15px; border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; position:relative; float:left; background-color:#ffffff; } .wizard_sub_menu span{ display: block; float: left; text-align:center; width:14px; margin: -3px 0px 0px 0px; line-height:15px; color: #008000; background: #ffffff; border: 2px solid #d5d5d5; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .wizard_sub_menu a{ color:#008000; text-decoration:none; white-space:nowrap; } .wizard_sub_menu:after{ content:''; position: absolute; top:0px; width:0; height:0; border:12px solid transparent; border-left:9px solid #ffffff; z-index:2; left:100%; } .wizard_sub_menu:before{ content:''; position: absolute; top:0px; width:0; height:0; border:12px solid transparent; border-left:12px solid #000000; z-index:1; left:100%; } /**********************************************************/ .wizard_sub_menu_active{ padding:5px 5px 3px 15px; border-top:1px solid #008000; border-left:1px solid #008000; border-bottom:1px solid #008000; position:relative; float:left; background-color:#008000; } .wizard_sub_menu_active a{ color:#ffffff; text-decoration:none; white-space:nowrap; } .wizard_sub_menu_active:after{ content:''; position: absolute; top:0px; width:0; height:0; border:12px solid transparent; border-left:9px solid #008000; z-index:2; left:100%; } .wizard_sub_menu_active:before{ content:''; position: absolute; top:0px; width:0; height:0; border:12px solid transparent; border-left:12px solid #000000; z-index:1; left:100%; } /**********************************************************/ .wizard_sub_menu:hover,.wizard_sub_menu_active:hover{ padding:5px 5px 3px 15px; border-top:1px solid #0080ff; border-left:1px solid #0080ff; border-bottom:1px solid #0080ff; position:relative; float:left; background-color:#0080ff; } .wizard_sub_menu:hover a,.wizard_sub_menu_active:hover a{ color:#ffffff; text-decoration:none; white-space:nowrap; } .wizard_sub_menu:hover:after,.wizard_sub_menu_active:hover:after{ content:''; position: absolute; top:0px; width:0; height:0; border:12px solid transparent; border-left:9px solid #0080ff; z-index:2; left:100%; } .wizard_sub_menu:hover:before,.wizard_sub_menu_active:hover:before{ content:''; position: absolute; top:0px; width:0; height:0; border:12px solid transparent; border-left:12px solid #000000; z-index:1; left:100%; } /*==========================table_dashed=========================*/ .table_dashed{ text-align:center; border:dashed 1px #d5d5d5; border-collapse:separate; background:#ffffff; } /*==========================arrow_box_bottom=========================*/ .arrow_box_bottom { position: relative; font-weight: bold; background:#80a9da; background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1)); background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:linear-gradient(top, #80a9da 0%, #6f97c5 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); color:#ffffff; -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; } .arrow_box_bottom:after, .arrow_box_bottom:before { top: 100%; left: 10%; background:#80a9da; background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1)); background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:linear-gradient(top, #80a9da 0%, #6f97c5 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box_bottom:after { border: transparent; border-top-color: #80a9da; background:#80a9da; background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1)); background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:linear-gradient(top, #80a9da 0%, #6f97c5 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); border-width: 10px; margin-left: -10px; } .arrow_box_bottom:before { border-color: rgba(194, 225, 245, 0); border-top-color: #80a9da; background:#80a9da; background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1)); background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:linear-gradient(top, #80a9da 0%, #6f97c5 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); border-width: 11px; margin-left: -11px; } /*==========================slideright=========================*/ .slideright { -webkit-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; transition: 1s ease-in-out; } .slideright:hover { -webkit-transform: translate(3em,0); -moz-transform: translate(3em,0); -o-transform: translate(3em,0); -ms-transform: translate(3em,0); transform: translate(3em,0); } /*==========================image_rotate=========================*/ .image_rotate { -webkit-animation:image_rotatespin 1s linear infinite; -moz-animation:image_rotatespin 1s linear infinite; animation:image_rotatespin 1s linear infinite; } @-moz-keyframes image_rotatespin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes image_rotatespin { 100% { -webkit-transform: rotate(360deg); } } @keyframes image_rotatespin { 100% { transform:rotate(360deg); } } .image_rotate:hover { -webkit-animation:image_rotatespin_hover 1s linear infinite; -moz-animation:image_rotatespin_hover 1s linear infinite; animation:image_rotatespin_hover 1s linear infinite; } @-moz-keyframes image_rotatespin_hover { 100% { -moz-transform: rotate(0deg); } } @-webkit-keyframes image_rotatespin_hover { 100% { -webkit-transform: rotate(0deg); } } @keyframes image_rotatespin_hover { 100% { transform:rotate(0deg); } } /*==========================image_slide_right=========================*/ .image_slide_right { -webkit-animation:image_slide_right 4s linear infinite; -moz-animation:image_slide_right 4s linear infinite; animation:image_slide_right 4s linear infinite; } @-moz-keyframes image_slide_right { 100% { -moz-transform: translate(3em,0); } } @-webkit-keyframes image_slide_right { 100% { -webkit-transform: translate(3em,0); } } @keyframes image_slide_right { 100% { transform: translate(3em,0); } } /*==========================paper ขนาดกระดาษ=========================*/ .paper_A3{ margin:auto; display:block; border:solid 1px #d5d5d5; border-collapse:collapse; width:841.89pt; height:1190.55pt; background:#FFFFFF; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); -webkit-box-shadow:0px 0px 10px rgba(255,255,255,0.8) inset, 0px 0px 30px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 10px rgba(255,255,255,0.8) inset, 0px 0px 30px rgba(0,0,0,0.2); box-shadow:0px 0px 10px rgba(255,255,255,0.8) inset, 0px 0px 30px rgba(0,0,0,0.2); padding:0px 0px 0px 0px; } .paper_A4{ margin:auto; display:block; border:solid 1px #d5d5d5; border-collapse:collapse; width:594.28pt; height:840.89pt; background:#FFFFFF; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); -webkit-box-shadow:0px 0px 10px rgba(255,255,255,0.8) inset, 0px 0px 30px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 10px rgba(255,255,255,0.8) inset, 0px 0px 30px rgba(0,0,0,0.2); box-shadow:0px 0px 10px rgba(255,255,255,0.8) inset, 0px 0px 30px rgba(0,0,0,0.2); padding:0px 0px 0px 0px; } .paper_A5{ margin:auto; display:block; border:solid 1px #d5d5d5; border-collapse:collapse; width:420.94pt; height:595.28pt; background:#FFFFFF; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); -webkit-box-shadow:0px 0px 10px rgba(255,255,255,0.8) inset, 0px 0px 30px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 10px rgba(255,255,255,0.8) inset, 0px 0px 30px rgba(0,0,0,0.2); box-shadow:0px 0px 10px rgba(255,255,255,0.8) inset, 0px 0px 30px rgba(0,0,0,0.2); padding:0px 0px 0px 0px; } .paper_Letter{ margin:auto; display:block; border:solid 1px #d5d5d5; border-collapse:collapse; width:612pt; height:792pt; background:#FFFFFF; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); -webkit-box-shadow:0px 0px 10px rgba(255,255,255,0.8) inset, 0px 0px 30px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 10px rgba(255,255,255,0.8) inset, 0px 0px 30px rgba(0,0,0,0.2); box-shadow:0px 0px 10px rgba(255,255,255,0.8) inset, 0px 0px 30px rgba(0,0,0,0.2); padding:0px 0px 0px 0px; } .paper_Legal{ margin:auto; display:block; border:solid 1px #d5d5d5; border-collapse:collapse; width:612pt; height:1008pt; background:#FFFFFF; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); -webkit-box-shadow:0px 0px 10px rgba(255,255,255,0.8) inset, 0px 0px 30px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 10px rgba(255,255,255,0.8) inset, 0px 0px 30px rgba(0,0,0,0.2); box-shadow:0px 0px 10px rgba(255,255,255,0.8) inset, 0px 0px 30px rgba(0,0,0,0.2); padding:0px 0px 0px 0px; } .paper_F4{ margin:auto; display:block; border:solid 1px #d5d5d5; border-collapse:collapse; width:595.28pt; height:1341.89pt; background:#FFFFFF; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); -webkit-box-shadow:0px 0px 10px rgba(255,255,255,0.8) inset, 0px 0px 30px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 10px rgba(255,255,255,0.8) inset, 0px 0px 30px rgba(0,0,0,0.2); box-shadow:0px 0px 10px rgba(255,255,255,0.8) inset, 0px 0px 30px rgba(0,0,0,0.2); padding:0px 0px 0px 0px; } /*==========================details_summary=========================*/ summary.table_head_summary::-webkit-details-marker{ display: none; } summary.table_head_summary::-moz-details-marker{ display: none; } details.table_head_details{ text-align:left; padding-bottom:3px; color:#000000; display:block; font-weight: bold; background:#ffffff; border: 1px #d5d5d5 solid; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 5px 5px 20px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 5px 5px 20px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 5px 5px 20px rgba(0,0,0,0.2); -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; clear:both; margin:auto; overflow:show; } summary.table_head_summary{ padding:2px; cursor:pointer; text-align:left; font-weight: bold; display:block; background:#80a9da; background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1)); background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%); background:linear-gradient(top, #80a9da 0%, #6f97c5 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); border:1px solid #80a9da; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); color:#ffffff; -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; clear:both; margin:0px; overflow:hidden; } details.CSS_Details_Default{ text-align:left; color:#000000; display:block; background:#ffffff; border:1px solid #d5d5d5; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 ); -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 2px 2px 5px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 2px 2px 5px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 2px 2px 5px rgba(0,0,0,0.2); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; clear:both; margin:auto; overflow:show; } summary.CSS_Summary_Default{ padding:2px; padding-left:5px; cursor:pointer; text-align:left; font-weight:bold; display:block; background:#ffffff; color:#000000; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } summary.CSS_Summary_Default::-webkit-details-marker{ display: none; } summary.CSS_Summary_Default::-moz-details-marker{ display: none; } summary.CSS_Summary_Default:after{ content:"+"; font-weight:bold; float:left; width:10px; font-size:16px; margin:-3px 5px 5px 5px; } details[open] summary.CSS_Summary_Default:after{ content:"-"; } /*==========================details_summary=========================*/ /*==========================Tr_On_Hover=========================*/ .Tr_On_Hover:hover,tr.Tr_On_Hover:nth-of-type(2n):hover,tr.Tr_On_Hover:nth-of-type(2n+1):hover,.Tr_Onhover_BG,.ClassBGMasActive:hover,.ClassBGMasSuccess:hover,.ClassBGMasInfo:hover,.ClassBGMasWarning:hover,.ClassBGMasDanger:hover,.ClassBGMasEven:hover,.ClassBGMasOdd:hover,.ClassMasSelected:hover{ background-color:#ffebe1; } .ClassBGMasActive{ background-color:#f5f5f5; } .ClassBGMasSuccess{ background-color:#dff0d8; } .ClassBGMasInfo{ background-color:#d9edf7; } .ClassBGMasWarning{ background-color:#fcf8e3; } .ClassBGMasDanger{ background-color:#fcf8e3; } .ClassBGMasEven,tr.Tr_On_Hover:nth-of-type(2n){ background-color:#edf8fc; } .ClassBGMasOdd,tr.Tr_On_Hover:nth-of-type(2n+1){ background-color:#fffff2; } /*==========================Tr_On_Hover=========================*/ /*=========================ClassMasSelected========================*/ .ClassMasSelected{ background-color:#ffffae;/*ใช้สำหรับการเลือกรายการที่ต้องการ*/ } /*=========================ClassMasSelected========================*/ /*==========================table_yellow=========================*/ .table_yellow{ text-align:center; font-weight: bold; background:#fbfb00; background:-webkit-gradient(linear,left top,left bottom,color-stop(#fbfb00,0),color-stop(#ffff5b,1)); background:-webkit-linear-gradient(top, #fbfb00 0%, #ffff5b 100%); background:-moz-linear-gradient(top, #fbfb00 0%, #ffff5b 100%); background:-o-linear-gradient(top, #fbfb00 0%, #ffff5b 100%); background:linear-gradient(top, #fbfb00 0%, #ffff5b 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfb00', endColorstr='#ffff5b',GradientType=0 ); border:1px solid #fbfb00; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); color:#000000; clear:both; overflow:hidden; } /*==========================table_yellow=========================*/ /*==========================table_blue=========================*/ .table_blue{ text-align:center; font-weight: bold; background:#1a8cff; background:-webkit-gradient(linear,left top,left bottom,color-stop(#1a8cff,0),color-stop(#42a0ff,1)); background:-webkit-linear-gradient(top, #1a8cff 0%, #42a0ff 100%); background:-moz-linear-gradient(top, #1a8cff 0%, #42a0ff 100%); background:-o-linear-gradient(top, #1a8cff 0%, #42a0ff 100%); background:linear-gradient(top, #1a8cff 0%, #42a0ff 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a8cff', endColorstr='#42a0ff',GradientType=0 ); border:1px solid #1a8cff; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); color:#ffffff; clear:both; overflow:hidden; } /*==========================table_blue=========================*/ #IDMasButtonBlue{ font-family: Times, "Times New Roman", serif; cursor:pointer; height: 25px; font-size: 12px; background-color: #0080ff; border: #0070df; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px padding-top:3px; padding-bottom:3px; font-weight: bold; color:#ffffff; text-shadow:0px 0px 0px #000000; background:#0080ff; background:-webkit-gradient(linear,left top,left bottom,color-stop(#0080ff,0),color-stop(#006fdd,1)); background:-webkit-linear-gradient(top, #0080ff 0%, #006fdd 100%); background:-moz-linear-gradient(top, #0080ff 0%, #006fdd 100%); background:-o-linear-gradient(top, #0080ff 0%, #006fdd 100%); background:linear-gradient(top, #0080ff 0%, #006fdd 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0080ff', endColorstr='#006fdd',GradientType=0 ); /*position:relative;*/ border:1px solid #0080ff; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; clear:both; margin:0px; overflow:hidden; } #IDMasButtonRed{ font-family: Times, "Times New Roman", serif; cursor:pointer; height: 25px; font-size: 12px; background-color: #ff9191; border: #ff0606; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px padding-top:3px; padding-bottom:3px; font-weight: bold; color:#ffffff; text-shadow:0px 0px 0px #000000; background:#ff9191; background:-webkit-gradient(linear,left top,left bottom,color-stop(#ff9191,0),color-stop(#ff0000,1)); background:-webkit-linear-gradient(top, #ff9191 0%, #ff0000 100%); background:-moz-linear-gradient(top, #ff9191 0%, #ff0000 100%); background:-o-linear-gradient(top, #ff9191 0%, #ff0000 100%); background:linear-gradient(top, #ff9191 0%, #ff0000 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9191', endColorstr='#ff0000',GradientType=0 ); /*position:relative;*/ border:1px solid #ff9191; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; clear:both; margin:0px; overflow:hidden; } #IDMasButtonOrange{ font-family: Times, "Times New Roman", serif; cursor:pointer; height: 25px; font-size: 12px; background-color: #ffc488; border: #e67300; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px padding-top:3px; padding-bottom:3px; font-weight: bold; color:#ffffff; text-shadow:0px 0px 0px #000000; background:#ffc488; background:-webkit-gradient(linear,left top,left bottom,color-stop(#ffc488,0),color-stop(#fb7d00,1)); background:-webkit-linear-gradient(top, #ffc488 0%, #fb7d00 100%); background:-moz-linear-gradient(top, #ffc488 0%, #fb7d00 100%); background:-o-linear-gradient(top, #ffc488 0%, #fb7d00 100%); background:linear-gradient(top, #ffc488 0%, #fb7d00 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc488', endColorstr='#fb7d00',GradientType=0 ); /*position:relative;*/ border:1px solid #ffc488; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; clear:both; margin:0px; overflow:hidden; } #IDMasButtonGray{ font-family: Times, "Times New Roman", serif; cursor:pointer; height: 25px; font-size: 12px; background-color: #c8c891; border: #b3b364; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px padding-top:3px; padding-bottom:3px; font-weight: bold; color:#ffffff; text-shadow:0px 0px 0px #000000; background:#c8c891; background:-webkit-gradient(linear,left top,left bottom,color-stop(#c8c891,0),color-stop(#b3b364,1)); background:-webkit-linear-gradient(top, #c8c891 0%, #b3b364 100%); background:-moz-linear-gradient(top, #c8c891 0%, #b3b364 100%); background:-o-linear-gradient(top, #c8c891 0%, #b3b364 100%); background:linear-gradient(top, #c8c891 0%, #b3b364 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c891', endColorstr='#b3b364',GradientType=0 ); /*position:relative;*/ border:1px solid #c8c891; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; clear:both; margin:0px; overflow:hidden; } #IDMasButtonPurple{ font-family: Times, "Times New Roman", serif; cursor:pointer; height: 25px; font-size: 12px; background-color: #ff80ff; border: #ff4fff; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px padding-top:3px; padding-bottom:3px; font-weight: bold; color:#ffffff; text-shadow:0px 0px 0px #000000; background:#ff80ff; background:-webkit-gradient(linear,left top,left bottom,color-stop(#ff80ff,0),color-stop(#ff11ff,1)); background:-webkit-linear-gradient(top, #ff80ff 0%, #ff11ff 100%); background:-moz-linear-gradient(top, #ff80ff 0%, #ff11ff 100%); background:-o-linear-gradient(top, #ff80ff 0%, #ff11ff 100%); background:linear-gradient(top, #ff80ff 0%, #ff11ff 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff80ff', endColorstr='#ff11ff',GradientType=0 ); /*position:relative;*/ border:1px solid #ff80ff; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; clear:both; margin:0px; overflow:hidden; } #IDMasButtonYellow{ font-family: Times, "Times New Roman", serif; cursor:pointer; height: 25px; font-size: 12px; background-color: #ffff0f; border: #dddd00; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px padding-top:3px; padding-bottom:3px; color:#000000; text-shadow:0px 0px 0px #ffffff; background:#ffff0f; background:-webkit-gradient(linear,left top,left bottom,color-stop(#ffff0f,0),color-stop(#eaea00,1)); background:-webkit-linear-gradient(top, #ffff0f 0%, #eaea00 100%); background:-moz-linear-gradient(top, #ffff0f 0%, #eaea00 100%); background:-o-linear-gradient(top, #ffff0f 0%, #eaea00 100%); background:linear-gradient(top, #ffff0f 0%, #eaea00 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff0f', endColorstr='#eaea00',GradientType=0 ); /*position:relative;*/ border:1px solid #d5d500; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; clear:both; margin:0px; overflow:hidden; } #IDMasButtonLightBlue{ font-family: Times, "Times New Roman", serif; cursor:pointer; height: 25px; font-size: 12px; background-color: #77d2ff; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px padding-top:3px; padding-bottom:3px; font-weight: bold; color:#000000; text-shadow:0px 0px 0px #ffffff; background:#77d2ff; background:-webkit-gradient(linear,left top,left bottom,color-stop(#77d2ff,0),color-stop(#09afff,1)); background:-webkit-linear-gradient(top, #77d2ff 0%, #09afff 100%); background:-moz-linear-gradient(top, #77d2ff 0%, #09afff 100%); background:-o-linear-gradient(top, #77d2ff 0%, #09afff 100%); background:linear-gradient(top, #77d2ff 0%, #09afff 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#77d2ff', endColorstr='#09afff',GradientType=0 ); border:1px solid #77d2ff; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; clear:both; margin:0px; overflow:hidden; } #IDMasButtonPrint{ font-family: Times, "Times New Roman", serif; cursor:pointer; height: 25px; font-size: 12px; background-color: #0080ff; border: #0070df; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px padding-top:3px; padding-bottom:3px; font-weight: bold; color:#ffffff; text-shadow:0px 0px 0px #000000; background:#0080ff; background:-webkit-gradient(linear,left top,left bottom,color-stop(#0080ff,0),color-stop(#006fdd,1)); background:-webkit-linear-gradient(top, #0080ff 0%, #006fdd 100%); background:-moz-linear-gradient(top, #0080ff 0%, #006fdd 100%); background:-o-linear-gradient(top, #0080ff 0%, #006fdd 100%); background:linear-gradient(top, #0080ff 0%, #006fdd 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0080ff', endColorstr='#006fdd',GradientType=0 ); /*position:relative;*/ border:1px solid #0080ff; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; clear:both; margin:0px; overflow:hidden; } #IDMasButtonBrown{ font-family: Times, "Times New Roman", serif; cursor:pointer; height: 25px; font-size: 12px; background-color: #c68c8c; border: #a25151; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px padding-top:3px; padding-bottom:3px; color:#ffffff; text-shadow:0px 0px 0px #ffffff; background:#c68c8c; background:-webkit-gradient(linear,left top,left bottom,color-stop(#c68c8c,0),color-stop(#a25151,1)); background:-webkit-linear-gradient(top, #c68c8c 0%, #a25151 100%); background:-moz-linear-gradient(top, #c68c8c 0%, #a25151 100%); background:-o-linear-gradient(top, #c68c8c 0%, #a25151 100%); background:linear-gradient(top, #c68c8c 0%, #a25151 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c68c8c', endColorstr='#a25151',GradientType=0 ); /*position:relative;*/ border:1px solid #a25151; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; clear:both; margin:0px; overflow:hidden; } #IDMasButtonDisabled{ font-family: Times, "Times New Roman", serif; cursor:no-drop; pointer-events:none; height: 25px; font-size: 12px; background-color: #dfdfdf; border: #a3a3a3; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px padding-top:3px; padding-bottom:3px; font-weight: bold; color:#727272; text-shadow:0px 0px 0px #727272; background:#dfdfdf; background:-webkit-gradient(linear,left top,left bottom,color-stop(#dfdfdf,0),color-stop(#a3a3a3,1)); background:-webkit-linear-gradient(top, #dfdfdf 0%, #a3a3a3 100%); background:-moz-linear-gradient(top, #dfdfdf 0%, #a3a3a3 100%); background:-o-linear-gradient(top, #dfdfdf 0%, #a3a3a3 100%); background:linear-gradient(top, #dfdfdf 0%, #a3a3a3 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#a3a3a3',GradientType=0 ); /*position:relative;*/ border:1px solid #dfdfdf; -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; clear:both; margin:0px; overflow:hidden; } /*==========================ข้อความแนวตั้ง==========================*/ /*-------------------------------------------------------------------------------------*/ .Vertical_Text_Bottom_To_Top1{ display:inline-block; overflow:hidden; width:1em; padding:2px; } .Vertical_Text_Bottom_To_Top2{ display:inline-block; white-space:nowrap; line-height:1em; -webkit-transform:translate(0,100%) rotate(-90deg); -ms-transform:translate(0,100%) rotate(-90deg); -moz-transform:translate(0,100%) rotate(-90deg); -o-transform:translate(0,100%) rotate(-90deg); transform:translate(0,100%) rotate(-90deg); -webkit-transform-origin:0 0; -ms-transform-origin:0 0; -moz-transform-origin:0 0; -o-transform-origin:0 0; transform-origin:0 0; } .Vertical_Text_Bottom_To_Top2:after{ content:""; display:block; margin:-1em 0 100%; } /*-------------------------------------------------------------------------------------*/ .Vertical_Text_Top_To_Bottom1{ display:inline-block; overflow:hidden; width:1em; padding:2px; } .Vertical_Text_Top_To_Bottom2{ display:inline-block; white-space:nowrap; line-height:1em; -webkit-transform:translate(15px,0) rotate(90deg); -ms-transform:translate(15px,0) rotate(90deg); -moz-transform:translate(15px,0) rotate(90deg); -o-transform:translate(15px,0) rotate(90deg); transform:translate(15px,0) rotate(90deg); -webkit-transform-origin:0 0; -ms-transform-origin:0 0; -moz-transform-origin:0 0; -o-transform-origin:0 0; transform-origin:0 0; padding:2px; } .Vertical_Text_Top_To_Bottom2:after{ content:""; display:block; margin:-1em 0% 100%; } /*-------------------------------------------------------------------------------------*/ /*==========================ข้อความแนวตั้ง==========================*/ /*===========================ตารางตัวใหม่==========================*/ .Schoolforweb_Table_Border{ margin:auto; border:1px solid #d5d5d5; border-radius:5px; border-spacing:0px; } .Schoolforweb_Table_Border td:nth-of-type(1):not(:last-child),.Schoolforweb_Table_Border td:not(:first-child):not(:last-child){ border-right:1px solid #d5d5d5; } .Schoolforweb_Table_Border tr:nth-of-type(1) td,.Schoolforweb_Table_Border tr:not(:last-child) td{ border-bottom:1px solid #d5d5d5; } .Schoolforweb_Table_Border tr:nth-of-type(1) td:nth-of-type(1){ -webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px; } .Schoolforweb_Table_Border tr:nth-of-type(1) td:nth-last-of-type(1){ -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px; } .Schoolforweb_Table_Border tr:nth-last-of-type(1) td:nth-of-type(1){ -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px; } .Schoolforweb_Table_Border tr:nth-last-of-type(1) td:nth-last-of-type(1){ -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px; } /*===========================ตารางตัวใหม่==========================*/ /*===========================ตารางตัวใหม่==========================*/ .Schoolforweb_Table_Border2{ margin:auto; border-collapse:collapse; border-radius:5px; border-style:hidden; box-shadow:0 0 0 1px #d5d5d5; } .Schoolforweb_Table_Border2 td{ border:1px solid #d5d5d5; } /*===========================ตารางตัวใหม่==========================*/ /*==========================ตัวหนังสือกระพริบ========================*/ /*+++++++++++++++++++++Schoolforweb_Text_Blink_Infinite++++++++++++++++++*/ .Schoolforweb_Text_Blink_Infinite{ animation:Schoolforweb_Text_Blink_Infinite 1s steps(5,start) infinite; -webkit-animation:Schoolforweb_Text_Blink_Infinite 1s steps(5,start) infinite; -moz-animation:Schoolforweb_Text_Blink_Infinite 1s steps(5,start) infinite; -o-animation:Schoolforweb_Text_Blink_Infinite 1s steps(5,start) infinite; -ms-animation:Schoolforweb_Text_Blink_Infinite 1s steps(5,start) infinite; } @keyframes Schoolforweb_Text_Blink_Infinite { to{ visibility:hidden; } } @-webkit-keyframes Schoolforweb_Text_Blink_Infinite { to{ visibility:hidden; } } @-moz-keyframes Schoolforweb_Text_Blink_Infinite { to{ visibility:hidden; } } @-o-keyframes Schoolforweb_Text_Blink_Infinite { to{ visibility:hidden; } } @-ms-keyframes Schoolforweb_Text_Blink_Infinite { to{ visibility:hidden; } } /*+++++++++++++++++++++Schoolforweb_Text_Blink_Infinite++++++++++++++++++*/ /*==========================ตัวหนังสือกระพริบ========================*/ /*============================Pagination==========================*/ .Mas_Pagination { display:inline-block; padding-left:0; margin:1px 0px -3px 0px; border-radius:5px; box-shadow:1px 1px 5px #d5d5d5; -webkit-box-shadow:1px 1px 5px #d5d5d5; -moz-box-shadow:1px 1px 5px #d5d5d5; -o-box-shadow:1px 1px 5px #d5d5d5; } .Mas_Pagination > li { display:inline; } .Mas_Pagination > li > a,.Mas_Pagination > li > span { position:relative; float:left; padding:3px 9px; margin-left:-1px; line-height:1.42857143; color:#337ab7; text-decoration:none; background-color:#ffffff; border:1px solid #d5d5d5; } .Mas_Pagination > li:first-child > a,.Mas_Pagination > li:first-child > span { margin-left:0; border-top-left-radius:5px; border-bottom-left-radius:5px; } .Mas_Pagination > li:last-child > a,.Mas_Pagination > li:last-child > span { border-top-right-radius:5px; border-bottom-right-radius:5px; } .Mas_Pagination > li > a:hover,.Mas_Pagination > li > span:hover,.Mas_Pagination > li > a:focus,.Mas_Pagination > li > span:focus { z-index:2; color:#23527c; background-color:#9dceff; border-color:#d5d5d5; } .Mas_Pagination > .Mas_Pagination_Active > a,.Mas_Pagination > .Mas_Pagination_Active > span,.Mas_Pagination > .Mas_Pagination_Active > a:hover, .Mas_Pagination > .Mas_Pagination_Active > span:hover,.Mas_Pagination > .Mas_Pagination_Active > a:focus,.Mas_Pagination > .Mas_Pagination_Active > span:focus { z-index:3; color:#ffffff; cursor:default; background-color:#337ab7; border-color:#337ab7; } .Mas_Pagination > .Mas_Pagination_Disabled > span,.Mas_Pagination > .Mas_Pagination_Disabled > span:hover, .Mas_Pagination > .Mas_Pagination_Disabled > span:focus,.Mas_Pagination > .Mas_Pagination_Disabled > a, .Mas_Pagination > .Mas_Pagination_Disabled > a:hover,.Mas_Pagination > .Mas_Pagination_Disabled > a:focus { color:#777777; cursor:not-allowed; background-color:#ffffff; border-color:#d5d5d5; } /*============================Pagination==========================*/ /*==========================background_color========================*/ table.Schoolforweb_Table_BG tr:nth-child(even){ background-color:#dcf1fa; } table.Schoolforweb_Table_BG tr:nth-child(odd){ background-color:#ffffe6; } /*==========================background_color========================*/ /*=============================badge===========================*/ .badge-border-default{ display:inline-block; min-width:10px; padding:3px 7px; font-size:12px; font-weight:bold; line-height:1; color:#00000; white-space:nowrap; vertical-align:middle; border:1px solid #d5d5d5; border-radius:10px; background-color:#ffffff; } .badge-border-primary{ display:inline-block; min-width:10px; padding:3px 7px; font-size:12px; font-weight:bold; line-height:1; color:#00000; white-space:nowrap; vertical-align:middle; border:1px solid #337ab7; border-radius:10px; background-color:#ffffff; } .badge-border-success{ display:inline-block; min-width:10px; padding:3px 7px; font-size:12px; font-weight:bold; line-height:1; color:#00000; white-space:nowrap; vertical-align:middle; border:1px solid #5cb85c; border-radius:10px; background-color:#ffffff; } .badge-border-info{ display:inline-block; min-width:10px; padding:3px 7px; font-size:12px; font-weight:bold; line-height:1; color:#00000; white-space:nowrap; vertical-align:middle; border:1px solid #5bc0de; border-radius:10px; background-color:#ffffff; } .badge-border-warning{ display:inline-block; min-width:10px; padding:3px 7px; font-size:12px; font-weight:bold; line-height:1; color:#00000; white-space:nowrap; vertical-align:middle; border:1px solid #f0ad4e; border-radius:10px; background-color:#ffffff; } .badge-border-danger{ display:inline-block; min-width:10px; padding:3px 7px; font-size:12px; font-weight:bold; line-height:1; color:#00000; white-space:nowrap; vertical-align:middle; border:1px solid #d9534f; border-radius:10px; background-color:#ffffff; } .badge-bg-default{ display:inline-block; min-width:10px; padding:3px 7px; font-size:12px; font-weight:bold; line-height:1; color:#00000; white-space:nowrap; vertical-align:middle; background-color:#ebebeb; border-radius:10px; } .badge-bg-primary{ display:inline-block; min-width:10px; padding:3px 7px; font-size:12px; font-weight:bold; line-height:1; color:#ffffff; white-space:nowrap; vertical-align:middle; background-color:#337ab7; border-radius:10px; } .badge-bg-success{ display:inline-block; min-width:10px; padding:3px 7px; font-size:12px; font-weight:bold; line-height:1; color:#ffffff; white-space:nowrap; vertical-align:middle; background-color:#5cb85c; border-radius:10px; } .badge-bg-info{ display:inline-block; min-width:10px; padding:3px 7px; font-size:12px; font-weight:bold; line-height:1; color:#ffffff; white-space:nowrap; vertical-align:middle; background-color:#5bc0de; border-radius:10px; } .badge-bg-warning{ display:inline-block; min-width:10px; padding:3px 7px; font-size:12px; font-weight:bold; line-height:1; color:#ffffff; white-space:nowrap; vertical-align:middle; background-color:#f0ad4e; border-radius:10px; } .badge-bg-danger{ display:inline-block; min-width:10px; padding:3px 7px; font-size:12px; font-weight:bold; line-height:1; color:#ffffff; white-space:nowrap; vertical-align:middle; background-color:#d9534f; border-radius:10px; } /*=============================badge===========================*/ /*=============================label============================*/ .label{ display:inline; padding:.2em .6em .2em; font-size:12px; font-weight:bold; line-height:1; color:#ffffff; text-align:center; white-space:nowrap; vertical-align:baseline; border-radius:.25em; } .label-default{ color:#000000; border: 1px solid #d5d5d5; background-color:#d5d5d5; } .label-primary{ color:#ffffff; border: 1px solid #337ab7; background-color:#337ab7; } .label-success{ color:#ffffff; border: 1px solid #5cb85c; background-color:#5cb85c; } .label-info{ color:#ffffff; border: 1px solid #5bc0de; background-color:#5bc0de; } .label-warning{ color:#ffffff; border: 1px solid #f0ad4e; background-color:#f0ad4e; } .label-danger{ color:#ffffff; border: 1px solid #d9534f; background-color:#d9534f; } /*=============================label============================*/ /*============================panel===========================*/ .Schoolforweb_Panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); } .Schoolforweb_Panel_Body { padding: 15px; } .Schoolforweb_Panel_Heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .Schoolforweb_Panel_Title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .Schoolforweb_Panel_Footer { padding: 1px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .Schoolforweb_Panel_Default { border-color: #ddd; } .Schoolforweb_Panel_Default > .Schoolforweb_Panel_Heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } .Schoolforweb_Panel_Default > .Schoolforweb_Panel_Heading + .Schoolforweb_Panel_Collapse > .Schoolforweb_Panel_Body { border-top-color: #ddd; } .Schoolforweb_Panel_Default > .Schoolforweb_Panel_Heading .Schoolforweb_Badge { color: #f5f5f5; background-color: #333; } .Schoolforweb_Panel_Default > .Schoolforweb_Panel_Footer + .Schoolforweb_Panel_Collapse > .Schoolforweb_Panel_Body { border-bottom-color: #ddd; } .Schoolforweb_Panel_Primary { border-color: #337ab7; } .Schoolforweb_Panel_Primary > .Schoolforweb_Panel_Heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .Schoolforweb_Panel_Primary > .Schoolforweb_Panel_Heading + .Schoolforweb_Panel_Collapse > .Schoolforweb_Panel_Body { border-top-color: #337ab7; } .Schoolforweb_Panel_Primary > .Schoolforweb_Panel_Heading .Schoolforweb_Badge { color: #337ab7; background-color: #fff; } .Schoolforweb_Panel_Primary > .Schoolforweb_Panel_Footer + .Schoolforweb_Panel_Collapse > .Schoolforweb_Panel_Body { border-bottom-color: #337ab7; } .Schoolforweb_Panel_Success { border-color: #d6e9c6; } .Schoolforweb_Panel_Success > .Schoolforweb_Panel_Heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .Schoolforweb_Panel_Success > .Schoolforweb_Panel_Heading + .Schoolforweb_Panel_Collapse > .Schoolforweb_Panel_Body { border-top-color: #d6e9c6; } .Schoolforweb_Panel_Success > .Schoolforweb_Panel_Heading .Schoolforweb_Badge { color: #dff0d8; background-color: #3c763d; } .Schoolforweb_Panel_Success > .Schoolforweb_Panel_Footer + .Schoolforweb_Panel_Collapse > .Schoolforweb_Panel_Body { border-bottom-color: #d6e9c6; } .Schoolforweb_Panel_Info { border-color: #bce8f1; } .Schoolforweb_Panel_Info > .Schoolforweb_Panel_Heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .Schoolforweb_Panel_Info > .Schoolforweb_Panel_Heading + .Schoolforweb_Panel_Collapse > .Schoolforweb_Panel_Body { border-top-color: #bce8f1; } .Schoolforweb_Panel_Info > .Schoolforweb_Panel_Heading .Schoolforweb_Badge { color: #d9edf7; background-color: #31708f; } .Schoolforweb_Panel_Info > .Schoolforweb_Panel_Footer + .Schoolforweb_Panel_Collapse > .Schoolforweb_Panel_Body { border-bottom-color: #bce8f1; } .Schoolforweb_Panel_Warning { border-color: #faebcc; } .Schoolforweb_Panel_Warning > .Schoolforweb_Panel_Heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .Schoolforweb_Panel_Warning > .Schoolforweb_Panel_Heading + .Schoolforweb_Panel_Collapse > .Schoolforweb_Panel_Body { border-top-color: #faebcc; } .Schoolforweb_Panel_Warning > .Schoolforweb_Panel_Heading .Schoolforweb_Badge { color: #fcf8e3; background-color: #8a6d3b; } .Schoolforweb_Panel_Warning > .Schoolforweb_Panel_Footer + .Schoolforweb_Panel_Collapse > .Schoolforweb_Panel_Body { border-bottom-color: #faebcc; } .Schoolforweb_Panel_Danger { border-color: #ebccd1; } .Schoolforweb_Panel_Danger > .Schoolforweb_Panel_Heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .Schoolforweb_Panel_Danger > .Schoolforweb_Panel_Heading + .Schoolforweb_Panel_Collapse > .Schoolforweb_Panel_Body { border-top-color: #ebccd1; } .Schoolforweb_Panel_Danger > .Schoolforweb_Panel_Heading .Schoolforweb_Badge { color: #f2dede; background-color: #a94442; } .Schoolforweb_Panel_Danger > .Schoolforweb_Panel_Footer + .Schoolforweb_Panel_Collapse > .Schoolforweb_Panel_Body { border-bottom-color: #ebccd1; } /*============================panel===========================*/ /*==========================breadcrumb=========================*/ .breadcrumb{ padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li{ display: inline-block; } .breadcrumb > li + li:before{ padding: 0 5px; color: #ccc; content: "/\00a0"; } .breadcrumb > .active{ color:#777; } /*==========================breadcrumb=========================*/