*
{
	margin:0;
}
html
{
	height:100%;
}
body   
{
    font-size: 13px;
    font-family: Arial;  
    height:100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -51px;
}
.header
{
	margin:auto;
	padding:8px 10px;
	height:37px;
	/*background-color:#3b5999;*/
	background-color:#336699;
	text-align:left;
	color:White;
	vertical-align:middle;
	border-bottom:solid 5px #F5F5F5;
	position:relative;
}
.header a
{
	color:White;
	text-decoration:none;
	padding:2px 4px;
}
.header a:hover
{
	color:White;
	text-decoration:none;
	background-color:#6A8EB2;
}
.content
{
	margin:auto;
	padding:10px;
	height:100%;
}
.push
{
	height:50px;
}
.footer
{
	margin:auto;
	height:30px;
	padding:10px;
	text-align:center;
	vertical-align:middle;
	color:#333333;
	font-family:Arial;
	font-size:13px;
	border-top: solid 1px silver;
	background-color:#F5F5F5;
}
.footer a
{
	text-decoration:none;
	font-family:Arial;
	font-size:13px;
	color:#333333;
}
.footer a:hover
{
	text-decoration:underline;
}

p {
	margin-top: 5px;
	font-size: 11px;
}
h1 {
	font-size: 20px;
	font-family:Arial;
	color:#203360;
	font-weight:bold;
}

h2 {
	font-size: 19px;
	font-family:Arial;
	color:#203360;
	font-weight: normal;
}

h3 {
	font-size: 15px;
	font-family:Arial;
	color:#666666;
	font-weight: normal;
}
.tablecontainer
{
	border-collapse:collapse;	
	margin:auto;
}
.tablecontainer TD
{
	padding:0px;
	margin:0px;
	vertical-align:top;
}
.tableForm
{
	border-collapse:collapse;	
	width:100%;
}
.tableForm TD
{
	padding:2px 4px;
	font-family:Arial;
	font-size:14px;
	color:#333333;
	vertical-align:middle;
	white-space:nowrap;
}

.tablewidgetcontainer
{
	width:100%;
	border-collapse:collapse;
	border: 0px;
	margin:auto;
	background-color:white;
	height:100%;
}
.tablewidgetcontainer td
{
	border:0px;
	padding:0px 6px;
	vertical-align:top;
}
.tablewidget
{
	width:100%;
	border-collapse:collapse;
	border:solid 1px #336699;
	margin:10px auto;
}
/*Amir*/
.tablewidgetTB
{
	width:156px;
	float:left;
	border-collapse:collapse;
	border:solid 1px #336699;
	margin:10px 0px 2px 5px;
}
.tablewidgetTB th
{
	background-color:#336699;
	padding:5px 10px;
	color:white;
	text-align:left;
	font-size:13px;
}
.tablewidgetTB td
{
	background-color:white;
	padding:2px 10px;
	color:#333333;
	/*border:solid 1px #336699;*/
	vertical-align:top;
	font-size:12px;
	text-align:left;
}
.contentlinkTB
{
	color:#336699;
	text-decoration:none;
	padding: 2px 0px;
	cursor:pointer;
}
.contentlinkTB:hover
{
	color:white;
	text-decoration:none;
	background-color:#336699;
	padding: 2px 4px;
	cursor:pointer;
}
/*Amir*/
.tablewidget th
{
	background-color:#336699;
	padding:5px 10px;
	color:white;
	text-align:left;
	font-size:13px;
}

.tablewidget tr.tableheading td
{
	background-color:#336699;
	padding:5px 10px;
	color:white;
	text-align:left;
	font-size:13px;
	font-weight:bold;
}
.tablewidget tr.tableheader td
{
	background-color:#F5F5F5;
	padding:5px 10px;
	color:#333333;
	border:solid 1px #336699;
	vertical-align:top;
	font-size:12px;
	text-align:left;
	font-weight:bold;
}

