/* #region Other */
@font-face {
    font-family: 'th_baijam';
    src: url('fonts/th_baijam.eot');
    src: url('fonts/th_baijam.eot?#iefix') format('embedded-opentype'), 
        url('fonts/th_baijam.woff') format('woff'), 
        url('fonts/th_baijam.ttf') format('truetype'), 
        url('fonts/th_baijam.svg#th_baijam') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'th_baijam_bold';
    src: url('fonts/th_baijam_bold.eot');
    src: url('fonts/th_baijam_bold.eot?#iefix') format('embedded-opentype'), 
        url('fonts/th_baijam_bold.woff') format('woff'), 
        url('fonts/th_baijam_bold.ttf') format('truetype'), 
        url('fonts/th_baijam_bold.svg#th_baijam_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

::selection {
    color: white;
    background-color: #6828a3;
    text-shadow: none;
}
a{
    color:#6828a3;
}
a:hover{
    color:#6828a3;
}
*{
    color:#444;
}
body {
    background: url(images/body.jpg) no-repeat right top #6828a3 fixed;
    font-size:1em;
}
#page{
    width:1000px;
    margin:5px auto 20px;
}

#header{
    min-height:10px;
    font-family: "th_baijam_bold",lucida grande ,Verdana, Geneva, Tahoma, sans-serif;
    font-size:1.9em;
    color:#6828a3;
    width:1000px;
    margin:0 auto;
    text-shadow:0px 1px 0px #fff;
}

#banner
 {
 	height:100px;
	width:100%;
    padding:10px 0px 0px;
	margin:0;
    background-repeat:no-repeat!important;
    background-position:center;
	background:#6828a3 url(../../images/banner/banner.jpg);
 }
    #banner img {
        float:left;
    }
    #banner h2 {
    text-align:right;
    margin: 25px 0 0 260px;
    font-style: normal;
    font-size: x-large;
    font-family:"th_baijam";
    color: #6828a3;
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #6828a3, 0 0 30px #6828a3, 0 0 40px #6828a3, 0 0 50px #6828a3, 0 0 75px #6828a3;
    letter-spacing: 3px;
}

.layoutPanel {
    width:980px;
    min-height:400px;
    background-color:#fff;
    margin:0 auto;
    padding:10px 10px 20px;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    box-shadow:0px 0px 10px rgba(0, 0, 0, .25);
    -moz-box-shadow:0px 0px 10px rgba(0, 0, 0, .25);
    -webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, .25);
}
.column {
    display:inline-block;
    width:100%;
}
.column .header {
    font-family: "th_baijam",lucida grande ,Verdana, Geneva, Tahoma, sans-serif;
    margin-bottom:5px;
    font-size:30px;
    font-weight:bold;
    text-shadow:1px 1px 0px rgb(170, 170, 170);
    color:#6828a3;
    border-bottom:3px solid #6828a3;
    background:url(images/header.jpg) no-repeat left bottom #fff;
    padding-left:40px;
    line-height:29px;
    height:29px;
    
}
.sitemapPath{
    z-index:2;
    min-height:25px;
    position:relative;
    margin:0px 0px 10px;
    padding:0px 0px 5px 20px;
    font-size:0.9em;
    border-bottom:1px solid #ccc;
    color:#636363;
    background:url(images/sitemap.png) no-repeat left center transparent;
}
.sitemapPath span,
.sitemapPath a{
    margin:0px 5px;
}
.sitemapPath span:first-child{
    margin-left:0px;
}
.slider ul{
    font-size:0;
}
    .slider ul li {
        font-size: 14px;
    }
/* #endregion */

