/************************************************************************************
S I A S   C O R E   S T Y L E S
*************************************************************************************/
html, body{
    background: #fff; font: 9pt Tahoma, Arial, Sans; margin: 0; height:100%;
}
/* Opera Fix For Sticky Footer */
body:before {
    content:""; height:100%; float:left; width:0; margin-top:-32767px;
}
legend{
    font-weight: bold;
}
h1, h2  {
    font: italic 13pt 'Century',serif;
}
h2  {
    color:#999; margin-bottom:20px; 
}
fieldset {
    margin:8px;
}
hr {
    border:none; background:url(img/ui/ph.gif) repeat-x 0px -10px; margin:3px 0px;height:10px;filter: alpha(opacity=70); opacity: .70; -moz-opacity: .70;
}
fieldset  {
    margin:5px; padding:0 10px;
}
textarea {
  /*  font-family: Microsoft Sans Serif, Sans-Serif;*/
}
em  {
    color:#800099; font-style:normal;
    /*font-family:'Century' , serif; */
    letter-spacing:1px;
}
/************************************************************************************
b r a n d i n g
*************************************************************************************/
#logo {
    position:absolute; background:url(img/logo.png) no-repeat bottom right; width:250px; height:42px;
}

/************************************************************************************
t h e m e   l a y o u t 
*************************************************************************************/
#page_wrapper  {
    min-height:100%;width:100%;
}
div#wrapper {
   height:100%;width:100%;overflow:hidden;float:left;

}
div#hdr { /* Top Header */
    background: #fff url(img/ui/t.gif) repeat-x top left;
    height: 81px; margin-bottom: -35px;position:relative;z-index:20;
}
div#hd_aa {
    float: left; padding: 5px 0 0 5px;
}
div#hd_ab { 
    position:absolute; top:50px; left:30px;color:#AAA;
    font-weight:bold; font-size:7.5pt; font-variant:small-caps;   
}
div#hd_b {
    text-align: right; float: right;
}
div#hd_c {
    background: transparent; float: right; clear: right; margin-top: 3px;
}
div#shdr_a { /*  Menu Bar */
    height: 19px;
    z-index:20;
}
div#shdr_b {
    height: 13px; clear: both; font-size: 8pt; padding: 12px 3px 3px 3px;
}
div#bod { /*  Content Panel */
    color: #000;padding-bottom:20px;
}
/*  Content Panel - Heading */
div#bod_a {
    background: #FFF url(img/ui/ph.gif) repeat-x; 
    height: 23px; padding-left: 25px; clear:both; z-index:15;position:relative;
}
div#bod_aa {
    background: url(img/ui/pl.gif) no-repeat top left;
    float: left; width: 15px; height: 23px;
}
div#bod_ab {
    background: url(img/ui/pt.gif) repeat-x;
    padding-top: 3px; float: left; text-align: center; min-width: 175px;
}
div#bod_ac {
    background: url(img/ui/pb.gif) no-repeat top left;
    float: left; width: 30px; height: 23px;
}
/*  Content Panel - Context Menu */
div#bod_b {
    clear: left;margin:10px; 
    padding: 12px 7px 0 0; float: left;display:block;max-width:25%;height:100%;
}
/*  Content Panel - Content Viewport */
div#bod_c {
    margin:10px;
}

div#content_wrapper {
    float:none; padding: 10px; max-width: 83%; margin:0 auto; 
}
/* Theme Layout - Footer */
div#fut {
    background: #fff url(img/ui/b.gif) repeat-x;
    padding: 0px; font-size: 8pt; clear: both; position: relative;
	margin-top: -50px; height: 33px; padding-top:17px;
}
div#fut_a {
    text-align: center;
    
}
div#fut_b {
    text-align: center;  
}
/************************************************************************************
t h e m e   e l e m e n t s
*************************************************************************************/
/* Multilevel Horizontal with vertical dropdown Tri-State, Transparent PNG */
ul.MM {
    list-style: none; padding: 0; height: 22px; position: relative;
    float: right; margin: 0 15px 0 0;
}
ul.MM li {
    display: block; float: left; margin: 0 -15px 0 0;
}
ul.MM li a {
    display: block; text-decoration: none; position: relative;
}
ul.MM li a b.l {
    display: block; width: 15px; height: 22px; float:left;
    background: url(img/ui/m_lft.png);
}
ul.MM li a b.c {
    background: url(img/ui/m_bg.png) repeat-x;
    display: block; height: 22px; padding: 1px 10px; float: left;
    text-align: center; line-height: 21px; color: #666;
    font-weight: normal; 
   /* font-family: verdana; */
    font-size: 12px;
}
ul.MM li a b.r {
    background: url(img/ui/m_rgt.png);
    float: left; display: block;  width: 15px;
    height: 22px; position: relative; z-index: 100;
}

