﻿/*** Supporting styles ***/

/* Structural */

.left {
    float: left;
}

.right {
    float: right;
}

.txt_left {
    text-align: left;
}

.txt_right {
    text-align: right;
}

.top {
    vertical-align: top;
}

.bottom {
    vertical-align: bottom;
}

.hcentre {
    text-align: center;
}

.vcentre {
    vertical-align: middle;
}

.fill_width {
    width: 100%;
}

.fill_height {
    height: 100%;
}

.fill_relative {
    width: 100%;
    height: 100%;
    position: relative;
}

.clear_both {
    clear: both;
}

/* End Structural */
/*new buttons*/
.general-btn{
background-color: #266fb2;
color: #fff;
padding:10px 30px;
text-decoration: none;
display: inline-block;
font-size: 16px;
	}
/*Table Forms */

div.fieldset table.table_input {
    width: 100%;
}

div.fieldset table.table_input input[type="text"], div.fieldset table.table_input input[type="password"] {
    width: 99%;
}

div.fieldset table.table_input td {
    text-align: left;
}

div.fieldset table.table_input td.text_col2 {
    padding-left: 12px;
}

div.fieldset table.table_input td, div.fieldset table.table_input td label {
    vertical-align: top;
  	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
}
.label_cell {
    width: 25%;
}
/*End Table Forms */

/* Login, Register, Recover, Verify */

.login-table-wrapper
{
    overflow: hidden;
    }

.login_table {
    width: 100%;
}
.login_table .space
{
    width: 10px;
    }
.login-left-wrapper
{
     /*display: inline-block;
    width: 56%;
    float:left;
    margin-right: 10px;
    border-right: 2px solid #ccc;*/
    padding-right: 20px;
	
    }
.login-inner{
	padding: 2% 4%;
	text-align: right;
}
.login-label{
	width: 15%;
	display: inline-block;
	text-align: right;
	color: #888787;
	margin-right: 2%;
	vertical-align:top;
	margin-top: 8px;
}

.login-inner .general-btn{
/*padding: 2% 8% !important;*/
padding:10px 30px;
}

.login-field{
width: 78%;
padding: 1.5%;
}
.login-left-wrapper h3{
	text-align: center;
}

.forgot-password
{
    padding: 5px 10px;
    color: #006fc0;
    margin:0px;
    font-size: 16px;
    vertical-align: bottom;
    display:inline-block;
	text-align: right;
    }
.login-right-wrapper{
	text-align: center;
	margin-top: 6%;
	float: left;
	width: 38%;
}
.RAP .login-right-wrapper{
	margin: 5px;
	
}

.RAP .login-right-wrapper textarea{
	height: 160px;
	width: 70%;
}

.RAP .login-right-wrapper .login-label{
	width: 20%;
}

.RAP .action-wrapper{
	text-align: center;
	
}

.login-right-wrapper .general-btn{
	padding: 10px 20px;
}
.login_label {
    width: 120px;
}

.login_table tbody td
{
    padding: 10px 6px;
    }

.login_create_table {
   width: 37%;
    padding-left: 10px;
}

.login_create_table p {
    font-weight: normal;
}

.login_create_table tr:last-child {
    height: 50px;
}

td.register_input {
    width: 200px;
}

tr.trainer-row td
{
    border-top: 3px solid #006fc0;
    padding-top: 18px;
    }

.no-wrap{white-space: nowrap;}
/* End Login, Register, Recover, Verify */

/* Upload document partial view */
.tbl_no_border {
    border: 0 none #FFFFFF;
    font-size: 10pt;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

/* End Upload document partial view */

/* Table sorter */
table.tablesorter {
    color: White;
    /*font-weight: bold;*/
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    /*background-color: Black;*/
    background-color: #006FC0;
    /*border-color: #000000 #000000 #000000 #FFFFFF;
    border-image: none;
    border-style: solid;
    border-width: 1px;*/
    font-size: 10pt;
    padding: 8px;
}

table.tablesorter thead tr .header, table.tablesorter thead tr .tablesorter-header {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    /*background-color: Black;*/
    background-color: #006FC0;
    background-image: url(/images/buttons/unsorted_btn.png);
    background-position:0px;
    background-repeat: no-repeat;
     /*border-color: #000000 #000000 #000000 #FFFFFF;
    border-image: none;
   border-style: solid;
    border-width: 1px;*/
    color: White;
    cursor: pointer;
    height: auto;
    padding-left: 30px;
    /*padding-top: 8px;*/
}

table.tablesorter tbody tr td {
    background-color: #F0F0F0;
    /*border-left: 1px solid #FFFFFF;*/
    color: #000000;
    font-weight: normal;
    padding: 4px;
    text-align: left;
    vertical-align: middle;
}

table.tablesorter tbody tr.odd td {
    background-color: #D1D2D4;
}

table.tablesorter tbody tr.even td {
    background-color: #F0F0F0;
}

table.tablesorter thead tr .headerSortUp, table.tablesorter thead tr .sorter-false {
    background-image: none;
    padding-left:0px;
}

table.tablesorter thead tr .headerSortUp, table.tablesorter thead tr .title {
    background-image: none;
    background-color:#043B73;
}

table.tablesorter thead tr .headerSortUp, table.tablesorter thead tr .tablesorter-headerAsc {
    background-image: url(/images/buttons/ascending_btn.png);
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .tablesorter-headerDesc {
    background-image: url(/images/buttons/descending_btn.png);
}

table.tablesorter tr.title td a:hover {
    text-decoration: underline;
}

/* End Table sorter */

.REQ
{
    color:Red;
}
.hideIt
{
    display: none;
}

.showIt
{
    display: inline;
    
}
div.fieldsetNorm 
{
    font-family: Arial, Helvetica, sans-serif;
	width: auto;
	padding: 10px;
	background: #f3f3f3;
	border: 2px solid #cfcfcf;
	margin-bottom: 20px;	
}

#FormResetPassword .login-label{
	width: auto!important; line-height: 24px; vertical-align: middle; margin-top: 0px;
}
#FormResetPassword .login-field{
	max-width: 350px!important; padding: 5px!important; margin-top: 0px !important;
}
