@charset "utf-8";

body {

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	 background-color:#FAFAFA;

}



.topbg {

	background-image: url(topbg.jpg);

	background-repeat: repeat-x;

	background-position: left top;

}

.btmbg{

	background:url(footer-bg.jpg) repeat-x left bottom;

	}

.block-wrap{

	padding:0px 2% 0px 2%;

	}

.logo{

	position:absolute;

	margin:21px 5px 0px 0px;

}



.toptxt{

	font-family:"Myriad Pro", "Trebuchet MS", Arial;

	font-size:18px;

	color:#000000;

	text-align:left;

	font-weight:;

	padding-right:25px;

}

#nav_main {

    position: relative;

	float:right;

	margin-top: 0px;

	font-family:Arial, Helvetica, sans-serif;

	color:#333333;

	

}

/*nav ul, nav ol {

    list-style: none outside none;

    margin: 0;

    padding: 0;

}

ul, ol {

    margin: 1em 0;

    padding: 0 0 0 40px;

}*/

#nav_main li {

    display: inline-block;

    margin: 31px 0px -18px 0px;

}

#nav_main li img {

    padding: 6px 0px 0px 0px;

}





#nav_main > li.current ul {

    display: block;

}

#nav_main li ul {

    display: none;

    left: 0;

    line-height: 38px;

    position: absolute;

    width: 100%;

}

/*nav ul, nav ol {

    list-style: none outside none;

    margin: 0;

    padding: 0;

}

ul, ol {

    margin: 1em 0;

    padding: 0 0 0 40px;

}

 {

    color: #205A94;

}*/



#nav_main > li.current > a {

    background: url("bg-active.png") no-repeat scroll 0 0 transparent;

}

#nav_main > li a {

    text-shadow: 0 0px 0 #FFFFFF;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:bold;

	color:#333333;

	text-decoration:none;

	padding:0px 0px 0px 0px;

}

#nav_main > li > a, #nav_main > li > a:hover {

    background: url("bg-hover.png") no-repeat scroll 0 0 transparent;

    display: table-cell;

    height: 61px;

    line-height: 26px;

    text-align: center;

    vertical-align: bottom;

    width: 95px;

}



#nav_main > li > a, #nav_main > li > a:visited, #nav_main > li > a:focus {

    background: url("bg-normal.png") no-repeat scroll 0 0 transparent;

    display: table-cell;

    height: 61px;

    line-height: 26px;

    text-align: center;

    vertical-align: bottom;

    width: 95px;

	-webkit-border-top-left-radius: 8px;

-webkit-border-top-right-radius: 8px;

-moz-border-radius-topleft: 8px;

-moz-border-radius-topright: 8px;

border-top-left-radius: 8px;

border-top-right-radius: 8px;

	

	

}

.footer{

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#fff;

	text-align:left;

	text-decoration:none;

}

a:hovre.footer{

	color:#4A9BF0;

}

.copy{

		font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#fff;

	text-align:right;

	text-decoration:none;



}

a:hover.copy{

		color:#4A9BF0;

}

h1 {

    border-bottom:1px solid #D7D7D7;

    margin-bottom: 4px;

    margin-top: 0;

    padding-bottom: 6px;

    width: 100%;

	font-family:"Myriad Pro", "Trebuchet MS", Arial;

	font-size:25px;

	color:#222222;

	font-weight:normal;

}

h3 {

		font-family:"Myriad Pro", "Trebuchet MS", Arial;

	font-size:18px;

	color:#fff;

	font-weight:normal;



}

.box2 {

    margin-top: 15px;

	width:31%;

	margin-right:20px;

}



.box {

   

     float: left;

    margin-right: 60px;

    margin-top: 15px;

    width: 45%;

   

   

   /* margin-top: 15px;

	width:31%;

	float:left;

	margin-right:20px;*/

}

.box1 {

    margin-top: 15px;

	margin-right:20px;

	width:100%;

}



