/* DEFAULTS
----------------------------------------------------------*/
html
{
    min-height:100%;
    position:relative;
    }
    
body   
{
    background: #fff;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
	height:100%;
}

a:link, a:visited
{
    color: #696969;
    text-decoration: none;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}
    
table th
{
    font-weight: bold;
    }

table td, th
{
    vertical-align: top;
    }
table.GrandMasterTable
{
    margin-right: 10px;
    margin-left: 10px;
    box-shadow: 5px 5px 5px #888888;
    border-spacing:1;
    border-collapse:collapse;  
    min-width: 500px; 
    }
.GrandMasterTable td, th
{
    border: 1px solid #496077;
    }

table.MasterTable
{
    margin-right: 10px;
    margin-left: 10px;
    box-shadow: 5px 5px 5px #888888;
    border-spacing:1;
    border-collapse:collapse;   
    }
.MasterTable td, th
{
    border: 1px solid #496077;
    }

table.MinionTable
{
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 5px;
    border-width: 1px;
    border-spacing:1;
    border-collapse:collapse;    
    }

.MinionTable td
{
    border: 1px solid #496077;
    }

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    /*font-size: 1.5em;*/
    color: #666666;
    /*font-variant: small-caps;*/
    text-transform: none;
    font-weight: bold;
    margin-bottom: 0px;
}

h1/*
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}
*/

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 100%;
    background-color: #fff;
    margin: 0px auto 0px auto;
    min-height: 100%;
}

.main
{
    width: 1600px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 100%;
    top: 50px;
}

.footer
{
    color: #4e5766;
    width: 100%;
    background-color: #000;
    padding: 4px 0px 4px 0px;
    margin: 20px auto 0px auto;
    text-align: center;
    line-height: normal;
    position:fixed;
    bottom: 0px;
}


/* TAB MENU   
----------------------------------------------------------*/

div.mastercanvas
{
    background-color:#000;
    width:100%;
    position: fixed;
    z-index: 10;
}

div.menu
{
    padding: 6px 20px 4px 20px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li
{
    display: inline;
    }

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #292929;
    border: 1px #646464 solid;
    color: #A4A4A4;
    display: inline;
    line-height: 2em;
    padding: 8px 20px;
    margin: 0px 2px;
    text-decoration: none;
    white-space: nowrap;
	-webkit-transition: all .9s;
	-moz-transition: all .9s;
	-o-transition: all .9s;
	-ms-transition: all .9s;
	transition: all .9s;
}

div.menu ul li a:hover
{
    background-color: #A4A4A4;
    color: #292929;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #CDCDCD;
    color: #292929;
    border: 1px #646464 solid;
    text-decoration: none;
}


/* TAB SUB Menu   
----------------------------------------------------------*/

.appcanvas
{
    background-color:#FFFFFF;
    width:100%;
}

.submenu, .sidemenu
{
    padding: 4px 20px 4px 20px;
}

.submenu ul, .sidemenu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

.sidemenu ul li
{
    display: block;
    }

.submenu ul li
{
    display: inline;
    }

.submenu ul li a
{
    display: inline;
    }

.sidemenu ul li a
{
    display: block;
    }

.submenu ul li a, .sidemenu ul li a
{
    background-color: #FFFFFF;
    border: 1px #696969 solid;
    box-shadow: 5px 5px 5px #888888;
    color: #696969;
    line-height: 1.35em;
    padding: 4px 20px;
    margin: 4px 2px;
    text-decoration: none;
    white-space: nowrap;
	-webkit-transition: all .9s;
	-moz-transition: all .9s;
	-o-transition: all .9s;
	-ms-transition: all .9s;
	transition: all .9s;
}

.submenu ul li a:hover, .sidemenu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

.submenu ul li a:active, .sidemenu ul li a:active
{
    text-decoration: none;
}

/* page menu */
.pagemenu
{
    padding: 0px;
}

.pagemenu ul h3
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

.pagemenu ul li a
{
    background-color: #FFFFFF;
    border: 0px #696969 solid;
    color: #696969;
    display: block;
    padding: 1px 2px;
    margin: 1px 2px;
    text-decoration: none;
    white-space: nowrap;
}

.pagemenu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

.pagemenu ul li a:active
{
    text-decoration: none;
}


/*search*/
.search{
	margin-top:1.00%;
	float: right;
	width: 50%;
	display:inline;
}
.search_text{
	padding:3px 16px;
	outline: none;
	border:none;
	color: #5E5E5E;
	background: #efefef;
	border:1px solid rgb(187, 187, 187);
	width: 79.33%;
	margin-right:-36px;
	line-height: 26px;
	border-radius: 4px;
	-moz-border-radius:4px;
	-o-border-radius: 4px;
	display:inline;
}
.search_cmd{
	border-radius: 4px;
	-moz-border-radius:4px;
	-o-border-radius: 4px;
	background:#ccc url('../Images/search.png') no-repeat 10px 8px;
	padding:12px 16px;
	border: none;
	cursor: pointer;
	width: 14.33%;
	line-height: 11px;
	display:inline;
}
.search_cmd:hover {
	background:#ccc url('../Images/search-h.png') no-repeat 10px 8px;
}


/*legendary settings*/
.login
{
    font-weight: bold;
    color: #A4A4A4;
    }
    
.logo{
	padding: 15px 0px;
	margin-left: 25px;
	float:left;
}

.block {
    margin: 12px 8px 8px 8px;
    padding: 5px 5px 5px 5px;
    height: 200px;
    width: 200px;
    vertical-align: top;
    text-align: left;
    box-shadow: 5px 5px 5px #888888;
    border: 1px solid #496077;
    display: inline-block;
}


.tBlock tr
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

.tBlock tr td a
{
    /*background-color: #FFFFFF;*/
    border: 1px #696969 solid;
    color: #696969;
    display: block;
    line-height: 1.35em;
    min-width: 100px;
    min-height: 50px;
    padding: 20px 20px;
    margin: 4px 2px;
    text-decoration: none;
    white-space: nowrap;
}


.tBlock tr td a:active
{
    text-decoration: none;
}   


.blu a:hover 
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

.grn a:hover 
{
    background-color: #B5F0AE;
    color: #465c71;
    text-decoration: none;
}

.lim a:hover 
{
    background-color: #94FEFA;
    color: #465c71;
    text-decoration: none;
}

.ylw a:hover 
{
    background-color: #FCF14E;
    color: #465c71;
    text-decoration: none;
}

.sblock {
    margin: 12px 8px 8px 8px;
    padding: 5px 5px 5px 5px;
    width: 150px;
    vertical-align: top;
    text-align: left;
    box-shadow: 5px 5px 5px #888888;
    border: 1px solid #496077;
    display: inline-block;
}

.qblock {
    margin: 5px 5px;
    padding: 5px 5px;
    height: 100px;
    width: 100px;
    vertical-align: middle;
    text-align: center;
    box-shadow: 5px 5px 5px #888888;
    border: 1px solid #496077;
    display: inline-block;

    -webkit-transition: all .9s;
    -moz-transition: all .9s;
    -o-transition: all .9s;
    -ms-transition: all .9s;
    transition: all .9s;
}
.IU:hover {
    background-color: red;
    text-decoration: none;
}
.IX:hover {
    background-color: limegreen;
    text-decoration: none;
}
.XU:hover {
    background-color: darkorange;
    text-decoration: none;
}
.XX:hover {
    background-color: dodgerblue;
    text-decoration: none;
}


.vertical {
    writing-mode: tb-rl;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}