.extjstraining {

}

.extjstraining .properties {
    height:37px;
    overflow:hidden;
    border:solid black 1px;
    background-color:#eee;
}

.extjstraining .properties.open {
    height:auto;
}

.extjstraining .properties h4 {
    cursor:pointer;
    margin:10px 20px;
}

.extjstraining .properties h4 span {
    color:black;
}

.extjstraining .properties ul {
    margin:0 0 20px 0;
}

.extjstraining .properties li.system {
    color:darkgray;
}

/* widgets */
#CQ .ejst-customwidget-1 {
    width:100px;
    margin-top:4px;
}

#CQ .ejst-customwidget-2 {
    width:170px;
}

#CQ .ejst-browsewindow {
}

#CQ .x-html-editor-tb .x-edit-inserttext {
    background: url(clientlib/css/my_icon.png) center no-repeat !important;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

div.announcement_content_right>h1{margin-bottom: 20px;color: #ad182e;font-size:200%;}

#announcement ol,#announcement ul{list-style:none;}
#announcement blockquote,#announcement q{quotes:none;}
#announcement table{border-collapse:collapse;border-spacing:0;}

#announcement .menu{display:inline-block;*display:inline;zoom:1;background-color:#fff;float:left;font-size:16px;}
#announcement .menu div#year{padding-left:47px;margin-bottom:10px;display:none;}
#announcement .menu .slider{position:relative;text-align:left;}
#announcement .menu .slider .bar{width:5px;transition:.5s;-webkit-transition:.5s;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}
#announcement .menu .slider .bar{position:absolute;top:0px;left:60px;*left:77px;height:100%;background-color:#777;}
#announcement .menu .slider .bar a.knob{display:none;}
#announcement .menu .slider ul li.selected .knobClone{background-color:#c1022f !important;}
.knobClone{z-index:20;display:block;position:absolute;top:11px;left:57px;margin:2px 0 0 0;height:12px;width:12px;background-color:#ccc;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;transition:.5s;-webkit-transition:.5s;cursor:default;}
.knobClone:hover{background-color:#c1022f;}
#announcement .menu .slider ul{display:inline-block;*display:inline;zoom:1;margin:0;list-style:none;padding:0 40px 0 0;}
#announcement .menu .slider ul>li{margin:0px;width:60px;padding:10px 0;position:relative;}
#announcement .menu .slider ul>li>a{color:#444;margin:0;}
#announcement .menu .slider ul>li>a:hover,#announcement .menu ul>li.selected>a{color:#b31c2b;}

#content>div div#announcement>div>h1{color:#AD182E;margin-bottom:5px;padding-right:0;padding-left:10px;float:left;}
#announcement .container>.nav-bar{float:right;margin-top:13px;padding-right:20px;}
#announcement .container{position:relative;text-align:left;z-index:1;overflow:hidden;}
#announcement .container>.bg{clear:both;background-color:#f1f2f2;padding-top:20px;border-top:4px solid #c1022f;min-height:475px;padding:20px;height:auto;}
#announcement .container>.bg.calendar{background-color:#fff;}
#announcement .container>.bg.calendar table{width:100%;margin-left:0;}
#announcement .container>.bg>div{border-top:1px solid #c1022f;margin-top:11px;padding-top:17px;background-color:#F1F2F2;text-align:right;}
#announcement .container>.bg>div>a{color:#333;}
#announcement .container>.bg>div>a:hover,#announcement .container>.bg>div>a.active{color:#B31C2B;}
#announcement .container>.bg ul{list-style:disc outside;padding-left:20px;padding-top:13px;}
#announcement .container>.bg ul>li{color:#333;margin-bottom:2px;padding-bottom:10px;clear:both;}
#announcement .container>.bg ul>li>a{display:block;color:#333;margin:0;}
#announcement .container>.bg ul>li>a:hover{display:block;color:#666;}
#announcement .container>.bg ul>li>a>span:first-child{float:right;text-align:right;padding-left:20px;width:30%;padding-bottom:10px;}
#announcement .container>.bg ul>li>a>span:last-child{width:70%;display:block;}
#announcement .container>.bg ul>li>a>span{}
#announcement .container>.bg table{width:677px;margin-left:20px;}
#announcement .container>.bg table tr>th{padding:10px !important;border:1px solid #a4a6a9;background-color:#999;}

#announcement .container a{color:#000!important;}
#announcement .container a:hover{color:#ba1f3e!important;}
#announcement .container .pic{ float:right;border:none!important;margin:0 0 10px 0px;!important;padding:0 0 10px 0 !important;width:200px!important;text-align:right;display:block;}
#announcement .container .pic2{ width:80px!important;margin-top:13px;}
#announcement .container p.first-para{float:left;margin-top:13px;}
#announcement .container .sep{ margin-bottom:40px;border:none!important;margin:0!important;padding:0 !important;float:left;}
#announcement .container .content{ border:none!important;margin:0!important;padding:0 !important;float:left;text-align:left!important;width:45%!important;float:left;}

#announcement .container div a.selected{ color: #2fb0ad!important;}

#announcement a{text-decoration:none;color:#fff;margin:0 10px;}
#announcement .btn{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;display:inline-block;padding:10px 20px;height:50px;background-color:#666;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;line-height:30px;font-size:16px;font-weight:bold;text-shadow:0px 1px 1px #888;}
#announcement a.btn span.btn{position:absolute;top:4px;left:0;z-index:-1;width:100%;background-color:#444;}
#announcement .btn:active,#announcement .btn:active > span.btn{top:2px;}
#announcement .btn.active,#announcement .btn.active > span.btn{top:2px;}
#announcement .btn-small{height:30px;font-size:12px;line-height:10px;}
#announcement a.btn-small span.btn{height:30px;}

.tablereset{width:700px!important;}
.tablereset td{background-color:#F1F2F2!important;border:none!important;vertical-align:top;}