.box1 .header {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

   /* background: -moz-linear-gradient(center top , #78B1ED 0px, #417BB5 100%) repeat scroll 0 0 transparent;*/

    border-color: #2B5177 #2B5177 -moz-use-text-color;

    border-image: none;

    border-radius: 3px 3px 0 0;

    border-style: solid solid none;

    border-width: 1px 1px 0;

    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) inset;

    height: 32px;

    line-height: 34px;

	background-color:#3F8BDD;

	/*background:url(topbg.jpg) repeat-x 0 -60px;*/

}



.box .header {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

   /* background: -moz-linear-gradient(center top , #78B1ED 0px, #417BB5 100%) repeat scroll 0 0 transparent;*/

    border-color: #2B5177 #2B5177 -moz-use-text-color;

    border-image: none;

    border-radius: 3px 3px 0 0;

    border-style: solid solid none;

    border-width: 1px 1px 0;

    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) inset;

    height: 32px;

    line-height: 34px;

	background-color:#3F8BDD;

}

.box .header.grey {

    background: url("bg-header.png") repeat scroll 0 0 transparent;

    border-color: #C8C8C8;

    filter: none;

}

.box1 .header.grey {

    background: url("bg-header.png") repeat scroll 0 0 transparent;

    border-color: #C8C8C8;

    filter: none;

}

.box .header.grey h3 {

    color: #383838;

    text-shadow: none;

}

.box1 .header.grey h3 {

    color: #383838;

    text-shadow: none;

}

.box.closed .header {

    border-bottom: 1px solid #2B5177;

    border-radius: 3px 3px 3px 3px;

}

.box.closed1 .header {

    border-bottom: 1px solid #2B5177;

    border-radius: 3px 3px 3px 3px;

}

.box .header h3 {

    background: url("../img/sprites/boxes/divider-header.png") no-repeat scroll left top transparent !important;

    display: inline-block;

    float: left;

    margin: 0 0 0 8px;

    padding: 0 0 0 10px;

}

.box1 .header h3 {

    background: url("../img/sprites/boxes/divider-header.png") no-repeat scroll left top transparent !important;

    display: inline-block;

    float: left;

    margin: 0 0 0 8px;

    padding: 0 0 0 10px;

}

.box .header.no-icon h3 {

    background: none repeat scroll 0 0 transparent !important;

    margin-left: 0;

}

.box .header img {

    -moz-user-select: none;

    display: inline-block;

    float: left;

    margin: 9px auto 9px 8px;

}

.box .header span {

    background: url("../img/icons/packs/fugue/16x16/toggle.png") no-repeat scroll 0 0 transparent;

    cursor: pointer;

    display: block;

    float: right;

    height: 16px;

    margin-right: 10px;

    margin-top: 10px;

    width: 16px;

}

.box.closed .header span {

    background: url("../img/icons/packs/fugue/16x16/toggle-expand.png") no-repeat scroll 0 0 transparent;

}

.box .content {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    background: none repeat scroll 0 0 #FFFFFF;

    border-color: #2B5177 #C8C8C8 #C8C8C8;

    border-image: none;

    border-radius: 0 0 3px 3px;

    border-right: 1px solid #C8C8C8;

    border-style: solid;

    border-width: 1px;

    padding: 0 10px;

}



.box1 .content {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    background: none repeat scroll 0 0 #FFFFFF;

    border-color: #2B5177 #C8C8C8 #C8C8C8;

    border-image: none;

    border-radius: 0 0 3px 3px;

    border-right: 1px solid #C8C8C8;

    border-style: solid;

    border-width: 1px;

    padding: 0 10px;

}



.box.closed .content {

    display: none;

}

.box .content.grey {

    border-top-color: #C8C8C8;

}

.box1 .content.grey {

    border-top-color: #C8C8C8;

}

.box .content:after {

    clear: both;

    content: ".";

    display: block;

    height: 0;

    visibility: hidden;

}

.box1 .content:after {

    clear: both;

    content: ".";

    display: block;

    height: 0;

    visibility: hidden;

}

.box .content.with-actions {

    border-bottom: 0 none;

    border-radius: 0 0 0 0;

}

.box1 .content.with-actions {

    border-bottom: 0 none;

    border-radius: 0 0 0 0;

}

.box .content.no-header {

    border: 1px solid #C8C8C8;

    border-radius: 3px 3px 3px 3px;

}