ul.MM li a.m0 { z-index: 600; }
ul.MM li a.m1 { z-index: 500; }
ul.MM li a.m2 { z-index: 400; }
ul.MM li a.m3 { z-index: 300; }
ul.MM li a.m4 { z-index: 200; }
ul.MM li a.m5 { z-index: 100; }

/* Theme Elements : Tab Menu Level 1 Mouse Over  */
ul.MM li a:hover, ul.MM li a:focus, ul.MM li a:active {
    border: 0; z-index: 700;
}
ul.MM li a:hover b.l, ul.MM li a:focus b.l, ul.MM li a:active b.l {
    position: relative; z-index: 100; background: url(img/ui/mo_lft.png); cursor: pointer;
}
ul.MM li a:hover b.c, ul.MM li a:focus b.c, ul.MM li a:active b.c {
    background: url(img/ui/mo_bg.png) repeat-x;
    color: #AA00CC; position: relative; z-index: 100; cursor: pointer;
}
ul.MM li a:hover b.r, ul.MM li a:focus b.r, ul.MM li a:active b.r {
    background: url(img/ui/mo_rgt.png);
    cursor: pointer; position: relative; z-index: 100;
}
ul.MM li a.selected {
    z-index: 800;
}
ul.MM li a.selected b.l, ul.MM li a:hover.selected b.l, ul.MM li a:active.selected b.l {
    position: relative; z-index: 200; background: url(img/ui/ma_lft.png); cursor: pointer;
}
ul.MM li a.selected b.c, ul.MM li a:hover.selected b.c, ul.MM li a:active.selected b.c
{
    position: relative; z-index: 200; background: url(img/ui/ma_bg.png) repeat-x; color: #FFF;
    cursor: pointer;
}
ul.MM li a.selected b.r, ul.MM li a:hover.selected b.r, ul.MM li a:active.selected b.r
{
    position: relative; z-index: 200; background: url(img/ui/ma_rgt.png); cursor: pointer;
}