.tablewidget tr.placeholder td
{
	background-color:white;
	color:#333333;
	border:solid 1px #336699;
	vertical-align:middle;
	font-size:12px;
	text-align:center;
	height: 50px;
}

.tablewidget td
{
	background-color:white;
	padding:5px 10px;
	color:#333333;
	border:solid 1px #336699;
	vertical-align:top;
	font-size:12px;
	text-align:left;
}
input[Type=text]
{
	border:solid 1px #336699;
	font-family:Arial;
	font-size:16px;
	padding:4px;	
}
input[Type=password]
{
	border:solid 1px #336699;
	font-family:Arial;
	font-size:16px;
	padding:4px;	
}
input[Type=checkbox]
{
	position: relative;
	bottom: -2px;
	margin:0px;
	padding:0px;
}
textarea
{
	border:solid 1px #336699;
	font-family:Arial;
	font-size:16px;
	padding:4px;	
}
select
{
	border:solid 1px #336699;
	font-family:Arial;
	font-size:16px;
	padding:4px;	
}

/* TAB MENU   
----------------------------------------------------------*/
#menu
{
	position:absolute;
	bottom:0;
}
#menu ul 
{
	list-style-type: none;
	margin: 0 auto;
	text-align: left;
	padding-left:0px;
}
#menu li 
{
	float:left;
	margin-right:5px;
}
#menu ul li a
{
	color:White;
	font-size:11px;
	text-decoration:none;
	display: block;
	padding:5px 15px;
	background-color:#6A8EB2;
	font-family:Verdana;
	font-size:12px;
}
#menu ul li a.active
{
	color:#333333;
	font-size:11px;
	text-decoration:none;
	display: block;
	padding:5px 15px;
	background-color:#F5F5F5;
	font-family:Verdana;
	font-size:12px;
}
#menu ul li a:hover{
	background-color:#F5F5F5;
	color:#333333;
}
.buttonblue
{
   font-size:13px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   color:#FFFFFF;
   background-color:#336699;
   border-top-style:solid;
   border-top-color:#3b5999;
   border-top-width:1px;
   border-bottom-style:solid;
   border-bottom-color:#111111;
   border-bottom-width:1px;
   border-left-style:solid;
   border-left-color:#3b5999;
   border-left-width:1px;
   border-right-style:solid;
   border-right-color:#111111;
   border-right-width:1px;
  
   height:25px;
}
.buttonblue:hover
{
	background-color:#6A8EB2;
	color:White;
	font-weight:bold;
}
.loading
{
	font-family:Arial;
	font-size:13px;
	background: url(../images/loading.gif) no-repeat left;
	color:#333333;	
	display:block;
	padding-left:35px;
	height:20px;
	padding-top:2px;
}
a.linkblue
{
	text-decoration:none;
	font-family:Arial;
	font-size:13px;
	color:#336699;
}
a.linkblue:hover
{
	text-decoration:underline;
}
div.subheading
{
	color:#333333;
	font-family:Arial;
	font-size:14px;
	background-color:#F5F5F5;
	padding:5px 10px 10px 10px;
	border-bottom:solid 1px #EFEFEF;
	height:24px;
}
div.subheading a
{
	color:#336699;
	font-family:Arial;
	font-size:21px;
	padding:5px 20px 5px 6px;
	text-decoration:none;
	background: #F5F5F5 url(../images/downarrowblack.png) no-repeat right;	
}
div.subheading p
{
	color:#336699;
	font-family:Arial;
	font-size:21px;
	margin:2px 20px 5px 6px;
	/*padding:5px 0px 5px 6px;
	text-decoration:none;*/
}
div.subheading a:hover,div.subheading a.active
{
	color:#F5F5F5;
	font-family:Arial;
	font-size:21px;
	padding:5px 20px 5px 6px;
	text-decoration:none;
	background: #336699 url(../images/downarrowwhite.png) no-repeat right;	
}

div.subheading .left
{
	float:left;
}
div.subheading .right
{
	float:right;
}