.box1 .content.no-header {

    border: 1px solid #C8C8C8;

    border-radius: 3px 3px 3px 3px;

}

.box .content.no-padding {

    padding: 0;

}

.box1 .content.no-padding {

    padding: 0;

}

.border-radius-bottom {

    border-radius: 0 0 3px 3px;

}



.box .actions {

    background: url("../img/sprites/boxes/bg-action.png") repeat-x scroll 0 0 #F7F7F7;

    border-top: 1px solid #C8C8C8;

    border-radius: 0 0 3px 3px;

}



.box1 .actions {

    background: url("../img/sprites/boxes/bg-action.png") repeat-x scroll 0 0 #F7F7F7;

    border-top: 1px solid #C8C8C8;

    border-radius: 0 0 3px 3px;

}

.box .actions:after {

    clear: both;

    content: ".";

    display: block;

    height: 0;

    visibility: hidden;

}

.box1 .actions:after {

    clear: both;

    content: ".";

    display: block;

    height: 0;

    visibility: hidden;

}

.box .actions input {

    margin: 0;

}

.box .actions-left {

    float: left;

    margin: 5px 5px 5px 10px;

}

.box .actions-right {

    float: right;

    margin: 5px 10px 5px 5px;

}

.box .header ul {

    float: right;

    font-size: 12px;

    height: 23px;

    margin: 6px 6px 7px 0;

    padding: 0;

}

.box1 .header ul {

    float: right;

    font-size: 12px;

    height: 23px;

    margin: 6px 6px 7px 0;

    padding: 0;

}



.ie .header ul {

    border-radius: 5px 5px 5px 5px;

    overflow: hidden;

}

.box .header ul li {

    display: inline;

    list-style: none outside none;

}