/* 2nd Level */
ul.MM li ul { width:175px; padding:7px 0px; margin-top:22px; margin-left:-2px; background: #eee;
              -webkit-box-shadow:0px 0 5px #BBB; -moz-box-shadow:0px 0 5px #ccc; box-shadow:0px 0 5px #ccc;  
               visibility:hidden;border:1px solid #888;position:absolute; clear:both;filter: alpha(opacity=80); opacity: .80; -moz-opacity: .80;}
ul.MM li ul li { width:100%;display:block; background:#ddd;}
ul.MM li ul li a b.l,ul.MM li ul li a b.r, ul.MM li ul li a b.c {background-image:none;padding:0px;margin:0}
ul.MM li ul { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -khtml-border-radius: 7px;}

/* 2nd Level MouseOver*/
ul.MM li:hover ul {visibility:visible; }
ul.MM li:hover ul li {display:block; clear:both; background:none; border-bottom:1px solid #ddd; border-top:1px solid #fff;}
ul.MM li:hover ul li a b.l, ul.MM li:hover ul li a b.r,  ul.MM li:hover ul li a b.c {background:none;width:auto; }
ul.MM li:hover ul li a b.l { background:transparent url(img/ui/po.png) 0px 4px; width:16px;}
ul.MM li ul li:hover a b.l { background:transparent url(img/ui/p.png) 0px 4px;}
ul.MM li ul li:hover {background:#ddd;border-bottom:1px solid #ccc; }
ul.MM li ul li a:hover {text-decoration:underline;color:#AA00CC; }
ul.MM li:last-child ul {margin-left:-95px}

/* Theme Elements - Context Menu */
ul#MC
{
    margin: 0;
    border: 0 none;
    padding: 0;
    list-style: none;    
}
ul#MC:after /*From IE 7 lack of compliance*/
{
    clear: both;
    display: block;
    font: 1px/0 Tahoma, Arial, Sans;
    content: ".";
    height: 0;
    visibility: hidden;
}
ul#MC li
{
    float: left; /*For IE 7 lack of compliance*/
    display: block !important; /*For GOOD browsers*/
    display: inline; /*For IE*/
    position: relative;
    clear: both;
    width: 125px;
}
ul#MC a
{
    border: 1px solid #FFF;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
    padding: 0 6px;
    display: block;
    background: #EEE;
    color: #666;
    font: bold 10px/22px;/* Verdana, Arial, Helvetica, sans-serif;*/
    text-decoration: none;
    height: auto !important;
    height: 1%; /*For IE*/
}

ul#MC a:hover, ul#MC li:hover a, ul#MC li.iehover a
{
    background: #ccc;
    color: #AA00CC;
}

ul#MC a.selected
{
   background-color: #AA00CC;
   color: #FFF;
}

/* Theme Elements - Content Title */
div#bod_ab h1
{
    display: inline;
    font: italic 13pt 'Century' , serif;
    color: #800099;
}

/* Theme Elements - BreadCrumbs  */
div#shdr, div#shdr a
{
    font-size: 8pt;
    padding: 2px;
}
div#shdr a
{
    color: #800099;
}
div#shdr a:hover
{
    color: #AA00CC;
}

/* Links & Buttons */
a
{
    color: #666666;
}
a:hover
{
    color: #800099;
}

.button, button, input[type="button"], input[type="submit"]
{
    background:#af00d2 url(img/ui/i.gif) repeat-x top left;
    background: -moz-linear-gradient( center top, #AF00D2 5%, #67007B 100% ); /* firefox */
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #AF00D2), color-stop(1, #67007B) ); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AF00D2', endColorstr='#67007B'); /* ie */
    border:2px solid #af00d2; border-bottom:2px solid #af00d2; border-right:2px solid #67007B;
    color: #eee; cursor:pointer; margin:3px; padding:4px 8px;
    border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;
    font-size:8pt;  font-weight:bold; font-variant:small-caps; letter-spacing:1px;
    -webkit-box-shadow:0px 0 7px #888; -moz-box-shadow:0px 0 7px #888; box-shadow:0px 0 7px #888;
    min-width:120px;
}
.button:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover {
    color:#fff; background:#67007B;
    background: -moz-linear-gradient( center top, #67007B 5%, #AF00D2 100% ); /* firefox */
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #67007B), color-stop(1, #AF00D2) ); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67007B', endColorstr='#AF00D2'); /* ie */
    border:2px solid #67007B; border-top:2px solid #AF00D2; border-left:2px solid #AF00D2;
}

/* Just checking - this should like be a positioned single image */
a.btn { display:inline-block; text-decoration:none;  width:16px; height:16px; padding:2px; border:1px solid transparent; }
tr a.btn {vertical-align:text-bottom;}
a.btn:hover { border:1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
a.logout { background:url(img/icon/logout_off.png) no-repeat center center; }
a.logout:hover { background:#ddd url(img/icon/logout_on.png) no-repeat center center; }
a.profile { background:url(img/icon/key_off.png) no-repeat center center; }
a.profile:hover { background:#ddd url(img/icon/key_on.png) no-repeat center center;}
a.users { background:url(img/icon/users_off.png) no-repeat center center; }
a.users:hover { background:#ddd url(img/icon/users_on.png) no-repeat center center;}
a.reset {background:url(img/icon/user_reset_off.png) no-repeat center center;}
a.udel {background:url(img/icon/user_del_off.png) no-repeat center center;}
a.edit {background:url(img/icon/user_edit_off.png) no-repeat center center;}
a.reset:hover {background:url(img/icon/user_reset_on.png) no-repeat center center;}
a.udel:hover {background:url(img/icon/user_del_on.png) no-repeat center center;}
a.edit:hover {background:url(img/icon/user_edit_on.png) no-repeat center center;}

/* Theme Elements - Footer Links  */
div#fut {
    font-size: 8pt; color: #990000; clear: both;
}
div#fut a {
    text-decoration: none; color: #888;
}
div#fut a:hover {
    text-decoration: underline;
    color: #990000;
}

/* Causes a problem in IE6 with the Logout link
div#hd_b { position:absolute; top:20px; right:20px; }*/
/* New IE6 compliant style */
div#hd_b
{
    height: 43px;
    top: 20px;
    right: 20px;
}

a.ad { background:url(img/ui/a.png) no-repeat center center;float:right; width:16px; height:16px;text-decoration:none;margin-top:4px;}
aside
{
    position:absolute;top:116px; left:0px;z-index:10; background:#fff;
     
}
aside ul {  border:1px solid #999; width:230px;border-top:0px;border-left:0px;padding-top:5px;
            -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius:8px; -webkit-box-shadow:0px 0 5px #BBB; -moz-box-shadow:0px 0 5px #ccc; box-shadow:0px 0 5px #ccc;
}
aside ul { list-style:none;}
aside li { padding:10px; border-bottom:1px solid #ccc;}
aside li:last-child { border:none;}
/************************************************************************************
a j a x   l o a d e r
*************************************************************************************/
#page_mask 
{
    position:absolute;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    display: table;
    background:#fff;
    filter: alpha(opacity=80);
    opacity: .80;
    -moz-opacity: .80;  
    z-index:11000;
    
}
#busy_mask 
{
    display: table-cell;
    margin: 0; 
    padding: 0;

    text-align: center;
    vertical-align: middle;
}
#page_busy {
    width: 100px;
    height: 100px;
    margin: auto;
    background:#fff url(img/loading.gif) no-repeat center center;
}
/* Expand / Collapse elements */
.exp
{
    background: url(img/icon/expand.png) no-repeat;
    cursor: pointer;
    width: 12px;
    height: 12px;
    display: inline-block;
}
.clps
{
    background: url(img/icon/collapse.png) no-repeat;
    cursor: pointer;
    width: 12px;
    height: 12px;
    display: inline-block;
}

.gridview
{
    min-height: 200px;
}

/************************************************************************************
i n p u t   f o r m s 
*************************************************************************************/
form fieldset, fieldset.validationGroup { background:#FFF; border:none;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; 		
	background: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#FFF), to(#EEE)); 
	background: -moz-linear-gradient(0% 90% 90deg,#EEE, #FFF); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#eeeeee', GradientType=0 );
    
	-webkit-box-shadow:0px 0 10px #ccc;	-moz-box-shadow:0px 0 10px #ccc; box-shadow:0px 0 10px #ccc;
}
	
form ul  {
    padding:5px; 
}
form ul, form ul {
	list-style:none; width:100%;
}
form ul li {
    width:46%; float:left;display:block;clear:none;border:none; 
    margin:0 5px;vertical-align:middle;padding:3px; line-height:16px;
}
form legend {
    color:#777; width:95%;padding:6px; border-bottom:1px solid #ccc; clear:both; 
}
form li label {
    display:block;
}
form ul li ul li {
    float:left; padding:0;display:inline; clear:none;width:auto;
}
form ul li ul li label {
    float:left; padding:0;display:inline; clear:none;width:auto;
}
input {
     padding:3px; 
}
form input[type="text"], form input[type="password"], form select, form textarea {
	border: 1px solid #ccc; 
	-moz-border-radius: 3px;-webkit-border-radius: 3px;	-khtml-border-radius: 3px;
	border-radius: 3px;	outline: none; 	padding: 5px; width: 98%;
		font: 9pt Tahoma,Arial,Sans-serif;
}
form ul li:only-child, form ul li.span   {
    width:95%;
}
/* IE 8 fix */
form ul.btn li 
{
      width:95%;
}
form ul li:only-child li label  {
    float:right;
}
form ul li:only-child li input  {
    margin:0 0px 0 0;
}
form ul.btn {
    clear:both; text-align:right;
}
form ul.btn li  {
    float:left; width:;  display:inline;clear:none; 
}
.validation-summary-errors  {
    padding:7px; width:90%; border:1px solid #ccc; color:#990000;margin:10px auto 0px auto;
    background:#F0F0F0;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow:0px 0 5px #BBB; -moz-box-shadow:0px 0 5px #ccc; box-shadow:0px 0 5px #ccc;  
}
div#hd_b fieldset.validationGroup 
{
    border:1px solid #BBB; padding:4px 10px;filter: alpha(opacity=70); opacity: .70; -moz-opacity: .70;
}
.error
{
    color: #FF0000;
    font-weight: bold;
}
.model_property_error {display:block; width:16px;height:16px; background:url(img/icon/cross_small.png) no-repeat center center; float:right;cursor:help;}
.model_property_warning {display:block; width:16px;height:16px; background:url(img/icon/warn_small.png) no-repeat center center; float:right;cursor:help;}
.ui-button-text-only .ui-button-text
{
    padding: 2px 2px !important;
}

/************************************************************************************
g r i d s 
*************************************************************************************/
table.grid { margin-top:4px;  border:1px solid #999; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius:8px; -webkit-box-shadow:0px 0 5px #BBB; -moz-box-shadow:0px 0 5px #ccc; box-shadow:0px 0 5px #ccc;}
table.grid td, table.grid th {padding:2px 5px; }
table.grid th { text-align:left; border-bottom:1px solid #999;  color:#444;  color:#666; }
table.grid th:last-child ,table.grid td:last-child { border-right:none; }
table.grid thead tr { height:50px; background:#ccc url(img/ui/t.gif) repeat-x bottom left;}
table.grid tr {background:#fff;}
table.grid tr.odd {background:#eee; }
table.grid tfoot tr { background:#FFF url(img/ui/pt.gif) repeat-x top left; }
table.grid tfoot th { padding:6px 12px;border:0; text-align:right; }
table.grid tfoot th a { text-decoration:none; }
/************************************************************************************
g e n e r i c s
*************************************************************************************/
.hide { display:none; visibility:hidden; }
.hidden { display: none; }
.show { display:block; visibility:visible; }
.ar { text-align:right; float:right}

/************************************************************************************
m e d i a  -  q u e r i e s
*************************************************************************************/

/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
form ul li, form ol li{ width:93%;}

}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {
form ul li, form ol li { width:93%;}
#hd_ab { visibility:hidden; }