/* #region nav */
#nav{
    width:1000px;
    margin:0px auto;
    box-shadow:0px 0px 10px rgba(0, 0, 0, .25);
    -moz-box-shadow:0px 0px 10px rgba(0, 0, 0, .25);
    -webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, .25);
}
.nav{
    list-style-type:none;
    padding:0px 10px;
    margin:0px;
    display:block;
    background: #6828a3 url('images/menuPanel.jpg') repeat-x left top;
    min-height:49px;
}
.nav > li{
    display:inline-block;
    vertical-align:top;
    height:50px;
    line-height:50px;
    padding:0px;
    border:1px solid transparent;
    position:relative;
}
.nav li a{
    color:#fff;
    font-family: "th_baijam",lucida grande ,Verdana, Geneva, Tahoma, sans-serif;
    font-size:25px;
    display:inline-block;
    height:30px;
    line-height:30px;
    border:1px solid transparent;
    padding:0px 10px;
    text-shadow:0px 3px 1px rgba(0,0,0,0.8);
    -moz-text-shadow:0px 3px 1px rgba(0,0,0,0.8);
    -webkit-text-shadow:0px 3px 1px rgba(0,0,0,0.8);
}
.nav > li:hover > a,
.nav > li.selected > a,
.nav > li.selected:hover > a{
    background-color:#50108b;
    border:1px solid #50108b;
    border-bottom:1px solid #50108b;
    box-shadow:0px 1px 5px #000 inset;
    -moz-box-shadow:0px 1px 5px #000 inset;
    -webkit-box-shadow:0px 1px 5px #000 inset;
    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    
}
.nav ul{
    width:auto;
    list-style-type:none;
    padding:0px;
    margin:0px;
    position:absolute;
    z-index: 99999;
    padding:5px 0px 8px;

    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;

    box-shadow:0px 1px 0px #934cd4 inset;
    -moz-box-shadow:0px 1px 0px #934cd4 inset;
    -webkit-box-shadow:0px 1px 0px #934cd4 inset;

    background: #934cd4;
    background: -moz-linear-gradient(top, #934cd4 0%, #934cd4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#934cd4), color-stop(100%,#934cd4));
    background: -webkit-linear-gradient(top, #934cd4 0%,#934cd4 100%);
    background: -o-linear-gradient(top, #934cd4 0%,#934cd4 100%);
    background: -ms-linear-gradient(top, #934cd4 0%,#934cd4 100%);
    background: linear-gradient(to bottom, #934cd4 0%,#934cd4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#649602', endColorstr='#4e7401',GradientType=0 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#649602', endColorstr='#4e7401',GradientType=0 )";
    
}
.nav li > ul{
    display:none;
}
.nav li:hover > ul{
    display:block;
}
.nav ul li{
    line-height:30px;
    height:30px;
    padding:3px 10px;
    position:relative;
    white-space:nowrap;
}
.nav ul li:last-child:hover{
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
}
.nav ul li a{
    display:block;
    font-family: "th_baijam",lucida grande ,Verdana, Geneva, Tahoma, sans-serif;
    font-size:21px;
}
    .nav ul li a:hover {
         background-color:#50108b;
        border:1px solid #50108b;
        border-bottom:1px solid #50108b;
        box-shadow:0px 1px 5px #000 inset;
        -moz-box-shadow:0px 1px 5px #000 inset;
        -webkit-box-shadow:0px 1px 5px #000 inset;
        border-radius:20px;
        -moz-border-radius:20px;
        -webkit-border-radius:20px;
    }
.nav ul li:last-child{
    background-image:none;
}
/* #endregion */

/* #region Form */
label.label{
    display:inline-block;
    vertical-align:bottom;
    min-height:25px;
    line-height:25px;
    margin:0px 10px 0px 0px;
    min-width:180px;
    text-align: right;
    vertical-align: top;
}
.input{
    min-height:25px;
    line-height:25px;
    display:inline-block;
    vertical-align:top;
}
.inputrow {
    min-height:20px; 
    line-height:20px; 
    padding:5px 0px; 
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
}
.text,
input[type=text],
input[type=password] {
    display: inline-block;
    vertical-align:top;
    width:450px;
    height: 30px;
    line-height:30px;
    font-size:1.1em;
    margin: 0;
    padding: 0 8px;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
.text:hover,
input[type=text]:hover,
input[type=password]:hover{
    border: 1px solid #b9b9b9;
    border-top: 1px solid #a0a0a0;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.text:focus,
input[type=text]:focus,
input[type=password]:focus {
    outline: none;
    border: 1px solid #0bbbb9;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}
.text.disabled,
input[type=text][disabled=disabled],
input[type=password][disabled=disabled]{
    border: 1px solid #e5e5e5;
    background: #f5f5f5;
}
.text.disabled:hover,
input[type=text][disabled=disabled]:hover,
input[type=password][disabled=disabled]:hover{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.textdiv {
    display: inline-block;
    vertical-align:top;
    width:500px;
    min-height: 30px;
    line-height:30px;
    font-size:1.1em;
    margin: 0;
    padding: 0 8px;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
.textdiv:hover{
    border: 1px solid #b9b9b9;
    border-top: 1px solid #a0a0a0;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
textarea{
    min-height:80px;
}
.dropdown{
    font-size:1.1em;
    color:#444;
    max-width:500px;
}
.message,
.require {
    color:#FF0000;
}
.button {
    border:1px solid #ccc;
	border-bottom: 1px solid #AAA;
	display:inline-block;
    vertical-align:top;
    min-height: 22px;
    padding: 5px 15px 5px 15px;
    text-align:center;
    font-weight:bold;
    font-size:17px;
    color: #555;
    text-shadow: 0 0 0 transparent,0 1px 0 white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #f5f5f5;
    background: -moz-linear-gradient(top,  #f5f5f5 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top,  #f5f5f5 0%,#e5e5e5 100%);
    background: -o-linear-gradient(top,  #f5f5f5 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(top,  #f5f5f5 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom,  #f5f5f5 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 );
    -moz-box-shadow: 0 1px 1px #d0d0d0, inset 0 0 3px #FFF;
    -ms-box-shadow: 0 1px 1px #d0d0d0, inset 0 0 3px #FFF;
    -o-box-shadow: 0 1px 1px #d0d0d0, inset 0 0 3px #FFF;
    -webkit-box-shadow: 0 1px 1px #d0d0d0, inset 0 0 3px #FFF;
    box-shadow: 0 1px 1px #d0d0d0, inset 0 0 3px #FFF; 
}
    .button > img {
        vertical-align:top;
    }
.button:hover {
    background: #fafafa;
    background: -moz-linear-gradient(top,  #fafafa 0%, #eaeaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#eaeaea));
    background: -webkit-linear-gradient(top,  #fafafa 0%,#eaeaea 100%);
    background: -o-linear-gradient(top,  #fafafa 0%,#eaeaea 100%);
    background: -ms-linear-gradient(top,  #fafafa 0%,#eaeaea 100%);
    background: linear-gradient(to bottom,  #fafafa 0%,#eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 );
}
.button:active {
    border:1px solid #999;
    border-bottom: 1px solid #CCC;
    background: #eaeaea;
    background: -moz-linear-gradient(top,  #eaeaea 0%, #fafafa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#fafafa));
    background: -webkit-linear-gradient(top,  #eaeaea 0%,#fafafa 100%);
    background: -o-linear-gradient(top,  #eaeaea 0%,#fafafa 100%);
    background: -ms-linear-gradient(top,  #eaeaea 0%,#fafafa 100%);
    background: linear-gradient(to bottom,  #eaeaea 0%,#fafafa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#fafafa',GradientType=0 );
    -moz-box-shadow: 0 0 0 #fff, inset 0 0 3px #FFF;
    -ms-box-shadow: 0 0 0 #fff, inset 0 0 3px #FFF;
    -o-box-shadow: 0 0 0 #fff, inset 0 0 3px #FFF;
    -webkit-box-shadow: 0 0 0 #fff, inset 0 0 3px #FFF;
    box-shadow: 0 0 0 #fff, inset 0 0 3px #FFF;
}
.button.default {
    text-shadow: 0px 1px 0px rgba(255,255,255,0.5);
    border: 1px solid #6828a3;
    color:#fff;
    font-weight:bold;
    text-shadow:0px 2px 0px #555;
    border:1px solid #6828a3;
    background: #6828a3;
    background: -moz-linear-gradient(top,  #6ea402 0%, #50108b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6828a3), color-stop(100%,#50108b));
    background: -webkit-linear-gradient(top,  #6ea402 0%,#50108b 100%);
    background: -o-linear-gradient(top,  #6828a3 0%,#50108b 100%);
    background: -ms-linear-gradient(top,  #6828a3 0%,#50108b 100%);
    background: linear-gradient(to bottom,  #6828a3 0%,#50108b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6828a3', endColorstr='#50108b',GradientType=0 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#6828a3', endColorstr='#50108b',GradientType=0 )";

    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}

.button.default:hover {
    border:1px solid #50108b;
    background: #6828a3;
    background: -moz-linear-gradient(top,  #50108b 0%, #6828a3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#50108b), color-stop(100%,#6828a3));
    background: -webkit-linear-gradient(top,  #50108b 0%,#6828a3 100%);
    background: -o-linear-gradient(top,  #50108b 0%,#6828a3 100%);
    background: -ms-linear-gradient(top,  #50108b 0%,#6828a3 100%);
    background: linear-gradient(to bottom,  #50108b 0%,#6828a3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50108b', endColorstr='#6828a3',GradientType=0 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#50108b', endColorstr='#6828a3',GradientType=0 )";

}
.button.default:active {
    background: #50108b;
    background: -moz-linear-gradient(top,  #50108b 0%, #6828a3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91bd23), color-stop(100%,#b5e026));
    background: -webkit-linear-gradient(top,  #91bd23 0%,#b5e026 100%);
    background: -o-linear-gradient(top,  #91bd23 0%,#b5e026 100%);
    background: -ms-linear-gradient(top,  #91bd23 0%,#b5e026 100%);
    background: linear-gradient(to bottom,  #91bd23 0%,#b5e026 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91bd23', endColorstr='#b5e026',GradientType=0 );

    -moz-box-shadow: 0 0 0 #fff, inset 0 0 3px #FFF;
    -ms-box-shadow: 0 0 0 #fff, inset 0 0 3px #FFF;
    -o-box-shadow: 0 0 0 #fff, inset 0 0 3px #FFF;
    -webkit-box-shadow: 0 0 0 #fff, inset 0 0 3px #FFF;
    box-shadow: 0 0 0 #fff, inset 0 0 3px #FFF;
 }

/* #endregion */

/* #region Form Signin */
#signin{
    margin-top:30px;
}
#signin.column .header{
    width:450px;
    margin:0px auto 15px;
    border-bottom:3px solid #6828a3;
}
#signin .form {
    width:450px;
    margin:0px auto;
}
#sigin .inputrow{
    margin:5px 0px;
}
#signin .form .label{
    width:auto;
    min-width:10px;
    margin:0px;
    font-size:13px;
}
#signin .form label
{
    vertical-align:top;
    font-size:13px;
}
#signin .form .input{
    display:block;
}
.signInOptions {
    margin:20px 0px;
}
#signin .checkbox {
    margin-right:20px;
}
#signin .button {
    text-shadow: 0px 1px 0px rgba(255,255,255,0.5);
    border: 1px solid #a19600;
    
    color:#fff;
    color:#524c00;
    font-size:15px;

    background: #333399;
    background: -moz-linear-gradient(top,  #F8F570 0%, #ECE340 50%, #DDCD06 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8F570), color-stop(50%,#ECE340), color-stop(100%,#DDCD06)); 
    background: -webkit-linear-gradient(top,  #F8F570 0%,#ECE340 50%,#DDCD06 100%); 
    background: -o-linear-gradient(top,  #F8F570 0%,#ECE340 50%,#DDCD06 100%); 
    background: -ms-linear-gradient(top,  #F8F570 0%,#ECE340 50%,#DDCD06 100%); 
    background: linear-gradient(top,  #F8F570 0%,#ECE340 50%,#DDCD06 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c', endColorstr='#DDCD06',GradientType=0 ); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F570', endColorstr='#DDCD06',GradientType=0 )"; 

    box-shadow:0px 3px 0px #a19600 , 1px 1px 2px rgba(255,255,255,0.5) inset, -1px -1px 2px rgba(255,255,255,0.2) inset;
    -moz-box-shadow:0px 3px 0px #a19600, 1px 1px 2px rgba(255,255,255,0.5) inset, -1px -1px 2px rgba(255,255,255,0.2) inset;
    -webkit-box-shadow:0px 3px 0px #a19600, 1px 1px 2px rgba(255,255,255,0.5) inset, -1px -1px 2px rgba(255,255,255,0.2) inset;

    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}
    #signin .button:hover {
        color:#524c00!important;
        background: #f9f77d;
        background: -moz-linear-gradient(top,  #f9f77d 0%, #f8e706 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f77d), color-stop(100%,#f8e706));
        background: -webkit-linear-gradient(top,  #f9f77d 0%,#f8e706 100%);
        background: -o-linear-gradient(top,  #f9f77d 0%,#f8e706 100%);
        background: -ms-linear-gradient(top,  #f9f77d 0%,#f8e706 100%);
        background: linear-gradient(to bottom,  #f9f77d 0%,#f8e706 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f77d', endColorstr='#f8e706',GradientType=0 );
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f77d', endColorstr='#f8e706',GradientType=0 )";
    }
    #signin .button:active {
        color:#524c00!important;
        background: #f8e706;
        background: -moz-linear-gradient(top,  #f8e706 0%, #f9f77d 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8e706), color-stop(100%,#f9f77d));
        background: -webkit-linear-gradient(top,  #f8e706 0%,#f9f77d 100%);
        background: -o-linear-gradient(top,  #f8e706 0%,#f9f77d 100%);
        background: -ms-linear-gradient(top,  #f8e706 0%,#f9f77d 100%);
        background: linear-gradient(to bottom,  #f8e706 0%,#f9f77d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8e706', endColorstr='#f9f77d',GradientType=0 );
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8e706', endColorstr='#f9f77d',GradientType=0 )";
    }
#signin .button.default {
    text-shadow:0px 2px 0px #555;
    color:#fff;
    border:1px solid #6828a3;
    background: #50108b;
    background: -moz-linear-gradient(top,  #50108b 0%, #50108b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#50108b), color-stop(100%,#50108b));
    background: -webkit-linear-gradient(top,  #50108b 0%,#50108b 100%);
    background: -o-linear-gradient(top,  #50108b 0%,#50108b 100%);
    background: -ms-linear-gradient(top,  #50108b 0%,#50108b 100%);
    background: linear-gradient(to bottom,  #50108b 0%,#50108b100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50108b', endColorstr='#50108b',GradientType=0 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#50108b', endColorstr='#50108b',GradientType=0 )";

    box-shadow:0px 3px 0px #50108b, 1px 1px 2px rgba(255,255,255,0.5) inset, -1px -1px 2px rgba(255,255,255,0.2) inset;
    -moz-box-shadow:0px 3px 0px #50108b, 1px 1px 2px rgba(255,255,255,0.5) inset, -1px -1px 2px rgba(255,255,255,0.2) inset;
    -webkit-box-shadow:0px 3px 0px #50108b, 1px 1px 2px rgba(255,255,255,0.5) inset, -1px -1px 2px rgba(255,255,255,0.2) inset;

    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}
    #signin .button.default:hover {
        text-shadow:0px 2px 0px #555!important;
        color:#fff!important;
        border:1px solid #50108b;
        background: #6828a3;
        background: -moz-linear-gradient(top,  #6828a3 0%, #50108b 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6828a3), color-stop(100%,#50108b));
        background: -webkit-linear-gradient(top,  #6828a3 0%,#50108b 100%);
        background: -o-linear-gradient(top,  #6828a3 0%,#50108b 100%);
        background: -ms-linear-gradient(top,  #6828a3 0%,#50108b 100%);
        background: linear-gradient(to bottom,  #6828a3 0%,#50108b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6828a3', endColorstr='#50108b',GradientType=0 );
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#6828a3', endColorstr='#50108b',GradientType=0 )";

        box-shadow:0px 3px 0px #50108b, 1px 1px 2px rgba(255,255,255,0.2) inset, -1px -1px 2px rgba(255,255,255,0.4) inset;
        -moz-box-shadow:0px 3px 0px #50108b, 1px 1px 2px rgba(255,255,255,0.2) inset, -1px -1px 2px rgba(255,255,255,0.4) inset;
        -webkit-box-shadow:0px 3px 0px #50108b, 1px 1px 2px rgba(255,255,255,0.2) inset, -1px -1px 2px rgba(255,255,255,0.4) inset;
    }
    #signin .button.default:active{
        border:1px solid #50108b;
        background: #50108b;
        background: -moz-linear-gradient(top,  #71a901 0%, #82c202 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#71a901), color-stop(100%,#82c202));
        background: -webkit-linear-gradient(top,  #71a901 0%,#82c202 100%);
        background: -o-linear-gradient(top,  #71a901 0%,#82c202 100%);
        background: -ms-linear-gradient(top,  #71a901 0%,#82c202 100%);
        background: linear-gradient(to bottom,  #71a901 0%,#82c202 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71a901', endColorstr='#82c202',GradientType=0 );
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#71a901', endColorstr='#82c202',GradientType=0 )";
        box-shadow:0px 3px 0px #4e7500;
        -moz-box-shadow:0px 3px 0px #4e7500;
        -webkit-box-shadow:0px 3px 0px #4e7500;
    }
/* #endregion */

/* #region Gridview */
.toolbar{
    margin:10px 0px;
}
.toolbar > a{
    margin-right:15px;
}
.toolbar > a > img{
    margin-right:0px;
}
.gridview {
    width: 100%;
    font-size: 17px;
    border:1px solid #d5d5d5;
    margin:15px 0px;
}
.gridview td{
    vertical-align:middle;
    height:26px; 
    line-height:26px;
    padding:0px 2px;
}
.gridview_header th,
.gridview_header td,
.gridview_header div {
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #d5d5d5;
    color: #444;
    padding: 0px 2px;
    vertical-align: middle;
    font-size: 17px;
    text-overflow: ellipsis;
    overflow: hidden;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 51%, #ffffff 51%, #ffffff 52%, #f7f7ff 52%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(51%,#ffffff), color-stop(51%,#ffffff), color-stop(52%,#ffffff), color-stop(52%,#f7f7ff));
    background: -webkit-linear-gradient(top, #ffffff 51%,#ffffff 51%,#ffffff 52%,#f7f7ff 52%);
    background: -o-linear-gradient(top, #ffffff 51%,#ffffff 51%,#ffffff 52%,#f7f7ff 52%);
    background: -ms-linear-gradient(top, #ffffff 51%,#ffffff 51%,#ffffff 52%,#f7f7ff 52%);
    background: linear-gradient(to bottom, #ffffff 51%,#ffffff 51%,#ffffff 52%,#f7f7ff 52%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7ff',GradientType=0 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7ff',GradientType=0 )";
}
.gridview_header{
    border:1px solid #c2c2c2;
}
.gridview_header a:link, 
.gridview_header a:visited, 
.gridview_header a:hover, 
.gridview_header span
{
	 clear:both; 
     float:none; 
     display:block; 
     vertical-align:middle; 
     text-align:center; 
     height:27px; 
     line-height:27px; 
     color:#444; 
     text-shadow:0px 1px 0px rgba(255,255,255,0.8);
     font-style:normal; 
     text-overflow:ellipsis; 
     overflow:hidden;
}
.gridview_header .hover{
	background: #f8ffef;
    background: -moz-linear-gradient(top,  #f8ffef 51%, #ebfbd7 52%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(51%,#f8ffef), color-stop(52%,#ebfbd7));
    background: -webkit-linear-gradient(top,  #f8ffef 51%,#ebfbd7 52%);
    background: -o-linear-gradient(top,  #f8ffef 51%,#ebfbd7 52%);
    background: -ms-linear-gradient(top,  #f8ffef 51%,#ebfbd7 52%);
    background: linear-gradient(to bottom,  #f8ffef 51%,#ebfbd7 52%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffef', endColorstr='#ebfbd7',GradientType=0 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffef', endColorstr='#ebfbd7',GradientType=0 )";
}
.gridview_header .selected
{
	background-color:#50108b;
}

.gridview_header .sortASC,
.gridview_header .sortDESC
{
	background: #fefefe;
    background: -moz-linear-gradient(top,  #fefefe 0%, #dbdbdb 50%, #dbdbdb 50%, #d1d1d1 51%, #e2e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(50%,#dbdbdb), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#e2e2e2));
    background: -webkit-linear-gradient(top,  #fefefe 0%,#dbdbdb 50%,#dbdbdb 50%,#d1d1d1 51%,#e2e2e2 100%);
    background: -o-linear-gradient(top,  #fefefe 0%,#dbdbdb 50%,#dbdbdb 50%,#d1d1d1 51%,#e2e2e2 100%);
    background: -ms-linear-gradient(top,  #fefefe 0%,#dbdbdb 50%,#dbdbdb 50%,#d1d1d1 51%,#e2e2e2 100%);
    background: linear-gradient(to bottom,  #fefefe 0%,#dbdbdb 50%,#dbdbdb 50%,#d1d1d1 51%,#e2e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2',GradientType=0 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2',GradientType=0 )";
}
.gridview_header .sortASC a:link, 
.gridview_header .sortASC a:visited, 
.gridview_header .sortASC a:hover
{
	background:url(images/sort_asc.gif?v=1) no-repeat 50% top #b0e819; 
    clear:both; 
    float:none;
    color:#fff;
}
.gridview_header .sortDESC a:link, 
.gridview_header .sortDESC a:visited, 
.gridview_header .sortDESC a:hover{
	background:url(images/sort_desc.gif?v=1) no-repeat 50% top #b0e819;	 
    clear:both; 
    float:none;
    color:#fff;


}
.gridview_rowitem td {
    background:#fff;
    min-height:22px; 
    line-height:22px; 
    vertical-align:baseline;
    border: 1px solid #d5d5d5;
}
.gridview_rowalt td{
    min-height:22px; 
    line-height:22px; 
    vertical-align:baseline;
    background: #f8f8f8;
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#ededed));
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#ededed 100%);
    background: -o-linear-gradient(top,  #f8f8f8 0%,#ededed 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#ededed 100%);
    background: linear-gradient(to bottom,  #f8f8f8 0%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ededed',GradientType=0 );
    -ms-filter:" progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ededed',GradientType=0 )";
    border:1px solid #ccc;

}
.gridview_rowselected td
{
    background: #c7e7fd;
    min-height:22px; 
    line-height:22px; 
    vertical-align:baseline;
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#ededed));
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#ededed 100%);
    background: -o-linear-gradient(top,  #f8f8f8 0%,#ededed 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#ededed 100%);
    background: linear-gradient(to bottom,  #f8f8f8 0%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7e7fd', endColorstr='#ededed',GradientType=0 );
    border:1px solid #ccc;
    border-top:1px solid #fff;
}
.gridview_rowhover td{
    background: #f8f8f8;
    min-height:22px; 
    line-height:22px; 
    vertical-align:baseline;
    background: #f8ffef;
    background: -moz-linear-gradient(top,  #f8ffef 0%, #ebfbd7 87%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffef), color-stop(87%,#ebfbd7));
    background: -webkit-linear-gradient(top,  #f8ffef 0%,#ebfbd7 87%);
    background: -o-linear-gradient(top,  #f8ffef 0%,#ebfbd7 87%);
    background: -ms-linear-gradient(top,  #f8ffef 0%,#ebfbd7 87%);
    background: linear-gradient(to bottom,  #f8ffef 0%,#ebfbd7 87%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffef', endColorstr='#ebfbd7',GradientType=0 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffef', endColorstr='#ebfbd7',GradientType=0 )";
    border:1px solid #ccc;

}

.gridview_rowitem,
.gridview_rowalt{
    border:1px solid #d5d5d5;
}
.gridview_dataitem{
	 font-size: 17px; 
     overflow:hidden; 
     text-overflow:ellipsis;  
     vertical-align:middle; 
     line-height:20px; 
     min-height:20px;   
}
    .gridview_dataitem > a {
        color:#dd5605!important;
    }
.gridview td img{
    vertical-align:middle;
}
.gridview_pager td{
	 padding:1px; 
     border: 1px solid #d5d5d5;
     
}
.gridview_pager table td{
	border:none;
}
.gridview_pager td > span
{
    font-size: 17px; 
    line-height:25px;	
    height:25px; 
    width:30px; 
    vertical-align:middle;
    text-align:center; 
    display:block; 
    color:#fff;
    text-shadow: 1px 0px 0px #9E9E9E;

    text-shadow: 1px 1px 0px #22618D;
    border-bottom-color: #265E81;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color:#fff;
    border:1px solid #50108b;
    background: #6828a3;
    background: -moz-linear-gradient(top,  #81bc01 0%, #5e8d01 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#81bc01), color-stop(100%,#5e8d01));
    background: -webkit-linear-gradient(top,  #81bc01 0%,#5e8d01 100%);
    background: -o-linear-gradient(top,  #81bc01 0%,#5e8d01 100%);
    background: -ms-linear-gradient(top,  #81bc01 0%,#5e8d01 100%);
    background: linear-gradient(to bottom,  #81bc01 0%,#5e8d01 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81bc01', endColorstr='#5e8d01',GradientType=0 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#81bc01', endColorstr='#5e8d01',GradientType=0 )";
    -moz-box-shadow: 0 1px 1px #97e500, inset 0 0 3px #FFF;
    -ms-box-shadow: 0 1px 1px #97e500, inset 0 0 3px #FFF;
    -o-box-shadow: 0 1px 1px #97e500, inset 0 0 3px #FFF;
    -webkit-box-shadow: 0 1px 1px #97e500, inset 0 0 3px #FFF;
    box-shadow: 0 1px 1px #97e500, inset 0 0 3px #FFF;
}
.gridview_pager a
{
	display:block;
    height:25px; 
    width:30px; 
    line-height:25px;
    vertical-align:middle;
    text-align:center; 
    color: #333;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.5);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #7e7e7e;
    background: #f7f7f7;
    background: -moz-linear-gradient(top,  #f7f7f7 0%, #dedede 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#dedede));
    background: -webkit-linear-gradient(top,  #f7f7f7 0%,#dedede 100%);
    background: -o-linear-gradient(top,  #f7f7f7 0%,#dedede 100%);
    background: -ms-linear-gradient(top,  #f7f7f7 0%,#dedede 100%);
    background: linear-gradient(to bottom,  #f7f7f7 0%,#dedede 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dedede',GradientType=0 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dedede',GradientType=0 )";

    -moz-box-shadow: 0 1px 1px #fff, inset 0 0 3px #FFF;
    -ms-box-shadow: 0 1px 1px #fff, inset 0 0 3px #FFF;
    -o-box-shadow: 0 1px 1px #fff, inset 0 0 3px #FFF;
    -webkit-box-shadow: 0 1px 1px #fff, inset 0 0 3px #FFF;
    box-shadow: 0 1px 1px #fff, inset 0 0 3px #FFF;
}
.gridview_pager a:hover{
    border:1px solid #938f10;
    text-decoration:none;
    background: #f7eb03;
    background: -moz-linear-gradient(top,  #f7eb03 0%, #d1ca03 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7eb03), color-stop(100%,#d1ca03));
    background: -webkit-linear-gradient(top,  #f7eb03 0%,#d1ca03 100%);
    background: -o-linear-gradient(top,  #f7eb03 0%,#d1ca03 100%);
    background: -ms-linear-gradient(top,  #f7eb03 0%,#d1ca03 100%);
    background: linear-gradient(to bottom,  #f7eb03 0%,#d1ca03 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7eb03', endColorstr='#d1ca03',GradientType=0 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7eb03', endColorstr='#d1ca03',GradientType=0 )";
}
.gridview_firstPage{
    cursor:pointer; 
    background:url(images/first.png) no-repeat center center!important; 
    display:block;
    height:25px; 
    width:30px; 
    line-height:25px;
    vertical-align:middle;
    text-align:center; 
}
.gridview_nextPage{
    cursor:pointer; 
    background:url(images/next.png) no-repeat center center; 
    display:block;
    height:25px; 
    width:30px; 
    line-height:25px;
}
.gridview_prevPage
{
    cursor:pointer;  
    background:url(images/prev.png) no-repeat center center; 
    display:block;
    height:25px; 
    width:30px; 
    line-height:25px;
}
.gridview_lastPage{
    cursor:pointer; 
    background:url(images/last.png) no-repeat center center;
    height:25px; 
    width:30px; 
    display:block;
    line-height:25px;
    vertical-align:middle;
    text-align:center; 
}
.gridview_footer
{
	  background-color:#fff;
}
.displayname{
    color:#999;
    font-style:italic;
    margin:0px 5px;
    font-size:small; 
}
.choice{
    list-style-type:none;
    padding:0px;
    margin-bottom:15px;
}
.choice li{
    padding-left:20px;
    min-height:23px;
    line-height:23px;
    font-size:14px;
    vertical-align:middle;
    margin-bottom:5px;
}
.choice li.correct{
    background:url(images/correct.gif) no-repeat left center;
}
.choice li.incorrect{
    background:url(images/incorrect.gif) no-repeat left center;
}
/* #endregion */

/* #region Report */
.report{
    list-style-type:none;
    padding:0px;
}
.report li{
    background:url(images/report.png) no-repeat left center transparent;
    padding:0px 0px 0px 10px;
    border-bottom:1px dashed #ccc;
}
.report li a{
    display:block;
    padding:5px;
}
/* #endregion */

/* #region Dropdown */
.example{
    color:#aaaaaa;
    display:inline-block;
    margin-right:15px;
}
#options{
    position:relative;
    z-index:9999;
    float:right;
}
#options .dropdownMenu > li > a {
    color:#6828a3;
    font-size:0.9em;
}
#options .dropdownMenu > li:hover > a {
    color:#50108b;
}
.dropdownMenu{
    margin:0px; 
    padding:0px; 
    list-style-type:none; 
    display:inline-block;
    vertical-align:top;
}
.dropdownMenu a {
    display:inline-block;
    vertical-align:top;
}

.dropdownMenu li{
    display:inline-block;
    vertical-align:top;
    padding:0px; 
    margin:0px;
}
.dropdownMenu li.vertSeparator{
    border:none; 
    border-right:1px solid #3b3e43; 
    margin-left:0px;  
    width:2px; 
    padding:0px; 
    height:23px
}
.dropdownMenu li, .linkListMenu{    
    padding:0px;
    margin:0px;
    line-height:20px; 
    display:inline-block;
    vertical-align:top;
    border:1px solid transparent;
}
.dropdownMenu li:hover,
.dropdownMenu li.selected{    
    border-bottom:none;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
    border:1px solid #b0b0b0;
    border-top:1px solid #dddddd;
    box-shadow:0px 1px 0px #fff inset;
    -moz-box-shadow:0px 1px 0px #fff inset;
    -webkit-box-shadow:0px 1px 0px #fff inset;
}
.dropdownMenu > li{
     border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.dropdownMenu > li > a{
    padding:5px 5px;
    display:block;
    font-size:0.9em;
}
.dropdownMenu li.selected > a{    
    position:relative;
    margin:0px; 
}
.dropdownMenu li a > img{
    margin-right:5px;
    vertical-align:baseline;
}
.linkListMenu a{
    position:relative;
}
.dropdownMenu .linkListMenu > a > .i{
	padding: 0px;
}
.linkListMenu > div{
    position:absolute; 
    z-index:500; 
    min-height:20px; 
    margin:0px; 
    padding:0px; 
    display:none; 
}
.linkListMenu ul{ 
    position:relative;
    z-index:501; 
    left:0px; 
    top:0px; 
    min-height:20px; 
    line-height:20px;   
    margin:0px; 
    padding:0px;
    list-style-type:none;
    background: #f6f6f6;
    background: -moz-linear-gradient(top,  #f6f6f6 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(top,  #f6f6f6 0%,#e8e8e8 100%);
    background: -o-linear-gradient(top,  #f6f6f6 0%,#e8e8e8 100%);
    background: -ms-linear-gradient(top,  #f6f6f6 0%,#e8e8e8 100%);
    background: linear-gradient(to bottom,  #f6f6f6 0%,#e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e8e8e8',GradientType=0 );
    border:1px solid #a8a8a8;
    border-radius:0px 0px 5px 5px;
    -moz-border-radius:0px 0px 5px 5px;
    -webkit-border-radius:0px 0px 5px 5px;
}
.linkListMenu ul > li{
    display:block;
    margin:0px; 
    padding:0px; 
    text-align:left;  
    list-style-type:none;
    border-bottom:1px solid #cacaca;
    box-shadow:0px 1px 0px #fff;
    -moz-box-shadow:0px 1px 0px #fff;
    -webkit-box-shadow:0px 1px 0px #fff;
}
.linkListMenu ul > li:last-child{
    border-bottom:none;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}
.linkListMenu ul > li > a{
    display:block;
    padding:2px 10px;
    white-space:nowrap;
}
.linkListMenu .listGroup > span{
    color:#CCC;
    padding:2px 5px;
    line-height:1.8em;
}
.linkListMenu .listGroup > span.name{
    white-space:nowrap;
    color:#FFF;
    font-weight:bold;  
}
.linkListMenu .listGroup div.child{
    display:block;
    position:relative;
    z-index:1002;
    border:none;
}
.linkListMenu div ul > li:hover{
    border-color:transparent;
    border-bottom:1px solid #c6c6c6;
}
.linkListMenu div ul > li > a:hover{
    background-color:#fdfdfd;
}
.linkListMenu div.child ul > li > a{
    white-space:nowrap
}
li.hozSeparator{
    background:#666;  
    height:1px; 
    min-width:150px; 
    padding:0px; 
    line-height:1px; 
    font-size:0em;
    border:none;
}
.i{
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    padding: 0px;
    margin: 0px;
    line-height: 0px;
    text-align: center;
    background-color: transparent;
}
.vertPopout{
    background:url(images/vertPopOut.png) no-repeat center top;
}
/* #endregion */

/* #region Cart */
 .draggable {
    border: 2px solid #FF9900;
    margin: auto;
    width: 250px;
    z-index: 100;
    cursor: move;
    background: #FF9900;
    top: 200px;
    right: 50px;
    position: fixed;
    font-size: large;
}
 .draggable ul
 {
     background:#fff;
     margin:20px 0 0 0;
     padding:15px;
     cursor:default;
     clear:both;
     float:none;
     list-style:none;
     
 }
 .draggable span a
 {
    float:right;
    color:#000;
    padding-right:5px;
 }
 /* #endregion */
  /* #region Opinion */
   #pnlOpinion {
     margin:20px 0;
 }
 .comment {
     list-style:none;
     margin:5px 0;
     width:460px;
     color:#333333;
 }
 .comment a {
     visibility:hidden;
     float:right;
 }
 .comment .owner {
     font-weight:bold;
     color:#3b5998;
     margin-right:5px;
 }
     .comment .time {
         display:block;
         margin:3px 0 0 5px;
         font-size:smaller;
         color:#808080;
     }
    .comment li {
        padding: 5px 3px;
        background-color: #eceff6;
        margin: 2px 0;
        border: #d4dae8;
    }

     .comment li textarea{
         width:450px;
     }
     .comment li input {
         width:50px;
         display:block;
     }
#load-more {
    color: #999;
    font-weight: bold;
    text-align: center;
    padding:0 20px;
    cursor: pointer;
}
    #load-more:hover {
        color: #666;
    }
.wrapword {
    white-space: -moz-pre-wrap !important;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
}
/* #endregion */
/* #region tabmenu */
.topic{
    margin-bottom:30px!important;
}
.tabmenu li {
    margin:0px 1px!important;
}
.tabmenu li > a{
    font-size:0.8em;
}
.topic-content .tabmenu li.selected {
    background-color:#123F9F;
    padding:0px;
}
.topic-content .tabmenu li:hover,
.topic-content .tabmenu li.selected:hover{
    background-color:#904bd0;
}
.topic-content .tabmenu li:hover a{
    color:#fff;
}
.topic-content .tabmenu li a,
.topic-content .tabmenu li.selected a,
.topic-content .tabmenu li.selected a:hover{
    background:none!important;
}
.topic-body .view.list{
    list-style-type:none;
    padding:0px;
}
.topic-body .view.list li{
    margin:10px 0px;
    border-bottom:1px dashed #9c9c9c;
    padding:0px 0px 5px 0px;
}
.topic-body dd.icon{
    float:left;
    width:60px;
    text-align:left;
}
.topic-body dt{
    display:inline-block;
    vertical-align:top;
    width:690px;
}
.topic-body .desc,
.topic-body .date{
    display:inline-block;
    vertical-align:top;
    width:690px;
    color:#7d7d7d;
    font-size:0.8em;
}
/*#endregion */
/* #region Webboard*/
.form .webboard > .header{
    font-size:1em;
}
.topic.table .head{
    background: #50108b;
    background: -moz-linear-gradient(top,  #50108b 0%, #50108b 50%, #50108b 51%, #50108b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ab545), color-stop(50%,#5e9131), color-stop(51%,#418010), color-stop(100%,#679d35));
    background: -webkit-linear-gradient(top,  #8ab545 0%,#5e9131 50%,#418010 51%,#679d35 100%);
    background: -o-linear-gradient(top,  #8ab545 0%,#5e9131 50%,#418010 51%,#679d35 100%);
    background: -ms-linear-gradient(top,  #8ab545 0%,#5e9131 50%,#418010 51%,#679d35 100%);
    background: linear-gradient(to bottom,  #8ab545 0%,#5e9131 50%,#418010 51%,#679d35 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ab545', endColorstr='#679d35',GradientType=0 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ab545', endColorstr='#679d35',GradientType=0 )";
}
/*#endregion */
/* #region ShareList */
 .shareList, .activeShare
  {
      float: left; padding: 0px; margin: 2px;
      background: url(images/caretDown.gif) no-repeat right top;
  }
  .shareList a, .activeShare a
  {
     margin: 1px; padding: 1px 3px; height: 20px;line-height: 20px; _height: 18px; _line-height: 18px;
	 float : left; text-decoration: none; display: block;
  }
  .shareList a, .activeShare a
  {
      padding: 1px 15px 1px 5px;
      _text-decoration: none;
  }
  .activeShare a
  {
      margin: 0px; border: 1px solid #f89246; border-bottom: 1px solid #df7526;
      _height: 18px; _padding: 1px 16px 1px 6px;
  }
  .activeShare a:hover
  {
      _text-decoration: none; _padding: 1px 16px 1px 6px;
  }
  .shareList a:hover
  {
      margin: 0px; border: 1px solid #f89246;
      _height: 18px; _line-height: 18px; _padding: 1px 16px 1px 6px; _text-decoration: none;
  }
.dynamicMenu
{
 position:absolute; top:auto!important; left:auto!important; z-index:1000; float:left; min-height:20px; margin:27px 2px !important; padding:0px; display:none;
}
.menuItems
{
  clear:both; float:none; min-height:20px; line-height:20px;  border:1px solid #f89246; border-right:2px solid #c8641b;border-bottom:2px solid #c8641b; background:#FFF; margin:0px; padding:0px; list-style-type:none;
}
.menuItems li
{
 clear:both; float:none; margin:2px; padding:1px; text-align:left;
}

.menuItems li a:link, .menuItems li a:visited, .menuItems li a:hover
{
clear:both; float:none;	text-decoration:none; display:block; margin:1px; padding:0px 2px; white-space:nowrap
}
.menuItems li a:hover
{
 border:1px solid #f89246; margin:0px; color:#5E5E5E; background:#ffd697;
}

.menuItems li.hozSeparator
{
	 border-top:1px solid #f89246; margin-top:2px; height:1px; width:125px; padding:0px; line-height:1px; clear:both; float:none; font-size:1px;
}

body.contentDetial fieldset,
table .inputrow fieldset{
    width:960px;
}
div.fileUpload{
    border:1px solid #AAA;
    width:975px;
}
.radio input,.checkbox input,.radiobox input,.listoption input,.radiolist input,.Radiolist input,.Checkbox input ,.Radiobox input 
{
   margin-left: 3px;
    font-size: medium;
    width: 15px;
    height: 15px;
} 
 
  /* #endregion */

/* #region ContentDetail */

.contentDetial .body {
    margin: 20px auto;
    width: 980px;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
}
.contentDetial label.label {
    color:#1241A2;
}
  .body.popup {
    width:auto!important;
    margin:0!important;
    padding:0px!important;
    box-shadow:0 0 0 #fff;
    -webkit-box-shadow:0 0 0 #fff;
    -moz-box-shadow:0 0 0 #fff;
}
 /* #endregion */

.subject {
    width:650px!important;
}
.chapter {
    width:650px!important;
}
.subjectshort {
    width:607px!important;
}
.depLevel1, .depLevel2 {
    padding:5px;
    background-color: #d0d0d0;
}
.depLevel3, .depLevel4 {
    padding:5px;
    background-color: #efebeb;
}
.checkheader input {
    display:none;
}
label.labelReportBold{
     font-family: "th_baijam",lucida grande ,Verdana, Geneva, Tahoma, sans-serif;
   
}
label.labelReport{
    font-family: "th_baijam",lucida grande ,Verdana, Geneva, Tahoma, sans-serif;
   
}
   /* Progress */
.UpdateProgressBackground
{
    margin:0px;
    padding:0px;
    top:0px; bottom:0px; left:0px; right:0px;
    height:100%;
    width:100%;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    font-family:'Verdana, Tahoma';
    font-size:28px;
    position:fixed;
    z-index:1000;
    background-color:#cccccc;
    filter: alpha(opacity=60);
    opacity: 0.6;
}
.UpdateProgressContent
{
  padding: 20px;
  border: 1px dashed #C0C0C0;
  background-color: #FFFFFF;
  width: 200px;
  text-align: center;
  vertical-align: bottom;
  z-index: 1001;
  top: 30%;
  margin:0px;
  position: relative;
  color:#FF0000;
}
 /* End Progress */
  /* Popup */
  .popupContent {
    height:505px;
    overflow-y:scroll;
    width:645px;
    margin: 0 10px;
}
.pnlButton
{
    min-height:50px;
}
.pnlButton p
{
    border-top:1px solid #DDD;
    width:100%;
    height:40px; 
    line-height:40px;
    position:fixed; 
    z-index:1;
    bottom:0px; 
    right:0px; 
    display:block; 
    padding:2px 0px;  
    background:#EEE;
    text-align:right
}
.pnlButton .button
{
    margin:2px;
}
 /* End Popup */
 /* #region Calendar */
#ctl00_main_CalendarControl {
    margin:20px auto 0px;
}
#ctl00_main_CalendarControl td[style="background-color:Silver;"] {
    
    background: #50108b;
    background: -moz-linear-gradient(top,  #50108b 0%, #50108b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82c202), color-stop(100%,#71a901));
    background: -webkit-linear-gradient(top,  #82c202 0%,#71a901 100%);
    background: -o-linear-gradient(top,  #82c202 0%,#71a901 100%);
    background: -ms-linear-gradient(top,  #82c202 0%,#71a901 100%);
    background: linear-gradient(to bottom,  #82c202 0%,#71a901 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82c202', endColorstr='#71a901',GradientType=0 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#82c202', endColorstr='#71a901',GradientType=0 )";

}
#ctl00_main_CalendarControl td td {
    color:#fff200!important;
}
.othermonthday {
    background-color:#ebebeb!important;
    color:#a0a0a0;
}
    .othermonthday[style='background-color:#C7DFF7;height:60px;width:14%;'] {
         background-color:#cfcfcf!important;
    }
.weekend {
    background-color:#fffbaa!important;
}
#ctl00_main_CalendarPanel td a {
    font-size:15px;
}
#ctl00_main_CalendarPanel td hr {
    border:none;
    border-bottom:1px dashed #a1a1a1;

}
/* #endregion */


 /* #region gridview Grade */
.gridview td.gridview_dataitem {
    padding: 0px 5px;
}

.gridview_rowitem td.student {
    background: #f8f8f8;
    min-height: 22px;
    line-height: 22px;
    vertical-align: baseline;
    background: #fff173;
    background: -moz-linear-gradient(top,  #fff173 17%, #f9e75d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(17%,#fff173), color-stop(100%,#f9e75d));
    background: -webkit-linear-gradient(top,  #fff173 17%,#f9e75d 100%);
    background: -o-linear-gradient(top,  #fff173 17%,#f9e75d 100%);
    background: -ms-linear-gradient(top,  #fff173 17%,#f9e75d 100%);
    background: linear-gradient(to bottom,  #fff173 17%,#f9e75d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff173', endColorstr='#f9e75d',GradientType=0 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff173', endColorstr='#f9e75d',GradientType=0 )";

    border: 1px solid #ccc;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.gridview_rowitem td {
    background: none;
}

.gpa {
    text-align: right;
}

    .gpa td {
        color: #bf0600;
    }

.fntBold {
    font-weight: bold;
}

.txtRight {
    text-align: right !important;
}

.txtCenter {
    text-align: center !important;
}
        /* #endregion */