.box .header ul li a {

    background: -moz-linear-gradient(center top , #FEFEFE 0px, #F7F7F7 80%, #EDEDED 96%, #E5E5E5 100%) repeat scroll 0 0 transparent;

    border-bottom: 1px solid #C0C0C0;

    border-top: 1px solid #C0C0C0;

    margin: 0;

    padding: 0 10px;

}

.box1 .header ul li a {

    background: -moz-linear-gradient(center top , #FEFEFE 0px, #F7F7F7 80%, #EDEDED 96%, #E5E5E5 100%) repeat scroll 0 0 transparent;

    border-bottom: 1px solid #C0C0C0;

    border-top: 1px solid #C0C0C0;

    margin: 0;

    padding: 0 10px;

}

.box .header ul li:first-child a {

    border-bottom: 1px solid #C0C0C0;

    border-left: 1px solid #C0C0C0;

    border-radius: 5px 0 0 5px;

    border-top: 1px solid #C0C0C0;

}



.box .header ul li:last-child a {

    border-bottom: 1px solid #C0C0C0;

    border-radius: 0 5px 5px 0;

    border-right: 1px solid #C0C0C0;

    border-top: 1px solid #C0C0C0;

}

.box .header ul li.current a {

    background: -moz-linear-gradient(center top , #2E5681 0px, #5882AF 100%) repeat scroll 0 0 padding-box transparent;

    box-shadow: 0 0 3px 0 #000000 inset;

}

.box .header ul li a {

    display: block;

    float: left;

    line-height: 21px;

}

.box .header ul li.current a {

    color: #FFFFFF;

}

.stats-list {

    list-style: none outside none;

    padding: 0;

    width: 100%;

}

.stats-list li {

    background: url("bg.png") repeat-x scroll 0 0 #F4F4F4;

    border: 1px solid #E0E0E0;

    border-radius: 3px 3px 3px 3px;

height: 30px;

    line-height: 20px;

    margin-bottom: 5px;

}

.stats-list li:hover {

    background: url("../img/sprites/stats-list/bg-hover.png") repeat-x scroll 0 0 #FFFFFF;

}

.stats-list span {

    background: url("divider.png") no-repeat scroll left bottom transparent;

    display: inline-block;

    float: right;

    padding-left: 10px;

    text-align: right;

    width: 45px;

}

.stats-list a {

    display: block;

    padding: 5px 20px;

	font-family:"Myriad Pro", Trebuchet MS, Arial;

	color:#222222;

	text-decoration:none;

}

.stats-list span {

    color: #313131;

    font-size: 15px;

	font-weight:bold;

}

.table {

    clear: both;

    margin: 0 auto;

    width: 100%;

}

.tablenew {

    clear: both;

    margin: 0 auto;

    width: 100%;

}

.table thead {

    background: url("table-head-bg.png") repeat-x scroll left top #DDDDDD;

    border-bottom: 1px solid #ff0000;

    border-top: 1px solid #FFFFFF;

	font-family:"Myriad Pro", Trebuchet MS, Arial;

	font-size:14px;	

}

.table thead th:first-child {

    border-left: medium none;

}

.table thead th:last-child {

    border-right: 0 none;

}

.table thead th {

    border-left: 1px solid #FFFFFF;

    border-right: 1px solid #C3C3C3;

    cursor: pointer;

    padding: 8px 13px;

    text-align: left;

    vertical-align: middle;

}

.table tbody th, .table tbody td, .table tfoot th, .table tfoot td {

    border-left: 1px dotted #BEBEBE;

    padding: 7px;

    text-align: left-middle;

    vertical-align: top;

}

.table tbody td {

    background: none repeat scroll 0 0 #F8F8F8;

	font-family:"Myriad Pro", Trebuchet MS, Arial;

	font-size:13px;	

}

.table tbody th:first-child, 

.table tbody .th:first-child, 

.table tbody td:first-child, 

.table tfoot th:first-child, 

.table tfoot td:first-child {

    border-left: medium none;

}

.table tbody tr.even td, 

.table tbody tr:nth-child(2n) td {

    background: none repeat scroll 0 0 #F0F0F0;

}

.table tbody tr:hover th, 

.table tbody tr:hover .th, 

.table tbody tr:hover td {

    background: none repeat scroll 0 0 #E8EAEF;

}

.welcome-name{

	font-family:"Myriad Pro", Trebuchet MS, Arial;

	font-size:13px;

	font-weight:normal;

	color:#ffffff;

	text-decoration:none;

	padding:4px 5px 5px 35px;

	height:30px;

	background:url(user-bg.jpg) no-repeat left top;

	 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);

}

.lgout-name{

	font-family:"Myriad Pro", Trebuchet MS, Arial;

	font-size:14px;

	font-weight:normal;

	color:#fff;

	text-decoration:none;

	 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);

}

a:hover.lgout-name{

	color:#ed0000;

	}





.welcome{

	font-family:"Myriad Pro", Trebuchet MS, Arial;

	font-size:16px;

	font-weight:normal;

	color:#A6C9F4;

	text-decoration:none;

}

.count {

	font-family:"Myriad Pro", Trebuchet MS, Arial;

    color: #fff;

    font-size: 17px;

	font-weight:normal;

	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);

}

.creat{

		font-family:"Myriad Pro", Trebuchet MS, Arial;

    color: #fff;

    font-size: 17px;

	font-weight:normal;

	text-decoration:none;

	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);

}

a:hover.creat{

	color:#fff;

}



.logout{

		font-family:"Myriad Pro", Trebuchet MS, Arial;

    color: #FF0506;

    font-size: 16px;

	font-weight:normal;

	text-decoration:none;

}

a:hover.logout{

	color:#313131;

}

.login-bg{

	background:url(login-topbg.jpg) repeat-x left top;

	font-family:"Myriad Pro", "Trebuchet MS", Arial;

	font-size:16px;

	color:#313131;

	text-align:left;



}

.login-brd{

-webkit-border-radius: 6px;

-moz-border-radius: 6px;

border-radius: 6px;

border:1px solid #C8C8C8;

}

.login-userbg{

	background:url(user-name-bg.jpg) repeat-x left top;

	font-family:"Myriad Pro", "Trebuchet MS", Arial;

	font-size:14px;

	color:#313131;

	text-align:left;

}

.login-btnbg{

	background:url(login-btn-bg.jpg) repeat-x left top;

	font-family:"Myriad Pro", "Trebuchet MS", Arial;



}