.heading2
{
    color:#336699;
	font-family:Arial;
	font-size:21px;
	padding:5px 20px 5px 6px;
}

table#list
{
	width:100%;
	border-collapse:collapse;
	border:solid 1px #336699;
}
table#list th
{
	background-color:#336699;
	padding:5px 10px;
	color:white;
	text-align:left;
	font-size:13px;
}
table#list td
{
	background-color:white;
	padding:5px 10px;
	color:#333333;
	border:solid 1px #336699;
}
.submenu
{
	background-color:#336699;
	position:absolute; 
	visibility:hidden;
	font-family:Arial;
	min-width:200px;	
}
.submenu div
{
	
	
}
.submenu a
{
    color:#F5F5F5;
	text-decoration:none;
	font-size:13px;
	font-weight:normal;
	font-family:Arial;
	padding:3px 4px;
	display:block;
	padding-left:10px;
	padding-right:10px;
}
.submenu a:hover
{
	color:#F5F5F5;
	font-size:13px;
	background-color:#6A8EB2;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
}
.contentlink
{
	color:#336699;
	text-decoration:none;
	/*background-color:white;*/
	padding: 2px 4px;
	cursor:pointer;
}
.contentlink:hover
{
	color:white;
	text-decoration:none;
	background-color:#336699;
	padding: 2px 4px;
	cursor:pointer;
}
img.question
{
	cursor:pointer;
}

/* lukesk */
#profilemenu ul
{
	margin: 0px;
	padding:0px;
}
#profilemenu li
{
	float:left;
	list-style:none;
	padding:5px 14px;
	font-family:Verdana;
	font-size:12px;
	width:90%;
	margin-bottom:4px;
}
#profilemenu li:hover
{
	float:left;
	list-style:none;
	padding:5px 14px;
	background-color:#FFFFFF;
	font-family:Verdana;
	font-size:12px;
	width:90%;
}
.profilelistbutton
{
	color:Black;
	text-decoration:none;
}
.profilemenuactive
{
	float:left;
	list-style:none;
	padding:5px 14px;
	text-decoration:none;
	font-family:Verdana;
	font-size:12px;
	color:black;
	width:90%;
	background-color:#FFFFFF;
}

.dropdownfilter
{
    border:solid 1px #f5f5f5;
    font-size:12px;
    padding:0px;
    margin:0px;
    background-color: #f5f5f5;
}

.dataTables_wrapper .top
{
   
    /*border: solid 1px red;*/
}
.dataTables_wrapper .bottom
{
   
   /* border: solid 1px red; */
}
.dataTables_info
{
    /*border: solid 1px green;*/
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    margin-bottom: 5px;
    float:left;
}
.dataTables_filter
{
    /*border: solid 1px blue;*/
    float:right;
}
.dataTables_length
{
    float:left;
    margin-top: -3px;
}
.dataTables_length select
{
	/*border:solid 1px #336699;*/
	font-size:12px;
	padding:2px;		
}
.dataTables_paginate
{
    float:right;
}
.paginate_button
{
    padding: 2px 6px;
    cursor: pointer;
}

.current
{
    padding: 2px 6px;
    color: White;
    background-color: #336699;
    cursor: default;
}
.dataTables_paginate a.disabled
{
    cursor: default;
}


.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;    
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-top: -3px;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 5px 16px;
    background-color: #336699;
    color: white;
}
.modal-header h2 {
    color: white;
}

.modal-body {padding: 6px 16px;}

.modal-footer {
    padding: 10px 16px;
   
    color: #000;
}

.sorting
{
   background: url("/asdrcprojects/images/sort_both.png") no-repeat 96% center;
}


.sorting_asc
{
   background: url("/asdrcprojects/images/asc.gif") no-repeat 96% center;
}
.sorting_desc
{
   background: url("/asdrcprojects/images/desc.gif") no-repeat 96% center;
}

.ui-datepicker-trigger {
    cursor:pointer;
    margin-left: 3px;
}