.textbox, .textarea {

    background: none repeat scroll 0 0 #FFFFFF;

    border: 1px solid #C8C8C8;

    border-radius: 3px 3px 3px 3px;

    box-shadow: 0 2px 3px 0 rgba(48, 16, 11, 0.13) inset;

    display: block;

    margin: 10px 0;

    outline: 0 none;

    padding: 15px 20px;

    width: 318px;

}

.edit{

	color:#003875;

	text-decoration:none;

	}

a:hover.edit{

	color:#313131;

	}

.delete{

	color:#ff0000;

	text-decoration:none;

	}

a:hover.delete{

	color:#313131;

	}

	

.dataTables_paginate {

    float: right;

	cursor: default;

	font-family:"Myriad Pro", "Trebuchet MS";

}

.paginate_button a {

    cursor: pointer;

	color:#000;

	text-decoration:none;

	cursor: default;

	font-family:"Myriad Pro", "Trebuchet MS";

	font-size:12px;

	 /*text-shadow: 0 1px 0px #000;*/

}

.paginate_button a:hover {

    cursor: pointer;

	color:#2D5580;

	text-decoration:none;

}



.paginate_button, .paginate_active {

    background-color: #EBEBEB;

    border-color: #FFFFFF #B5B5B5 #B5B5B5 #FFFFFF;

    border-style: solid;

    border-width: 1px;

    cursor: pointer;

   margin: 1px 1px 0 -4px;

    padding: 2px 10px;

	color:#fff;

	font-size:12px;

}

.paginate_button_disabled {

    cursor: default;

	font-family:"Myriad Pro", "Trebuchet MS";

}

.paginate_active {

    background-color: #2D5580;

    border-color: #123458;

}

.first {

    border-radius: 3px 0 0 3px;

}

.last {

    border-radius: 0 3px 3px 0;

}

.textbox-inr {

    background: none repeat scroll 0 0 #FFFFFF;

    border: 1px solid #C8C8C8;

    border-radius: 5px 5px 5px 5px;

    box-shadow: 0 2px 3px 0 rgba(18, 16, 11, 0.13) inset;

    display: block;

    /*margin: 10px 0;*/

    outline: 0 none;

    padding: 5px 3px;

    width: 180px;

}



.subtlt{

	color:#003875;

	text-decoration:none;

	font-family:"Myriad Pro", "Trebuchet MS";

	font-size:15px !important;

	font-weight:normal;

	}





border: 1px solid #C7C7C7;

}



button, input[type="submit"], input[type="button"], input[type="reset"], a.button {

	color:#fff;

	font-family:"Myriad Pro", "Trebuchet MS";

	font-size:14px;

	font-weight:normal;

}



input:active, input:focus, textarea:active, textarea:focus {

    -moz-box-shadow: 0 2px 3px 0 rgba(18, 16, 11, 0.13) inset, 0 0 5px 0 rgba(58, 111, 163, 0.75);

}



input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus {

    border: 0px solid #A3A3A3;

}



button, input[type="button"], input[type="reset"], input[type="submit"] {

    cursor: pointer;

}



input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus {

    border: 1px solid #A3A3A3;

}



.alert.info {

    color: #002c58;

	font-family:"Myriad Pro", "Trebuchet MS";

	font-size:15px;

}

.alert.info {

    background: url("bg-information.png") repeat-x scroll 0 0 #A5C8F4;

    border-color: #446D99;

}

.alert {

    text-shadow: 0 1px 1px #FFFFFF;

	

	

}

.alert {

    -moz-box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.65) inset;

    border: 1px solid;

    clear: both;

    margin-bottom: 9px;

    margin-top: 10px;

    padding: 7px 15px 7px 30px;

    position: relative;

}

.alert.info span.icon {

    background: url("information.png") repeat scroll 0 0 transparent;

}



.alert span.icon {

    display: inline-block;

    height: 16px;

    left: 7px;

    margin-top: -8px;

    position: absolute;

    top: 50%;

    width: 16px;

}

.icon {

    background-repeat: no-repeat;

    height: 24px;

    width: 24px;

}

.alert span.hide {

    text-shadow: 1px 1px 0 #FFFFFF;

}



.alert span.hide {

    cursor: pointer;

    float: right;

    font-weight: bold;

    margin: 0;

}