/* CSS Document */

body
{
    padding: 0px;
    margin: 0px;
    position: relative !important;
    font: normal 13px Arial, Helvetica, sans-serif;
    z-index: 1; 
    color: #545454;
    background: #fff;


}

div, p, ul, h1, h2, h3, h4, img, form, input
{
    margin: 0px;
    padding: 0px;
}

html
{
    height: 100%;
}

img
{
    border: none;
    z-index: 75;
}

a:focus
{
    color: #545454;
    outline: none;
    -webkit-transition:background-color 0.2s ease-in-out;  
	-moz-transition:background-color 0.2s ease-in-out;  
	-o-transition:background-color 0.2s ease-in-out;  
	transition:background-color 0.2s ease-in-out;
}

a:link
{
    color: #757575;
    text-decoration: none;
     -webkit-transition:background-color 0.2s ease-in-out;  
	-moz-transition:background-color 0.2s ease-in-out;  
	-o-transition:background-color 0.2s ease-in-out;  
	transition:background-color 0.2s ease-in-out;
}

a:hover
{
    color: #4F4F4F;
    -webkit-transition:background-color 0.2s ease-in-out;  
	-moz-transition:background-color 0.2s ease-in-out;  
	-o-transition:background-color 0.2s ease-in-out;  
	transition:background-color 0.2s ease-in-out;
}

select
{
    width:200px;
    font: normal 13px Arial, Helvetica, sans-serif;
}


option 
{
    padding:2px 0;
}

textarea
{
    background-color:#fff;
    border:1px solid #ccc;
    padding-left: 3px;
    width: 300px;
    resize: both;
    font: normal 13px Arial, Helvetica, sans-serif; 
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px; 
}
textarea[readonly="readonly"], textarea[readonly="true"]
{
    
    border-color:#fff; 
    background-color:Transparent;
}

input
{
    padding: 1px 3px;
    font: normal 13px Arial, Helvetica, sans-serif; 
    background-color:#fff;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px; 
}

input[readonly="readonly"], input[readonly="true"]
{
    border: 0;
    
    border-color:#fff; 
    background-color:Transparent;
    
}
input[type|="radio"], input[type|="checkbox"]
{
    margin: 0 5px 0 0;
}

select
{    
   
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px; 
}
h1
{
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    color: #fff;
    line-height: 20px;
}



table thead tr th
{
    position: relative;
    font-size: 13px;
    font-weight: bold; 
    background-color: #525252; 
    color: #FFF; 
    background-repeat: repeat-x;
    height: 27px;
    text-align: left;
    padding: 0 0 0 10px;
}

td
{
    padding:3px;
}

td input[readonly="readonly"], input[readonly="tue"]
{
    border: 0;
    background-color:Transparent;
}


html
{
    height: 100%;
}

body
{
    height: 100%;
}

* html
{
    height: 100%;
}

#footer-bg
{
    position: relative;
    margin: -7.4em auto 0 auto;
}



* html #footer-bg
{
    margin-top: -7.4em;
}

* html #main
{
    height: 100%;
}


.menubg
{ 
    background: url(bg-grey.jpg);
    border-right: 10px solid #0f7cc1; 
    box-shadow: 0px 0px 20px 0 #292828 inset;
    -moz-box-shadow: 0 0 20px 0 #292828 inset;
    -webkit-box-shadow:0 0 20px 0 #292828 inset;
    width: 15%;    
}


.sf-menu
{
    color: #FFF;
    text-align: left;
    font-family: Calibri;
    font-size: 15px;
}
.menu ul li
{
    
    list-style-type: none;
    overflow:visible;
}

.menu ul li a
{
    padding: 15px 30px 15px 10px; 
    text-decoration: none;
    border-bottom:1px solid #5A5A5A ;
}
.menu ul li a:hover
{
    
    list-style-type: none;
    -webkit-transition:background-color 0.3s ease-in-out;  
	-moz-transition:background-color 0.3s ease-in-out;  
	-o-transition:background-color 0.3s ease-in-out;  
	transition:background-color 0.3s ease-in-out;
	background:#424242;
	opacity:0.7; 
	text-decoration: none;
    position: relative;
    border-bottom:1px solid #CC8080 ;
    color: #fff;
}


.invertedshiftdown
{
    font-size: 12px;
    padding: 0px 0px 20px 0px;
    width: 100%; 
    background: transparent;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
    margin: 20px 7px 10px 6px;
    float: left;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    word-spacing: 0.05em;
    border-bottom:4px solid #A0A0A0;
}
.invertedshiftdown ul
{
    margin: 0;
    margin-left: 0px; 
    padding: 0;
    list-style: none;
}
.invertedshiftdown li
{
    display: inline;
    margin: 0 2px 0 0;
    padding: 0;
    text-transform: uppercase;
}
.invertedshiftdown a
{
    float: left;
    display: block;
    font: bold 12px Arial;
    color: #525252;
    text-decoration: none;
    text-align: center;
    margin: 0 8px 0; 
    padding: 9px 10px 5px 10px; 
    background-color: inherit; 
    height: 80px;
    width: 100px; 
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px; 
    
    
}
.invertedshiftdown a:hover
{
    background-color: #EBEBEB;  
    color: #525252;
	-webkit-box-shadow: 0px 4px 0px 0px #c70000;
    -moz-box-shadow: 0px 4px 0px 0px #c70000;
    box-shadow:  0px 4px 0px 0px #c70000;
}
.invertedshiftdown .current a
{
    
    background: #F3F3F3;
    color: #525252;
}

.invertedshiftdown .disable a
{

    background-color: #cccccc;
    color: white;
    
}
.invertedshiftdown .current a:hover
{
  
    background: #EBEBEB;
    color:#525252;
}





.list-header
{
    padding-top: 10px;
    margin: 0px 7px 5px 7px;
    position: relative;
    font-size: 13px;
    line-height: 25px;
    border-bottom: solid 1px #673605;
    width: 99%;
    font-weight: bold;
    color: #392006;
    clear: both;
}

.page-header
{
    padding: 0px;
    margin: 0px 7px 0px 7px;
    height: 38px;
    position: relative;
    border-bottom: solid 1px #BFCDDC ;
    width: 100%;
}

.page-header h1
{
    position: absolute;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    color: #424242; 
    top: 8px;
    left: 0px;
    letter-spacing: 0px;
}


.page-headerCustom
{
    position: relative;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    color: #424242; 
    top: 8px;
    left: 0px;
    letter-spacing: 0px;
}


.headerBG
{
    background: url(pattern-d0z2.png);
    box-shadow: 0 0 5px #353535;
    -moz-box-shadow: 0 0 5px #353535;
    -webkit-box-shadow:0 0 5px #353535 ;
    width:100%;
}
.header
{
    
    margin: 0 auto;
    height: 65px;
    padding: 10px 10px;
    position: relative;
    
}

.header img.logo
{
    float: left;
    margin: 8px 0px 0px 0px;
    padding: 10px;
    
}

.header1 img
{
    float: left;
    margin: 3px 0px 0px 0px;
    padding: 0px;
    vertical-align: top;
}

 
table.dataTable {
	margin: 0 auto;
	clear: both;
	width: 100%;
}

table.dataTable thead th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid #CC8080;
	font-weight: bold;
	cursor: pointer;
	*cursor: hand;
}

table.dataTable tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.dataTable td {
	padding: 3px 10px;
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
	text-align: center;
}

table.dataTable tr.odd { background-color: #ECECEC; }
table.dataTable tr.even { background-color: white; }

table.dataTable tr.odd td.sorting_1 { background-color: #D6D6D6; }
table.dataTable tr.odd td.sorting_2 { background-color: #EFEFEF; }
table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
table.dataTable tr.even td.sorting_1 { background-color: #E4E4E4; }
table.dataTable tr.even td.sorting_2 { background-color: #ECECEC; }
table.dataTable tr.even td.sorting_3 { background-color: #F1F1F1; }

.dataTables_wrapper {
	position: relative;
	clear: both;
	*zoom: 1;
}



.dataTables_length {
	float: left;
}



.dataTables_filter 
{
    padding:15px; 
    float: right;
	text-align: right;
	background: #E2E2E2; 
	border-radius: 5px; 
	margin: 0px 0px 8px 0px; 
}

.dataTables_info {
	clear: both;
	float: left;
	padding:10px 0;
}



.dataTables_paginate 
{
    padding:10px 0;
	float: right;
	text-align: right;
}


.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
	height: 19px;
	float: left;
	cursor: pointer;
	cursor: hand;
	color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
	padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}

.paginate_enabled_previous { background: url('icons/light/triangle_left.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('icons/light/triangle_left.png') no-repeat top left; }
.paginate_disabled_previous { background: url('icons/light/triangle_left.png') no-repeat top left; }

.paginate_enabled_next { background: url('icons/light/triangle_right.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('icons/light/triangle_right.png') no-repeat top right; }
.paginate_disabled_next { background: url('icons/light/triangle_right.png') no-repeat top right; }


.paging_full_numbers {
	height: 22px;
	line-height: 22px;
}
.paging_full_numbers a:active {
	outline: none
}
.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	cursor: hand;
	color: #333 !important;
	
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #99B3FF;
}


.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}


.sorting { background: url('icons/light/triangle_up_down.png') no-repeat center right; }
.sorting_asc { background: url('icons/light/triangle_up.png') no-repeat center right; }
.sorting_desc { background: url('icons/light/triangle_down.png') no-repeat center right; }

.sorting_asc_disabled { background: url('icons/light/minimize.png') no-repeat center right; }
.sorting_desc_disabled { background: url('icons/light/minimize.png') no-repeat center right; }
 
.sortingNone  
{
    background-color: #E2E2E2; 
    
}
 
table.dataTable thead th:active,
table.dataTable thead td:active {
	outline: none;
}


.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
	-webkit-overflow-scrolling: touch;
}



* html img, * html .png
{
    azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName ==           "IMG" && this.src.toLowerCase().indexOf(          '.png' )>-1?(this.runtimeStyle.backgroundImage =           "none" , this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')" , this.src = "images/blank.gif" ):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace(          'url("' , '' ).replace(          '")' , '' ), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')" , this.runtimeStyle.backgroundImage = "none" )),this.pngSet=true );
}



#main
{
    margin: 0 auto;
    width: 100%;
    position: relative;
    min-height: 560px;
    
}


.search
{
    position: relative;
    float: right;
    width: 270px;
    height: 38px;
    margin: 0px 0px 0px 0px;
    background: url(bg-gradient.gif) repeat-x 0px 0px;
}

.search-img
{
    margin: 2px 0px 0px 6px;
}

.search div.content
{
    padding: 10px 5px 5px 13px;
}

.combo-search
{
    width: 90px;
    padding: 0px 0px 0px 0px;
    margin: -2px 0px 0px 0px;
    color: #999;
    float: left;
    height: 21px;
    font: normal 13px Arial, Helvetica, sans-serif;
}

.input-search
{
    width: 124px;
    padding: 2px;
    color: #999;
    float: left;
    margin: -2px 0px 0px 5px;
    font: normal 13px Arial, Helvetica, sans-serif;
}

.search img.left
{
    position: absolute;
    top: 0px;
    left: 0px;
}

.search img.right
{
    position: absolute;
    top: 0px;
    right: 0px;
}

.global-links ul
{
    float: right;
    margin-top: 30px;
    padding: 0px;
    height: 0px;
    color: #525252; 
}

.global-links ul li
{
    list-style: none;
    float: left;
    height: auto;
    margin: 0;
    padding: 0px 7px 0 7px;
    border-right: 1px solid #333; 
    -webkit-transition:background-color 0.2s ease-in-out;  
	-moz-transition:background-color 0.2s ease-in-out;  
	-o-transition:background-color 0.2s ease-in-out;  
	transition:background-color 0.2s ease-in-out;
    
}

.global-links ul li span.logout
{
    color: red;
}

.global-links ul li span.logout a
{
    color: #c70000;
    text-decoration: none;
        -webkit-transition:background-color 0.2s ease-in-out;  
	-moz-transition:background-color 0.2s ease-in-out;  
	-o-transition:background-color 0.2s ease-in-out;  
	transition:background-color 0.2s ease-in-out;
}

.global-links ul li span.logout a:hover
{
    color: #F76B04;
            -webkit-transition:background-color 0.2s ease-in-out;  
	-moz-transition:background-color 0.2s ease-in-out;  
	-o-transition:background-color 0.2s ease-in-out;  
	transition:background-color 0.2s ease-in-out;
}

.global-links ul li a
{
    text-decoration: none;
    color: #333; 
    -webkit-transition:background-color 0.2s ease-in-out;  
	-moz-transition:background-color 0.2s ease-in-out;  
	-o-transition:background-color 0.2s ease-in-out;  
	transition:background-color 0.2s ease-in-out;
}

.global-links ul li a:hover
{
    
    color: #F76B04; /*color:#e0c57e;*/
                -webkit-transition:background-color 0.2s ease-in-out;  
	-moz-transition:background-color 0.2s ease-in-out;  
	-o-transition:background-color 0.2s ease-in-out;  
	transition:background-color 0.2s ease-in-out;
    
}

.global-links ul li.brdr-none
{
    border: none;
    padding-right: 1px;
}

.global-links ul li.brdr-none2
{
    border: none;
    padding: 0px 7px 0px 10px;
}

span.user-img
{
    background: url(user-thumb.gif) no-repeat 0px -1px;
    padding: 0 0 3px 25px;
}

.img
{
    padding: 0px 0px 1px 3px;
}

.imgButton
{
    cursor: pointer;
}


.HeaderSep
{
    height: 10px;
    width: 100%;
    margin-top: 15px;
    background-repeat: repeat-x;
}

.footerSep
{
    height: 1px;
    width: 100%;
    margin-top: 15px;
    background-repeat: repeat-x;
}


#content
{
    padding: 0px 0px 0px 0px;
    margin: 3px 0px 5px 10px;
    width: 98%;
    height: auto;
    position: relative;
    
}



.line-height
{
    padding: 0px 0px 0px 0px;
    line-height: 20px;
    width: 95px;
}
.line-height a
{
    cursor: default;
}

.action
{
    margin-top:10px;
    width: 660px;
    height: 23px;
    float: right;
    
    padding: 5px 5px 10px 5px;
}
.action ul
{
    float: right;
    padding: 0px;
    margin: 0px;
    z-index: 10;
}

.action ul li
{
    float: left;
    height: auto;
    list-style-type: none;
    text-align: left; 
    padding: 0px 7px 0px 7px;
    border: none;
}

.action ul li img
{
    position: relative;
    top: 3px;
    right: 5px;
    cursor: pointer;
}

.action ul li.brdr-none
{
    border: none;
    padding: 0px 7px 0px 7px;
}

.action ul li a
{
    text-decoration: none;
    color: #2e7bef;
    vertical-align: text-top;
    z-index: 20;
}

.action ul li a:hover
{
    text-decoration: none;
    color: #2e7bef;
    -webkit-transition:background-color 0.2s ease-in-out;  
	-moz-transition:background-color 0.2s ease-in-out;  
	-o-transition:background-color 0.2s ease-in-out;  
	transition:background-color 0.2s ease-in-out;
}


#newfooter
{
    
    margin: 0px auto 0px auto;
    bottom: 50px;
    z-index: 999;
    left: 38px;
    position: absolute;
}
#newfooter p.copy
{
    margin: 0px 0px 0px 300px;
    left: 10px;
    color: #5d5d5d;
    text-align: left;
}
#newfooter p.copy a
{
    padding: 0;
    color: #9E9E9E;
    text-decoration: none;
    
}
#newfooter p.copy a:hover
{
    padding: 0;
    color: #FF944D;
    text-decoration: none;
    -webkit-transition:background-color 0.4s ease-in-out;  
	-moz-transition:background-color 0.4s ease-in-out;  
	-o-transition:background-color 0.4s ease-in-out;  
	transition:background-color 0.4s ease-in-out;
    
}
#newfooter ul.versions
{
    font-size: 11px;
    margin: 100px 0px 0px 0px;
    text-align: right;
    list-style: none;
    color: #ff6600;
    opacity: 0.5;

}
#footer-bg
{
    width: 100%;
    height: 70px;
    float: left; 
}

#footer
{
    margin: 5px auto 0px auto;
    width: 980px;
    height: 50px;
    position: relative;
    color: #555;
}

#footer ul
{
    position: absolute;
    top: 10px;
    margin: 0;
    padding: 0px;
    text-align: left;
}

#footer ul li
{
    display: block;
    list-style-type: none;
    float: left;
    padding: 0px 5px 0px 5px;
    color: #5d5d5d;
    text-align: left;
    border-right: 1px solid #9E9E9E;
}

#footer ul li.brdr-none
{
    display: block;
    list-style-type: none;
    float: left;
    padding: 0px 5px 0px 5px;
    color: #555;
    border: none;
}


#footer ul li.noborder
{
    border-right: 0px solid #9E9E9E;
}

#footer ul li a
{
    display: block;
    padding: 0px 5px 0px 5px;
    color: #5d5d5d;
    text-decoration: none;
}

#footer ul li a:hover
{
    padding: 0px 5px 0px 5px;
    color: #5d5d5d;
    text-decoration: underline;
    -webkit-transition:background-color 0.2s ease-in-out;  
	-moz-transition:background-color 0.2s ease-in-out;  
	-o-transition:background-color 0.2s ease-in-out;  
	transition:background-color 0.2s ease-in-out;
}

#footer p.copy
{
    position: absolute;
    top: 30px;
    left: 10px;
    color: #5d5d5d;
    text-align: left;
}


#footer p.copy a
{
    padding: 0;
    color: #5d5d5d;
    text-decoration: none;
}

#footer ul.versions
{
    position: absolute;
    top: 10px;
    margin: 0px 0px 0px 780px;
    padding: 0px;
    text-align: left;
}

#footer ul.versions li.powered
{
    display: block;
    width: 195px;
    list-style-type: none;
    float: left;
    padding: 0px 5px 0px 0px;
    color: #999;
    text-align: left;
    line-height: 70px;
    border-right: 0px solid #333;
}

#footer ul.versions li.powered span
{
    float: left;
    margin: 0 10px 0 0;
}

#footer ul.versions li.strip
{
    padding: 0 45px; 
    border-right: 0px;
}

#footer ul.versions li a
{
    padding: 0px;
    color: #5d5d5d;
    text-decoration: none;
}

#footer ul.versions li a:hover
{
    padding: 0px;
    color: #5d5d5d;
    text-decoration: underline;
                -webkit-transition:background-color 0.2s ease-in-out;  
	-moz-transition:background-color 0.2s ease-in-out;  
	-o-transition:background-color 0.2s ease-in-out;  
	transition:background-color 0.2s ease-in-out;
}

#login-footer-bg
{
    margin-top: 10px;
    width: 100%;
    height: 63px;
    float: left;
    border-top: 1px solid #cccccc;
}

.actions
{
    width: auto;
    height: 23px;
    margin: 0;
    padding: 0;
    float: right;
}

.actions td
{
    padding: 9px 0 0 10px;
}

.grid-main
{
    width: 100%;
    height: auto;
    background: #7b6220;
    padding: 10px 10px 0px 10px;
    margin: 0px auto;
}

.table-main
{
    width: 100%; 
    height: auto;
    background: transparent; 
    margin: 5px 0 0 6px; 
}

.actions td
{
    padding: 9px 0 0 10px;
}


.actions-down
{
    width: auto;
    height: 23px;
    margin: 0 0px 0 0;
    padding: 0;
    float: right;
}

.actions-down td
{
    padding: 0px 0 9px 10px;
}

.grid
{
    width: 100%;
    height: auto;
    background: #fff; 
    padding: 0;
    margin: 1px;
}
.grid td.row5 textarea
{
    width: 300px;
}
.grid td.row5 textarea[readonly="readonly"], textarea[readonly="true"]
{
   
    border-color:#fff; 
    background-color:Transparent;
}

.grid td select.selectbox1
{
    height: 18px;
    width: 85px;
    font-size: 13px;
    text-align: left;
}

.grid td select.selectbox2
{
    height: 18px;
    width: 140px;
    font-size: 13px;
    text-align: left;
}

.grid td select.selectbox3
{
    height: 18px;
    width: 180px;
    font-size: 13px;
    text-align: left;
}

.grid td input
{
    font-size: 13px;
    text-align: left;
    color: #333;
}


.grid td textarea
{
    font-size: 13px;
    text-align: left;
    color: #333;
    width: 300px;
}
.grid td textarea[readonly="readonly"], textarea[readonly="true"]
{
    /*border-color: #efefef;*/
    border-color:#fff; /* Brinfo */
    background-color:Transparent;
}

.grid-inner
{
    width: auto;
    height: auto;
}

.grid-inner td
{
    padding: 2px 5px 2px 0;
    vertical-align: middle;
}

.grid-inner td input
{
    vertical-align: middle;
}


.grid-inner td span
{
    padding: 0 0 0 30px;
}

.grid thead tr th
{
    position: relative;
    font-size: 13px;
    font-weight: bold; 
    background-color: #353535; 
    color: White;
    background-repeat: repeat-x;
    height: 27px;
    text-align: center;
    border-right: 1px solid #fff;
}

.grid thead tr th a
{
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 0px 15px 0px 10px;
}

.odd
{
    height: 28px;
    padding: 5px 0px 5px 10px;
    text-align: left;
    background-color: #fffffd;
    border-top: 1px solid #fff;
}

.even
{
    height: 28px;
    padding: 5px 0px 5px 10px;
    text-align: left;
    background-color: #e9e9e9; 
    border-top: 1px solid #fff;
}

.grid
{
    position: relative;
    min-height: 200px;
    _height: 200px;
    clear: both;
    width: 953px;
}





.go-to
{
    padding: 0px;
    margin: 0px;
    float: right;
}

.go-to td
{
    padding: 0px 0px 0px 5px;
}


.login-Backround
{
    background: url(bg-main.jpg) repeat-x #fff;
}

input[type="submit"]
{
    text-align: center;
}

input[type="button"]
{
    text-align: center;
}

.input-validation-error
{
    border: 1px solid #ff0000; 
}


label.error
{
    display: none;
    color: red;
    font-style: italic;
    font-weight: normal;
}
input select
{
    width: 200px;
    border: 1px solid #929292;  
    padding: 2px;
}
input[type=text], input[type=password], textarea
{
    border: 1px solid #FCFCFC; 
    padding: 3px;
    width: 300px;
    background: #fcfcfc;
    
   
}
textarea[readonly="readonly"], textarea[readonly="true"]
{
    
    border-color:#fff; 
    background-color:Transparent;
}
input[type=text].error, input[type=password].error, select.error
{
    border: 1px solid red;
    background: #F6CECE;
}

input[type=text]:focus, input[type=password]:focus, select:focus
{
    background: #fff;
    border: 1px solid #999;
}

td.field input.error, td.field select.error, tr.errorRow td.field input, tr.errorRow td.field select
{
    border: 2px solid red;
    background-color: #FFFFD5;
    margin: 0px;
    color: red;
}

input[type="button"]
{
    text-align: center;
}

.field-validation-error
{
    color: Red;
}

.collapseBorder
{
    border-collapse: collapse;
}
.flatBorder
{
    border:1px solid #ebebeb;
    border-collapse: collapse;
}

.fl
{
    float: left;
}
.fr
{
    float: right;
}
.fontNormal
{
    font-weight: normal;
}
.textRight
{
    text-align: right;
}
.textLeft
{
    text-align: left;
}

.details
{
    
    height: auto;
    background: transparent; 
    margin: 0px 0px 0px 0px;
    padding: 0px;
    margin: 0px;
    width: 100%;
}
.details tr
{
       background-color: transparent; 
}
.details td.row1a img.a
{
    margin: 0 0 0 10px;
}

.details td.row1a a
{
    color: #fff;
    text-decoration: none;
}

.details td.row1a
{
    position: relative;
    font-size: 12px;
    font-weight: bold;
    background-image: url(bg-details.gif);
    color: #fff;
    height: 27px;
    text-align: left;
    padding: 0 0 0 10px;
    border-right: 1px solid #fff;
}

.details td.row1b img.a
{
    margin: 0 0 0 10px;
}

.details td.row1b
{
    position: relative;
    font-size: 12px;
    font-weight: bold;
    background-image: url(bg-details.gif);
    color: #fff;
    height: 27px;
    text-align: center;
    padding: 0 10px;
    border-right: 1px solid #fff;
}

.details td.row1c a
{
    color: #fff;
    text-decoration: none;
}

.details td.row1c img.a
{
    margin: 0 0 0 10px;
}

.details td.row1c
{
    position: relative;
    font-size: 12px;
    font-weight: bold;
    background-image: url(bg-details.gif);
    color: #fff;
    height: 27px;
    text-align: left;
    padding: 0 0 0 10px;
    border-right: 0px solid #fff;
}

.details td.row1d
{
    position: relative;
    font-size: 12px;
    font-weight: bold;
    background-image: url(bg-details.gif);
    color: #fff;
    height: 27px;
    text-align: left;
    padding: 0 0 0 10px;
    border-right: 0px solid #fff;
}

.details td.row2
{
    height: 28px;
    font-size: 12px;
    padding: 5px 0px 5px 10px;
    text-align: left;
    background-color: #fffffd;
    border-top: 1px solid #fff;
}

.details td.row2a
{
    height: 28px;
    font-size: 12px;
    padding: 5px 0px 5px 0px;
    text-align: center;
    background-color: #fffffd;
    border-top: 1px solid #fff;
}

.details td.row3
{
    height: 28px;
    font-size: 12px;
    padding: 5px 0px 5px 10px;
    text-align: left;
    background-color: #fff; 
    border-top: 1px solid #fff;
}

.details td.row3a
{
    height: 28px;
    font-size: 12px;
    padding: 5px 0px 5px 0px;
    text-align: center;
    background-color: #fafaf4;
    border-top: 1px solid #fff;
}


.viewlabel
{
    font-size: 12px;
    text-align: left;
    font-weight: bold;
}


.viewcontent
{
    font-size: 12px;
    text-align: left;
}


.details td.trxFooter
{
    background-color: Gray; 
    color: White;
    text-align: center;
    font-size: 16px;
    font-style: italic;
    padding: 2px;
    font-weight: bold;
}

.details td.trxDivLine
{
    background-color: Gray;
}

td.rowNoMargin
{
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    
}

td.CustomLabel
{
    padding-right: 10px; 
    font-family: Times New Roman; 
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #424242; 
}

.details td.row4
{
    width: 100px;
    font-size: 12px;
    height: 30px; 
    padding: 5px 0px 5px 5px;
    text-align: left; 
    font-weight: bold; 
}
.details fieldset legend
{
    font-weight: bold;
    font-size: 13px;
    color: #000;
}
.details td.row5
{
    width: 150px;
    font-size: 12px;
    height: 25px; 
    padding: 10px 0px 5px 10px;
    text-align: left; 
}
.details td.row5 img
{
    height: 90px;
    width: 82px;
}

.details td.row5 img.InfoImage
{
    height: 16px;
    width: 16px;
    padding-left: 5px;
    vertical-align: top;
    cursor: pointer;
}

.details td.row5 span
{
   
    width: 169px;
    height: 14px; 
    color: #333;
    font-size: 12px;
    text-align: left;
    padding: 3px 3px 3px 3px;
    display: inline-block; 
    font-size: 13px; 
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px; 
}

.details td.row5 .field-validation-error
{
    
    color: red;
    border: 0;
    margin: 0;
    padding: 0;
}
.details td.row5 textarea
{
    width: 300px;
    font-size: 12px;
    height: 35px; 
    color: #333;
    text-align: left;
    font-size: 13px;
}
.details td.row5 textarea[readonly="readonly"], textarea[readonly="true"]
{
    border-color:#fff; 
    font-size: 12px;
    background-color:Transparent;
    
}
.details td select
{
	display : inline-block;
	color:#666666;
	position : relative;
	border : 1px solid #dddddd;
	margin : 0 3px 0 0;
	text-decoration : none;
	overflow : hidden;
	outline : none;
	width : 200px;
	height : 20px;

}
input[type|="radio"], input[type|="checkbox"]
{
    margin: 0 5px 0 0;
}
.details td select.selectbox1
{
    height: 18px;
    width: 85px;
    font-size: 12px;
    text-align: left;
}
.details td select.selectbox2
{
    height: 18px;
    width: 140px;
    font-size: 13px;
    text-align: left;
}

.details td select.selectbox3
{
    height: 18px;
    width: 180px;
    font-size: 12px;
    text-align: left;
}

.details td input
{
   
    color: #333;
    width: 170px;
    font-size: 12px;
    text-align: left;
    padding: 5px;
    background-color:#fff;
    border:1px solid #ccc;
}
.details td textarea
{
    background-color:#fff;
    border:1px solid #ccc;
}
.details td input[readonly="readonly"], input[readonly="tue"]
{
    border: 0;
    background-color:Transparent;
}


.details td input[type|="radio"]
{
    color: #333;
    width: 15px;
    font-size: 12px;
    text-align: left;
}
.details-inner
{
    width: auto;
    height: auto;
}

.details-inner td
{
    padding: 2px 5px 2px 0;
    vertical-align: middle;
}

.details-inner td input
{
    vertical-align: middle;
}


.details-inner td span
{
    padding: 0 0 0 30px;
}
.details thead tr th
{
    position: relative;
    font-size: 12px;
    font-weight: bold; 
    background-color: #353535; 
    color: White;
    background-repeat: repeat-x;
    height: 27px;
    text-align: left;
    padding: 0 0 0 10px;
    border-right: 1px solid #fff;
}
.details tr td fieldset
{
    width: 100%; 
    padding: 0px 0px 10px 10px;
}
.details tr td fieldset legend
{
    margin-left: 5px; 
    padding-left: 3px;
    padding-right: 3px;
}
.details tr td fieldset input[type|="checkbox"]
{
    color: #333333;
    font-size: 13px;
    width: 20px;
    margin-top: 8px;
    margin-left: 10px;
    text-align: left;
}

.details tr.altr-row
{
    background-color: #f1f0e9;
}

.details td.globalroles
{
    padding-top: 5px;
    padding-left: 5px;
}

/* START BIGGER FONT TABLE DATA FOR PRINTOUTS */
.bigcaption
{
    
    background-color: #fff;
    border: 1px solid #ddd; 
    font-size: 16px;
    color: #333;
    font-weight: normal;
    text-align: left;
    padding: 4px 9px 5px 9px;
    border-bottom: 0px;
    margin: 0px;
}

.details td.row4big
{
    width: 100px;
    font-size: 16px;
    height: 30px; 
    padding: 5px 0px 5px 10px;
    text-align: left; 
    font-weight: normal; 
}
.details td.row5big
{
    width: 150px;
    font-size: 16px;
    height: 25px; 
    padding: 2px 0px 2px 10px;
    text-align: left; 
}
.details td.row5big input
{
    font-size: 16px;
}
.details td.row5big textarea
{
    width: 300px;
    font-size: 16px;
    height: 35px; 
    color: #333;
    text-align: left;
    font-size: 13px;
}
.details td.row5big textarea[readonly="readonly"], textarea[readonly="true"]
{
    border-color:#fff; 
    font-size: 14px;
    background-color:Transparent;
}
/* END BIGGER FONT TABLE DATA FOR PRINTOUTS */

/* Table manipulations */
.tableFixedRow tr td
{
    height: 25px;
    white-space:nowrap; 
}

.smallFonts tr td
{
    font-size: 11px;
}

/* Main Flora Style Sheet for jQuery UI Datepicker */
#datepicker_div, .datepicker_inline
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px; 
    padding: 0;
    margin: 0;
    background: #DDD; 
    width: 250px;
}

#datepicker_div
{
    display: none;
    border: 1px solid #5a4a1f;  
    z-index: 99;
}

.datepicker_inline
{
    float: left;
    display: block;
    border: 0;
}

.datepicker_dialog
{
    padding: 5px !important;
    border: 4px ridge #DDD !important; 
}

button.datepicker_trigger
{
    width: 25px;
}

img.datepicker_trigger
{
    margin: 2px;
    vertical-align: middle;
}

.datepicker_prompt
{
    float: left;
    padding: 2px;
    background: #808080;
    color: #000; 
}

* html .datepicker_prompt
{
    width: 185px;
}

.datepicker_control, .datepicker_links, .datepicker_header, .datepicker
{
    clear: both;
    float: left;
    width: 100%;
    color: #FFF;
}

.datepicker_control
{
    background: #777777;  
    padding: 2px 0px;
}

.datepicker_links
{
    background: #555555; 
    padding: 2px 0px;
}

.datepicker_control, .datepicker_links
{
    font-weight: bold;
    font-size: 80%;
    letter-spacing: 1px;
}

.datepicker_links label
{
    padding: 2px 5px;
    color: #888; 
}

.datepicker_clear, .datepicker_prev
{
    float: left;
    width: 34%;
}

.datepicker_current
{
    float: left;
    width: 30%;
    text-align: center;
}

.datepicker_close, .datepicker_next
{
    float: right;
    width: 34%;
    text-align: right;
}

.datepicker_header
{
    padding: 1px 0 3px;
    background: #999999; 
    text-align: center;
    font-weight: bold;
    height: 1.3em;
}

.datepicker_header select
{
    background: #BBBBBB; 
    color: #000; 
    border: 0px;
    font-weight: bold;
    width:120px; 
}

.datepicker
{
    background: #CCC; 
    text-align: center;
    font-size: 100%;
}

.datepicker a
{
    display: block;
    width: 100%;
}

.datepicker .datepicker_titleRow
{
    background: #CCC; 
    color: #000; 
}

.datepicker .datepicker_daysRow
{
    background: #FFF;
    color: #666; 
}

.datepicker_weekCol
{
    background: #DDDDDD;
    color: #000;
}

.datepicker .datepicker_daysCell
{
    color: #000; 
    border: 1px solid #DDD; 
}

#datepicker .datepicker_daysCell a
{
    display: block;
}

.datepicker .datepicker_weekEndCell
{
    background: #AAAAAA; 
}

.datepicker .datepicker_daysCellOver
{
    background: #FFF;
    border: 1px solid #777; 
}

.datepicker .datepicker_unselectable
{
    color: #888; 
}

.datepicker_today
{
    background: #fff0c8 !important; 
}

.datepicker_currentDay
{
    background: #AAAAAA !important; 
}

#datepicker_div a, .datepicker_inline a
{
    cursor: pointer;
    margin: 0;
    padding: 0;
    background: none;
    color: #000; 
}

.datepicker_inline .datepicker_links a
{
    padding: 0 5px !important;
}

.datepicker_control a, .datepicker_links a
{
    padding: 2px 5px !important;
    color: #FFF !important;
}

.datepicker_titleRow a
{
    color: #000 !important; 
}

.datepicker_control a:hover
{
    background: #FDD !important;
    color: #333 !important;
}

.datepicker_links a:hover, .datepicker_titleRow a:hover
{
    background: #FFF !important;
    color: #333 !important; 
}

.datepicker_multi .datepicker
{
    border: 1px solid #444444; 
}

.datepicker_oneMonth
{
    float: left;
    width: 250px;
}

.datepicker_newRow
{
    clear: left;
}

.datepicker_cover
{
    display: none;
    display: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 193px;
    height: 200px;
}


tabs
{
    width: 100%;
    float: left;
}

UL.tabNavigation
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: 13px;
    font-weight: bold;
}


UL.tabNavigation LI
{
    display: inline;
    margin: 0;
    padding: 0;
    line-height: 25px;
}
UL.tabNavigation li a.bg-none
{
    background: none;
}
UL.tabNavigation LI A
{
    float: left;
    background: url(tab-left.gif) no-repeat left top;
    margin: 0px 2px 0px 0px;
    padding: 0 0 0 5px;
    text-decoration: none;
}
UL.tabNavigation LI A span
{
    float: left;
    display: block;
    background: url(tab-right.gif) no-repeat right top;
    padding: 0px 13px 0px 10px;
    color: #000;
    cursor: pointer;
}

UL.tabNavigation LI a.selected
{
    float: left;
    background: url(tab-left2.gif) no-repeat left top;
    margin: 0 2px 0px 0px;
    padding: 0 0 0 5px;
    text-decoration: none;
}
UL.tabNavigation LI A:hover
{
    float: left;
    background: url(tab-left2.gif) no-repeat left top;
    margin: 0 2px 0px 0px;
    padding: 0 0 0 5px;
    text-decoration: none;
}
UL.tabNavigation LI a:hover
{
    background-position: 0% -25px;
}

UL.tabNavigation LI a:hover span
{
    background-position: 100% -25px;
    color: #fff;
    cursor: pointer;
}
UL.tabNavigation LI a.selected span
{
    background-position: 100% -25px;
    color: #fff;
    cursor: pointer;
}
UL.tabNavigation LI a.selected
{
    background-position: 0% -25px;
}

UL.tabNavigation LI A:focus
{
    outline: 0;
}

div.tabs > div
{
}

div.tabs > div h2
{
    margin-top: 0;
}
.waste
{
    min-height: 1000px;
}
.tabNavigation ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.search-view-container
{
    width: 778px;
    height: auto;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 10px;
    background: #fff;
}

.search-det-container
{
    width: 766px;
    height: auto;
    float: left;
    background: #fff;
    border: solid 1px #e0e0e0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.search-hdr
{
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #ececec;
    float: right;
    width: 766px;
    height: 30px;
    border-bottom: solid 1px #e0e0e0;
    background: url(bg-search-hdr.gif) repeat-x top left #ececec;
}

.search-filter
{
    float: left;
    padding: 4px 0px 4px 10px;
    width: 187px;
    height: 22px;
    position: relative;
}

.search-filter input
{
    width: 150px;
    color: #999;
    position: absolute;
    top: 4px;
    left: 10px;
    padding: 2px 3px;
}

.search-filter img
{
    position: absolute;
    top: 4px;
    right: 0px;
}

.search-nav
{
    margin: 0px;
    padding: 0px;
    height: 30px;
    float: right;
}

.search-nav ul
{
    float: right;
    padding-right: 5px;
    height: 0px;
    color: #999;
    font: normal 13px Georgia, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.search-nav ul li
{
    list-style: none;
    float: left;
    height: auto;
    margin: 0px;
    padding: 0px 5px 0px 5px;
    float: left;
    line-height: 30px;
}

.search-nav ul li a
{
    text-decoration: none;
    color: #999;
}

.search-nav ul li a:hover
{
    text-decoration: underline;
    color: #999;
}

.search-nav ul li.selected a
{
    color: #25bef7;
}

.search-view
{
    padding: 0px 0px 10px 10px;
    margin: 0px;
    width: 756px;
    height: auto;
    position: relative;
    float: left;
    background: #fff;
}

.search-container
{
    padding: 0px 5px 0px 5px;
    margin: 0px 0px 0px 0px;
    width: 356px;
    height: 150px;
    position: relative;
    background: #fefce0;
    border: 1px solid #e2deac;
    float: left;
}
.search-container a
{
    text-decoration: none;
}
.mrgn-left
{
    margin-left: 10px;
}

.search-ftr
{
    float: left;
}

.search-ftrnav
{
    margin: 0px 0px 0px 0px;
    padding: 0px;
    border-top: solid 1px #e0e0e0;
    width: 766px;
    height: 32px;
    background: url(bg-search-hdr.gif) repeat-x top left #ececec;
}

.search-ftrnav ul
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    color: #999;
    font: normal 13px Georgia, Arial, Helvetica, sans-serif;
}

.search-ftrnav ul li
{
    list-style: none;
    float: left;
    height: auto;
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 21px;
    line-height: 32px;
}

.search-ftrnav ul li.grid-view
{
    background: url(ico-gridvw.png) no-repeat 0px 9px;
}

.search-ftrnav ul li.thumb-view
{
    background: url(ico-thumbvw.png) no-repeat 0px 9px;
}

.search-ftrnav ul li a
{
    text-decoration: none;
    color: #999;
}

.search-ftrnav ul li a:hover
{
    text-decoration: none;
    color: #363636;
}

.search-ftrnav ul li.selected a
{
    color: #25bef7;
}

.search-ftrnav ul li img
{
    margin-right: 5px;
    vertical-align: middle;
}

.search-ftrnav table 
{
    float: right;
    color: #999;
    margin-right: 6px;
}

.search-ftrnav td
{
    color: #999;
}

.search-ftrnav select
{
    color: #999;
}

.search-ftrnav input
{
    color: #999;
}


/*	Profile Search Classes End	*/


.silicaGrid
{
    padding: 0px;
    margin: 0px;
    position: relative;
    background: #fff;
    width: 100%;
}

.silicaGrid tr th
{
    text-align: center; 
    background-color: #E2E2E2; 
    
    text-align: center;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #727272;
    padding: 0px 17px 0px 0px;
    width: auto;
    white-space: nowrap;
}

.silicaGrid td
{
    text-align: left;
    height: 28px;
    vertical-align: middle;
    padding: 0px 0px 0px 10px;
    text-align: left;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    border-bottom:1px solid #eee;
}
.silicaGrid td img
{
    padding-left: 25px;
}

.search-view-container2
{
    width: 768px;
    height: auto;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    background: #fff;
}

.grid-search
{
    text-align: right;
    width: 100%;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    top: 1px;
    position: relative;
    height: 30px;
}

.search-lable
{
    font-size: 13px;
    color: #333;
    font-weight: bold;
    padding: 0px 0px 0px 10px;
}

.action-button
{
    text-align: right;
    padding: 2px 10px 0px 0px;
    vertical-align: middle;
}


#login-main
{
    margin: 0px auto;
    padding: 0px;
    width: 980px;
    position: relative;
}

#content2
{
    padding: 20px 0px 40px 40px;
    margin: 2px 0px 2px 0px;
    width: 938px;
    height: auto;
    position: relative;
    background-color: #165076;
    float: left;
}

.content2-hdr
{
    width: 510px;
    height: 16px;
    float: left;
    background: url(login-bg-top.gif) no-repeat;
    color: #fff;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
}

.content2-text
{
    width: 510px;
    height: 529px;
    float: left;
    background: url(login-cntnt-bg.gif) no-repeat;
    background-color: #fff;
    margin: 0px 0px 0px 0px;
}

.content2-text p
{
    position: absolute;
    width: auto;
    top: 20px;
    left: 20px;
    font-size: 24px;
    color: #004a7b;
    font-weight: bold;
}

.content2-text p span
{
    width: auto;
    position: relative;
    top: 30px;
    left: 0px;
    font-size: 14px;
    color: #9aadc6;
    font-weight: bold;
}

.content2-text p.update
{
    margin: 70px 0px 0px 0px;
    position: relative;
    width: auto;
    font-size: 17px;
    color: #004a7b;
    font-weight: bold;
    line-height: 20px;
    padding: 5px 0px 13px 40px;
    background: url(icon-update.gif) no-repeat;
}

.content2-text p.best
{
    margin: 30px 0px 0px 0px;
    position: relative;
    width: auto;
    font-size: 17px;
    color: #004a7b;
    font-weight: bold;
    line-height: 20px;
    padding: 5px 0px 13px 30px;
    background: url(icon-best.gif) no-repeat;
}

.content2-text ul
{
    padding: 0px 0px 0px 0px;
    margin: 0px;
    position: relative;
    top: 70px;
    left: 20px;
}

.content2-text ul li
{
    padding: 0px 0px 0px 20px;
    margin: 0px;
    list-style-type: none;
    color: #999;
    font-size: 13px;
    line-height: 25px;
    font-weight: bold;
    background: url(arw.gif) no-repeat center left;
}

.content2-text ul.update
{
    padding: 0px 0px 0px 0px;
    margin: 0px;
    position: relative;
    top: 20px;
    left: 20px;
}

.content2-text ul.update li
{
    padding: 0px 0px 0px 20px;
    margin: 0px;
    list-style-type: none;
    color: #999;
    font-size: 13px;
    line-height: 25px;
    font-weight: bold;
    background: url(arw.gif) no-repeat center left;
}

.left-content
{
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    position: relative;
    width: 510px;
    background-color: red;
}



.login-header p
{
    position: absolute;
    top: 5px;
    left: 50px;
    font-size: 18px;
    color: #fff;
}

.login-header p span
{
    position: relative;
    font-size: 13px;
    top: 25px;
}

.login-footer
{
    position: relative;
    width: 360px;
    height: 11px;
    top: 30px;
}

#overlay img
{
    border: none;
}

#overlay
{
    background-image: url(overlay.png);
}

* html #overlay
{
    background-color: #333;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
}

.view
{
    width: 100%;
    height: auto;
    padding: 0 0px 0 0px;
    margin: 0px 0px 0px 0px;
}

.view th
{
    margin: 0px;
    padding: 0px;
    color: #333;
    line-height: 23px;
    font-weight: bold;
    white-space: nowrap;
    text-align: left;
    text-decoration: underline;
}

.view td
{
    margin: 0px;
    padding: 0px;
    color: #666;
    font-size: 13px;
    font-weight: normal;
    line-height: 16px;
}

.view ul
{
    padding: 0px;
    margin: 0px;
}

.view ul li
{
    padding: 0px 10px 0px 10px;
    margin: 0px;
    list-style-type: none;
    float: left;
    border-right: 1px solid #333;
    line-height: 14px;
}

.view ul li.pad-none
{
    padding: 0px 10px 0px 0px;
}

.view ul li.bdr-none
{
    border: 0px;
}

/* View Part Start */

#view
{
    padding: 0px;
    margin: 10px 0px 0 0;
    width: 468px;
    position: relative;
    border-left: 1px solid #c4deec;
    border-right: 1px solid #c4deec;
    float: left;
    background: #fff;
}

#view div.header
{
    width: 100%;
    padding: 0;
    height: 27px;
    background: url(bg-lightbox-strip.gif) repeat-x;
    position: relative;
    float: left;
}

#view div.header img.left
{
    position: absolute;
    top: 0px;
    left: -1px;
}

#view div.header img.right
{
    position: absolute;
    top: 0px;
    right: -1px;
}

#view div.header img.close
{
    position: absolute;
    top: 10px;
    right: 10px;
}

#view div.header span
{
    font-size: 13px;
    line-height: 27px;
    padding: 0 0 0 10px;
}

#view div.header span.a
{
    font-size: 13px;
}

#view div.content
{
    width: 444px;
    margin: 0px;
    padding: 13px 13px 7px 13px;
    float: left;
    background: #fff;
}

#view div.content div
{
    padding: 0px;
    margin: 0px;
    height: auto;
    float: left;
    background: url(bg-strip.gif) no-repeat center right;
}

#view div.content div.bg-none
{
    background: none;
}

#view div.content div.bg-left
{
    background: url(bg-strip.gif) no-repeat center left;
}

#view div.footer
{
    margin: 0px;
    padding: 0;
    width: 100%;
    height: 5px;
    float: left;
    position: relative;
    background: url(bg-tfoot.gif) repeat-x;
}

#view div.footer img.left
{
    position: absolute;
    top: 0px;
    left: -1px;
}

#view div.footer img.right
{
    position: absolute;
    top: 0px;
    right: -1px;
}

/* View Part End */


/*** Menu STYLES ***/
.menu
{
    padding-top: 80px;
    min-height: 700px;
    color: #FFF;
    text-align: left; 
    width:100%
    
    
}

.sf-menu, .sf-menu *
{
    padding: 0;
    list-style: none;
    z-index: 1;
}
.sf-menu
{
    line-height: 1.5;    
}
.sf-menu ul
{        
    
    top: -999em;
}



.sf-menu li:hover
{
    visibility: inherit; 
}
.sf-menu li
{     
    position: relative;
    
}
.sf-menu a
{        
    display: block;
    position: relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover u
{
    top: 30px; 

}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul
{
    top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul
{
    
    top: 0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul
{
    top: -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul
{
    
    top: 0;
}


.sf-menu a, .sf-menu a:visited
{
    color: #fff;
}

.sf-menu li li
{
    font-size: 11px;
    text-align: left;
    height: 23px; 
   
}
.sf-menu li li li
{
    font-size: 11px;
    text-align: left;
    
}

.sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active
{
    display: block;
    position: relative;
    text-decoration: none; 
}

/*** arrows **/
.sf-menu a.sf-with-ul
{
    padding-right: 1em; 
    min-width: 0.5px; 
}
.sf-sub-indicator
{
    position: absolute;
    display: block;
    right: .75em;
    top: 1.05em; 
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
    background: url('arrow.gif') no-repeat -10px -100px; 
}
a > .sf-sub-indicator
{
    top: .8em;
    background-position: 0 -100px; 
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator
{
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator
{
    background-position: -10px 0;
}
.sf-menu ul a > .sf-sub-indicator
{
    background-position: 0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator
{
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul
{
    background: url('shadow.png') no-repeat bottom right;
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
    border-top-right-radius: 17px; /* will shadow ie */
    border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off
{
    background: transparent;
}
#AjaxProgressBar
{
    position: absolute;
    z-index: 100;
    top: 300px;
    left: 450px;
}

.notification-bg
{
    margin-top:10px;
    padding: 5px;
    background-color: inherit;
    width: 660px; 
    position: relative;
    float: left;
    height: auto; 
    /* Rounded Edges Code - Cut and paste this block for divs*/
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px; /* End Rounded Edges Code */
}

/* notification starts */

#msg-note
{
    padding: 3px;
    margin: 0px 0px 0px 5px; 
    width: 600px; 
}

#msg-note div.header
{
    width: 650px; 
    padding: 0;
    height: 4px;
    position: relative;
    float: left;
    border-top: 1px solid #f3a601;
    background-color: #ffffda;
}

#msg-note div.header img.left
{
    position: absolute;
    top: -1px;
    left: -1px;
}

#msg-note div.header img.right
{
    position: absolute;
    top: -1px;
    right: -1px;
}

#msg-note div.content
{
    width: 620px; 
    margin: -1px 0px 0px -1px;
    padding: 5px 0px 0px 30px;
    height: auto;
    float: left;
    border-left: 1px solid #f3a601;
    border-right: 1px solid #f3a601;
    background-color: #ffffda; 
}

span.note1
{
    background: url(note-icon.gif) no-repeat 0px 0px;
    display: block;
    font-size: 13px;
    color: #111; 
    text-align: left;
    padding: 0 0 2px 23px;
}


#msg-note div.footer
{
    width: 650px; 
    padding: 0px 0px 0px0px;
    margin: -1px 0px 0px 0px;
    height: 4px;
    position: relative;
    float: left;
    border-bottom: 1px solid #f3a601;
    background-color: #ffffda;
}

#msg-note div.footer img.left
{
    position: absolute;
    top: 1px;
    left: -1px;
}

#msg-note div.footer img.right
{
    position: absolute;
    top: 1px;
    right: -1px;
}

/* notification Ends */

/* Success starts */

#msg-success
{
    padding: 3px;
    margin: 0px 0px 0px 5px; 
    width: 600px; 
}

#msg-success div.header
{
    width: 645px; 
    padding: 0;
    height: 4px;
    position: relative;
    float: left;
    border-top: 1px solid #018c04;
    background-color: #e3fee4;
}

#msg-success div.header img.left
{
    position: absolute;
    top: -1px;
    left: -1px;
}

#msg-success div.header img.right
{
    position: absolute;
    top: -1px;
    right: -1px;
}

#msg-success div.content
{
    width: 615px; 
    margin: -1px 0px 0px -1px;
    padding: 5px 0px 5px 30px;
    height: auto;
    float: left;
    border-left: 1px solid #018c04;
    border-right: 1px solid #018c04;
    background-color: #e3fee4; 
}

span.success1
{
    background: url(sucs-icon.gif) no-repeat 0px 0px;
    display: block;
    font-size: 13px;
    color: #084b01;
    text-align: left;
    padding: 0 0 5px 23px;
}


#msg-success div.footer
{
    width: 645px; 
    padding: 0px 0px 0px0px;
    margin: -1px 0px 0px 0px;
    height: 4px;
    position: relative;
    float: left;
    border-bottom: 1px solid #018c04;
    background-color: #e3fee4;
}

#msg-success div.footer img.left
{
    position: absolute;
    top: 1px;
    left: -1px;
}

#msg-success div.footer img.right
{
    position: absolute;
    top: 1px;
    right: -1px;
}

/* success Ends */

/* Failure starts */

#msg-failure
{
    padding: 3px;
    margin: 0px 0px 0px 5px; 
    width: 600px; 
}

#msg-failure div.header
{
    width: 645px; 
    padding: 0;
    height: 4px;
    position: relative;
    float: left;
    border-top: 1px solid #d11818;
    background-color: #fee9e9;
}

#msg-failure div.header img.left
{
    position: absolute;
    top: -1px;
    left: -1px;
}

#msg-failure div.header img.right
{
    position: absolute;
    top: -1px;
    right: -1px;
}

#msg-failure div.content
{
    width: 615px; 
    margin: -1px 0px 0px -1px;
    padding: 5px 0px 5px 30px;
    height: auto;
    float: left;
    border-left: 1px solid #d11818;
    border-right: 1px solid #d11818;
    background-color: #fee9e9; 
}

/* Merge 1.0.6A - fixes error1 css linking problem 
   If got any wierd displays with errors this might be the problem */
.error1 ul li
{
    background: url(fail-icon.gif) no-repeat 0px 0px;
    display: block;
    font-size: 13px;
    color: #7e0202;
    text-align: left;
    padding: 0 0 5px 23px;
    color: Red;
    list-style: none;
}

ul.error1 li
{
    background: url(fail-icon.gif) no-repeat 0px 0px;
    display: block;
    font-size: 13px;
    color: #7e0202;
    text-align: left;
    padding: 0 0 5px 23px;
    color: Red;
    list-style: none;
}
span.error1
{
    visibility: hidden;
}
span.exception
{
    background: url(fail-icon.gif) no-repeat 0px 0px;
    display: block;
    font-size: 13px;
    color: #7e0202;
    text-align: left;
    padding: 0 0 5px 23px;
    color: Red;
    list-style: none;
}
span.error
{
    display: block;
    font-size: 13px;
    color: #7e0202;
    text-align: left;
    font-weight: bold;
    color: Red; 
}

ul.validation-summary-errors li
{
    background: url(fail-icon.gif) no-repeat 0px 0px;
    display: block;
    font-size: 13px;
    color: #7e0202;
    text-align: left;
    padding: 0 0 5px 23px;
    list-style: none;
}
.content span.validation-summary-errors
{
    visibility: hidden;
}
#msg-failure div.footer
{
    width: 645px; 
    padding: 0px 0px 0px0px;
    margin: -1px 0px 0px 0px;
    height: 4px;
    position: relative;
    float: left;
    border-bottom: 1px solid #d11818;
    background-color: #fee9e9;
}

#msg-failure div.footer img.left
{
    position: absolute;
    top: 1px;
    left: -1px;
}

#msg-failure div.footer img.right
{
    position: absolute;
    top: 1px;
    right: -1px;
}

/* Failure Ends */


/*==================================================== */

/* Admin container start */

.content-admin
{   
    width: 100%;
    padding: 3px 8px 10px 0px;
    float: left; 
    margin: 0; 
   
}

.table-borderline
{
	border-collapse: collapse;
}

.table-borderline th,
.table-borderline td
{
    border: 1px solid #999;
}

.table-borderline td.noborderbtm
{
    border: none;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}

.table-borderline td.noborderbtmLabel
{
    border: none;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    padding: 2px 10px 2px 30px;
    font-weight:bold;
}

.table-borderline td.sumLabel
{
    padding: 2px 10px 2px 30px;
    font-weight:bold;
}

.table-borderline td.borderbtm
{
    border-top: none;
}

.table-borderline td.noborder
{
  border: none;
}

.table-borderline td.row5alignR
{
	padding: 2px 10px 2px 10px;
	text-align: right;
	background-color: #fff;
}

.details td.row4alignR
{
	padding: 0px 10px 0px 0px;
	text-align: right;
	font-weight: bold;
}

.table-borderline td.row5alignRnobtm
{
    border: none;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    padding: 2px 10px 2px 10px;
	text-align: right;
	background-color: #fff;
}

.details td.row5nospace
{
	padding: 0px 0px 0px 2px;
}

.content-reports
{
    padding: 3px 3px 10px 3px;
    margin: 0 0 8px 0;
    width: 970px;
    height: auto;
    margin-bottom: 0; 
    border: 5px solid #e2e2e2;
    font-size: 13px;
    float: left; 
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px; 
    background: inherit;
}

/* Report container - landscape */
.content-landscape
{
    padding: 3px 3px 10px 3px;
    margin: 0 0 8px 0;
    width: 2190px;
    height: auto;
    margin-bottom: 0;
    border: 1px solid #bbb;
    float: left; 
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px; 
    background: inherit;
}
.content-landscape .org-det-container-inner-det-full
{
    padding: 0px;
    margin: 10px 0px 0px 6px;
    width: 2180px;
    height: auto;
    position: relative;
    background: #fff;
    float: left;
}
.content-landscape .page-header
{
    padding: 0px;
    margin: 0px 7px 0px 7px;
    height: 38px;
    position: relative;
    border-bottom: solid 1px #5d5d5d;
    width: 2150px;
}

.grid-content
{
    clear: both; 
    width:100%;
    padding: 5px;
    margin: 0;
    height: auto;
    margin-bottom: 0; 
    float: left; 
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px; 
}
.form-content
{
    padding: 0px 0 4px 0px;
    width: 956px;
    float: left;
    overflow: hidden;
    background: url(bg-form-content.gif) left bottom no-repeat;
    margin: -1px 7px 0px 7px;
}

.profile-content-cntr
{
    padding: 10px 0 0px 7px;
    width: 956px;
    float: left;
}
.profile-content-left
{
    padding: 0px;
    margin: 0px;
    width: 279px;
    height: auto;
    position: relative;
    float: left;
}

.profile-content-right
{
    padding: 0px;
    margin: 0px 0px 0px -1px;
    width: 678px; 
    height: auto;
    position: relative;
    float: left;
}

/* Admin container end */

/* Privilege filter starts */

#filter
{
    padding: 3px;
    margin: 5px 0px 0px 2px;
    width: 955px;
    position: relative;
    float: left;
}

#filter div.header
{
    width: 955px;
    padding: 0;
    height: 6px;
    position: relative;
    float: left;
    border-top: 1px solid #736a3c;
    background-color: #e8e8e8; 
}

#filter div.header img.left
{
    position: absolute;
    top: -1px;
    left: -1px;
}

#filter div.header img.right
{
    position: absolute;
    top: -1px;
    right: -1px;
}

#filter div.content
{
    width: 945px;
    margin: -1px 0px 0px -1px;
    padding: 5px 0px 0px 10px;
    height: auto;
    float: left;
    border-left: 1px solid #736a3c;
    border-right: 1px solid #736a3c;
    background-color: #e8e8e8; 
    height: 25px;
}

span.filter-opt
{
    position: relative;
    float: left;
    font-size: 13px;
    color: #000;
    font-weight: bold;
    text-align: left;
    top: 2px;
    padding-right: 8px;
    padding-left: 8px;
}

.filter-search
{
    width: 120px;
    padding: 0px 0px 0px 0px;
    color: #575757;
    float: left;
    height: 21px;
    font: normal 13px Arial, Helvetica, sans-serif;
}


#filter div.footer
{
    width: 955px;
    padding: 0px 0px 0px0px;
    margin: -1px 0px 0px 0px;
    height: 6px;
    position: relative;
    float: left;
    border-bottom: 1px solid #736a3c;
    background-color: #e8e8e8; 
}

#filter div.footer img.left
{
    position: absolute;
    top: 3px;
    left: -1px;
}

#filter div.footer img.right
{
    position: absolute;
    top: 3px;
    right: -1px;
}

/* Privilege filter Ends */


/* Data Grid Starts */


.dgcontainer
{
    padding: 3px;
    margin: 5px 0px 0px 2px;
    width: 955px;
    position: relative;
    float: left;
}

.table-border
{
    border: 1px solid #999;
    margin: 0px;
}


.grid-heading-row
{
    margin: 0px;
    background-image: url(bg-gradient.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 28px;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding-left: 3px;
}

.grid-heading-row-left
{
    margin: 0px;
    background-image: url(bg-gradient.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 30px;
    text-align: left;
    vertical-align: middle;
    font-size: 13px;
    font-weight: bold;
    color: #2e4961;
    padding-left: 10px;
}

.grid-row-center
{
    margin: 0px;
    height: 30px;
    background-color: #fff;
    text-align: center;
    vertical-align: top;
    font-size: 13px;
    color: #575757;
    padding-top: 5px;
}

.grid-row-left
{
    margin: 0px;
    height: 30px;
    background-color: #fff;
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    font-size: 13px;
    color: #000;
    padding-left: 5px;
    padding-top: 5px;
}

.grid-row-center input.chkbox
{
    float: left;
    position: relative;
    left: 2px;
    right: 2px;
    top: 1px;
}

.grid-row-center img
{
    position: relative;
    top: 2px;
    right: 2px;
}

.grid-row-center a
{
    font-size: 13px;
    color: #004eff;
    text-decoration: none;
}

.grid-row-center a:hover
{
    font-size: 13px;
    color: #004eff;
    text-decoration: underline;
}

.grid-row-alt-center img
{
    position: relative;
    top: 2px;
    right: 2px;
}

.grid-row-alt-center
{
    margin: 0px;
    height: 30px;
    background-color: #f1f0e9;
    text-align: center;
    vertical-align: top;
    font-size: 13px;
    color: #000;
    padding: 5px 0px 0px 2px;
}
.grid-row-alt-center input[type|="checkbox"]
{
    float: left;
    padding: 0px 2px 0 2px;
}
.grid-row-alt-center a
{
    font-size: 13px;
    color: #004eff;
    text-decoration: none;
}

.grid-row-alt-center a:hover
{
    font-size: 13px;
    color: #004eff;
    text-decoration: underline;
}

.grid-row-alt-center input.chkbox
{
    float: left;
    position: relative;
    left: 2px;
    right: 2px;
    top: 1px;
}

.grid-row-alt-left
{
    margin: 0px;
    height: 30px;
    background-color: #f1f0e9;
    text-align: left;
    vertical-align: top;
    font-size: 13px;
    font-weight: bold;
    color: #000;
    padding-left: 5px;
    padding-top: 5px;
}

.grid-row2-left
{
    margin: 0px;
    height: 30px;
    background-color: #fff;
    text-align: left;
    vertical-align: top;
    font-size: 13px;
    color: #000;
    padding-left: 10px;
    padding-top: 5px;
    border-bottom: 1px solid #e3e3e3;
}

.grid-row2-left a
{
    font-size: 13px;
    color: #004eff;
    text-decoration: none;
}

.grid-row2-left a:hover
{
    font-size: 13px;
    color: #004eff;
    text-decoration: underline;
}


.grid-row2-center
{
    margin: 0px;
    height: 30px;
    background-color: #fff;
    text-align: center;
    vertical-align: top;
    font-size: 13px;
    color: #000;
    padding-left: 10px;
    padding-top: 5px;
    border-bottom: 1px solid #e3e3e3;
}

.grid-row3-left
{
    margin: 0px;
    height: 30px;
    background-color: #fff;
    text-align: left;
    vertical-align: top;
    font-size: 13px;
    color: #000;
    padding-left: 10px;
    padding-top: 5px;
}

.grid-row3-left a
{
    font-size: 13px;
    color: #004eff;
    text-decoration: none;
}

.grid-row3-left a:hover
{
    font-size: 13px;
    color: #004eff;
    text-decoration: underline;
}

.grid-row3-center
{
    margin: 0px;
    height: 30px;
    background-color: #fff;
    text-align: center;
    vertical-align: top;
    font-size: 13px;
    color: #000;
    padding-left: 10px;
    padding-top: 5px;
}

.gridcell-header
{
    color: #71683a;
    font-size: 13px;
    font-weight: bold;
    margin: 5px 5px 5px 5px;
    padding-left: 5px;
    vertical-align: top;
}

.grid-combo
{
    width: 120px;
    padding: 0px 0px 0px 0px;
    color: #575757;
    height: 21px;
    font: normal 13px Arial, Helvetica, sans-serif;
}

/* Data Grid Ends */

.overflowtext
{
    width: 110px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* --------------------- Footer Part End --------------------- */

/* login part start */
#login-header
{
    float: left;
    position: relative;
    top: 5px;
    left: 40px;
}

#login-header h1
{
    font-family: Arial, Helvetica, sans-serif;
    color: #13477E;
    font-weight: bold;
    font-size: 24px;
}

#login-header h2
{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffa32e;
    margin-top: 3px;
    font-weight: bold;
    font-size: 13px;
}

#login-bg-top
{
    float: left;
    position: relative;
    top: 10px;
    left: 40px;
    background: url(login-bg-top.png) no-repeat;
    width: 915px;
    height: 30px;
}


#login-bg-repeater
{
    float: left;
    position: relative;
    top: 10px;
    left: 40px;
    background: url(login-bg-repeater.png) repeat-y;
    width: 915px;
    height: 450px;
}

#login-bg-bottom
{
    float: left;
    position: relative;
    top: 10px;
    left: 40px;
    background: url(login-bg-bottom.png) no-repeat;
    width: 915px;
    height: 30px;
}

.login-content
{
    float: left;
    position: relative;
    top: 20px;
    left: 20px;
}

.login-content ul
{
    padding: 0px 0px 0px 0px;
    margin: 0px;
    position: relative;
    top: 5px;
    left: 40px;
}

.login-content ul li
{
    padding: 0px 0px 0px 20px;
    margin: 0px;
    list-style-type: none;
    color: #999;
    font-size: 13px;
    line-height: 25px;
    font-weight: bold;
    background: url(arw.gif) no-repeat center left;
}

.login-content p.features
{
    margin: 0px 0px 0px 10px;
    position: relative;
    width: auto;
    font-size: 17px;
    color: #7b4500;
    font-weight: bold;
    line-height: 20px;
    padding: 0px 0px 10px 35px;
    background: url(icon-features.gif) no-repeat;
}

.login-content p.best
{
    margin: 20px 0px 0px 10px;
    position: relative;
    width: auto;
    font-size: 17px;
    color: #7b4500;
    font-weight: bold;
    line-height: 20px;
    padding: 0px 0px 10px 30px;
    background: url(icon-best.gif) no-repeat;
}

.login-content p.update
{
    margin: 20px 0px 0px 10px;
    position: relative;
    width: auto;
    font-size: 17px;
    color: #7b4500;
    font-weight: bold;
    line-height: 20px;
    padding: 0px 0px 10px 40px;
    background: url(icon-update.gif) no-repeat;
}


.login-content ul.update
{
    padding: 0px 0px 0px 0px;
    margin: 0px;
    position: relative;
    top: 5px;
    left: 40px;
}

.login-content ul.update li
{
    padding: 0px 0px 0px 20px;
    margin: 0px;
    list-style-type: none;
    color: #999;
    font-size: 13px;
    line-height: 25px;
    font-weight: bold;
    background: url(arw.gif) no-repeat center left;
}

#login-divider
{
    float: left;
    position: relative;
    top: 15px;
    left: 100px;
    background: url(login-divider.gif) no-repeat center left;
    width: 2px;
    height: 413px;
}

#loginbg-rht
{
    float: left;
    position: relative;
    left: 50px;
    bottom: -40px; 
    width: 500px;
    height: 450px;
}

#loginbox-hdr
{
    float: left;
    position: relative;
    top: 65px;
    right: 75px;
    background: url(loginbox-hdr.gif) no-repeat;
    width: 365px;
    height: 42px;
}

#loginbox-hdr p
{
    float: left;
    position: relative;
    top: 9px;
    left: 55px;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
}

#loginbox-repeater
{
    float: left;
    position: relative;
    top: 65px;
    right: 75px;
    background: url(loginbox-repeater.gif) repeat-y;
    width: 365px;
    height: auto;
}

#loginbox-repeater span.note
{
    float: left;
    position: relative;
    top: 8px;
    left: 15px;
    font-size: 13px;
    color: #48290a;
    font-weight: bold;
}

#loginbox-bottom
{
    float: left;
    position: relative;
    top: 65px;
    right: 75px;
    background: url(loginbox-ftr.gif) no-repeat;
    width: 365px;
    height: 22px;
}


#login-center
{
    float: left;
    position: relative;
    top: 5px;
    width: 360px;
}


#login-center img
{
    position: absolute;
    top: 85px;
    left: 275px;
    float: right;
}
.loginButton
{
    position: absolute;
    top: 85px;
    left: 255px;
    float: right;
}
#login-center p.email
{
    position: absolute;
    width: 62px;
    margin: 23px 0px 0px 15px;
    font-size: 13px;
    font-weight: bold;
    color: #666666;
    text-align: left;
    float: left;
}

#login-center p.password
{
    position: absolute;
    width: 62px;
    margin: 58px 0px 0px 15px;
    font-size: 13px;
    font-weight: bold;
    color: #666666;
    text-align: left;
}

#login-center p.forgot
{
    position: absolute;
    width: auto;
    margin: 120px 0px 0px 15px;
    font-size: 13px;
    color: #3366cc;
    text-align: left;
}

#login-center p.forgot span.opt1
{
    color: #3366cc;
}

#login-center p.forgot span a
{
    color: #3366cc;
    text-decoration: none;
}

#login-center p.forgot span a:hover
{
    color: #3366cc;
    text-decoration: underline;
}

.input1
{
    position: absolute;
    width: 62px;
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 82px;
    font-size: 13px;
    font-weight: bold;
    color: #666666;
    text-align: right;
    float: right;
}
.input1 span
{
    width: 10px;
}
.input2
{
    position: absolute;
    width: 62px;
    margin: 55px 0px 0px 0px;
    padding: 0px 0px 0px 82px;
    font-size: 13px;
    font-weight: bold;
    color: #666666;
    text-align: right;
    float: right;
}

#login-msg
{
    float: left;
    position: relative;
    top: 55px;
    left: 20px;
}

#login-msg ul span.msg
{
    background: url(fail-icon.gif) no-repeat 0px 0px;
    display: block;
    font-size: 13px;
    color: #d41111;
    text-align: left;
    padding: 0 0 2px 23px;
    margin: 5px;
}
#login-msg span.validation-summary-errors
{
    visibility: hidden;
}

/* Login Ends */

.imageAlign
{
    float: right;
    position: relative;
    top: 2px;
}
.imageAlign img
{
    cursor: pointer;
}
.imageAlign-ftr
{
    float: right;
    position: relative;
    top: 5px;
    padding-bottom: 5px;
}
.imageAlign-ftr img
{
    cursor: pointer;
}

/*Organization Page part */

.orgWhiteBg  /* White container - must be only 1 in a page */
{   
    padding: 5px;
    margin-top: 10px;
    width: 98.8%;   
    min-height:220px;
    margin-bottom: 0; 
    float: left; 
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
    display:inline-block;
}


.org-det-container-inner-det-full
{
    padding: 0px;
    margin: 10px 0px 0px 0px;
    width: 98%; 
    height: auto;
    position: relative;
    background: #fff;
    float: left;
}
.org-det-container
{
    width: 972px;
    height: auto;
    float: left;
    padding: 3px;
    background: #bbb;
}
/*End*/

/*	My-Profile-Table-Header Part Start	*/
.profile-det-container-inner-det-full
{
    padding: 0px;
    margin: 0px 0px 0px 0px;
    width: 650px;
    height: auto;
    position: relative;
    background: #ebebeb;
    float: left;
}
.profile-edu-container-inner-det
{
    padding: 0px;
    margin: 0px 0px 0px 0px;
    width: 768px;
    height: auto;
    position: relative; 
    background: #ebebeb;
    float: left; 
}

.profile-det-container-inner-det
{
    padding: 0px;
    margin: 0px 6px 0px 0px;
    width: 326px;
    height: auto;
    position: relative;
    background: #dddddd;
    float: left;
}
.profile-det-container-inner
{
    background: #fff;
    padding: 0px 0 6px 6px;
    margin: 0px 0px 0px 0px;
    width: 664px;
    height: auto;
    position: relative;
    float: left;
}

.profile-det-container-inner-det1
{
    width: 100%;
    height: 100%;
    min-height: 270px;
}

.profile-det-container-inner-det1 input
{
    width: 170px;
    color: #000;
}

.profile-det-container-inner-det1 textarea
{
    width: 300px;
    color: #000;
}
.profile-det-container-inner-det1 textarea[readonly="readonly"], textarea[readonly="true"]
{
    border-color:#fff; 
    background-color:Transparent;
}

.profile-det-container-inner-det1 select
{
    width: 180px;
    height: 20px;
    color: #000;
    text-align: left;
    font-size: 13px;
}
.profile-det-container-inner-det1 caption
{
    background: url(bg-gradient.gif) repeat-x;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-align: left;
    padding: 4px 9px 5px 9px;
    border: 1px solid #999;
    border-bottom: 0px;
    margin: 0px;
}

.profile-det-container-inner-det1 th
{
    background: #f6f1dc;
    font-size: 13px;
    color: #666;
    font-weight: bold;
    text-align: left;
    padding: 4px 9px 5px 9px;
}

.profile-det-container-inner-det1 th.aln-cntr
{
    text-align: center;
}
.profile-det-container-inner-det1 tr
{
    background-color: #b2e0f0; 
}

.profile-det-container-inner-det1 td
{
    font-size: 13px;
    color: #000;
    font-weight: normal;
    text-align: left;
    padding: 5px 5px 5px 9px; 
}

.profile-det-container-inner-det1 td.aln-rht
{
    text-align: right;
    font-weight: bold;
    width: 140px;
}
.profile-det-container-inner-det1 td.aln-lft
{
    text-align: left;
}
.profile-det-container-inner-det1 td.aln-cntr
{
    text-align: center;
    width: auto;
    padding: 7px 5px 6px 5px;
}
.profile-det-container-inner-det1 tr.alter-item
{
    background: #b2e0f0; 
}

.caption
{
    
    background-color: #525252; 
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 4px 9px 5px 9px;
    border-bottom: 0px;
    margin: 20px 0px 0px 0px;
    
}

.profile-det-container2
{
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: #FFFFFF none repeat scroll 0 0;
    float: left;
    height: auto;
    padding: 10px;
    width: 940px;
}

.profile-det-container-inner-det1 tr.alter-item
{
    text-align: right;
    font-weight: bold;
    background: #b2e0f0; 
}
.profile-det-container-inner-det1 tr.gridrow_alternate
{
    background: #e8e8e8; 
}

.OrgHierarchyTree
{
    position: absolute;
    top: 50px;
    left: 100px;
    z-index: 8;
}

.OrgHierarchyTreeDivision
{
    position: absolute;
    top: 82px;
    left: 100px;
    z-index: 8;
}

.OrgHierarchyTreeDepartment
{
    position: absolute;
    top: 114px;
    left: 100px;
    z-index: 8;
}

/*	My-Profile-Table-Header Part End	*/
/* Grid3-Btn Part Start */

.grid3-btn
{
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    height: 23px;
    padding: 0px;
}

.grid3-btn ul
{
    padding: 0px;
    margin: 0px;
    float: right;
}

.grid3-btn ul li
{
    list-style-type: none;
    float: left;
    padding: 0 0 0 10px;
}

/* Grid3-Btn Part End */


.ftr-action
{
    width: 660px; 
    height: 23px;
    float: right;
    background: #e0ddc6;
    padding: 5px 5px;
    border-top: solid 2px #e0ddc6;
}

.ftr-action ul
{
    float: right;
    padding: 0px;
    margin: 0px;
}

.ftr-action ul li
{
    float: left;
    height: auto;
    list-style-type: none;
    text-align: left;
    margin: 0px 0px 0px 10px;
    padding: 0px 7px 0px 7px;
    border-right: 1px solid #2e7bef;
}

.ftr-action ul li img
{
    position: relative;
    top: 3px;
    right: 5px;
    cursor: pointer;
}

.ftr-action ul li.brdr-none
{
    border: none;
    padding: 0px 7px 0px 7px;
}

.ftr-action ul li a
{
    text-decoration: none;
    color: #2e7bef;
    vertical-align: text-top;
}

.ftr-action ul li a:hover
{
    text-decoration: underline;
    color: #2e7bef;
}


.filter-cntr
{
    margin: 10px 0px 0px 0px;
    padding: 0px 7px;
    width: 956px;
}

.filter
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    width: 956px;
    position: relative !important;
    float: left;
    height: 30px;
    background: url(filter-mdl.gif) top left repeat-x;
}
.filter img.left
{
    position: absolute;
    top: 0px;
    left: 0px;
}

.filter img.right
{
    position: absolute;
    top: 0px;
    right: 0px;
}


.filter div.filter-opt
{
    margin: 0px 0px 0px 0px;
    position: absolute;
    top: 5px;
    left: 10px;
}

. .filter div.filter-opt span
{
    position: relative;
    float: left;
    font-size: 13px;
    line-height: 18px;
    color: #000;
    font-weight: bold;
    text-align: left;
    padding-right: 8px;
}

.filter div.filter-opt select.filter-search
{
    width: 50px; 
    padding: 0px 0px 0px 0px;
    color: #575757;
    float: left;
    height: 21px;
    font: normal 13px Arial, Helvetica, sans-serif;
}

.search-pagination
{
    float: left;
    position: relative;
    left: 350px;
    top: 5px;
}


.search-pagination ul
{
    float: left;
    position: relative;
    bottom: 2px;
    margin: 10px;
    padding: 0px;
    height: 0px;
    color: #512c07;
}

.search-pagination img
{
    float: left;
    position: relative;
    top: 2px;
}

.search-pagination ul li
{
    list-style: none;
    float: left;
    height: auto;
    margin: 0px;
    padding: 0px 4px 0px 4px;
}


.search-pagination ul li a
{
    text-decoration: none;
    color: #0491f3;
    font-weight: normal;
    font-size: 13px;
}

.search-pagination ul li a:hover
{
    text-decoration: underline;
    color: #0491f3;
    font-weight: normal;
    font-size: 13px;
}

.search-recno
{
    float: right;
    position: relative;
    top: 13px;
    right: 10px;
}

.search-recno span.records
{
    color: #000;
    font-weight: bold;
    font-size: 13px;
}


/* Search result Starts */
#searchview
{
    float: right;
    width: 200px;
}

#searchview ul
{
    float: right;
    position: relative;
    bottom: 2px;
    margin: 10px -15px 10px 10px;
    padding: 0px;
    height: 0px;
    color: #512c07;
}

#searchview img
{
    float: left;
    position: relative;
    right: 5px;
    top: 1px;
}

#searchview ul li
{
    list-style: none;
    float: left;
    height: auto;
    margin: 0px;
    padding: 0px 15px 0px 7px;
}

#searchview ul li a
{
    text-decoration: none;
    color: #512c07;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
}

#searchview ul li a:hover
{
    text-decoration: underline;
    color: #512c07;
    font-weight: bold;
    font-size: 13px;
}


.search-pagination
{
    float: left;
    position: relative;
    left: 350px;
    top: 0px;
}


.search-pagination ul
{
    float: left;
    position: relative;
    bottom: 2px;
    margin: 10px;
    padding: 0px;
    height: 0px;
    color: #512c07;
}

.search-pagination img
{
    float: left;
    position: relative;
    top: 0px;
}

.search-pagination ul li
{
    list-style: none;
    float: left;
    height: auto;
    margin: 0px;
    padding: 0px 4px 0px 4px;
}


.search-pagination ul li a
{
    text-decoration: none;
    color: #0491f3;
    font-weight: normal;
    font-size: 13px;
}

.search-pagination ul li a:hover
{
    text-decoration: underline;
    color: #0491f3;
    font-weight: normal;
    font-size: 13px;
}

.search-recno
{
    float: right;
    position: relative;
    top: 8px;
    right: 10px;
}

.search-recno span.records
{
    color: #000;
    font-weight: bold;
    font-size: 13px;
}


.search-result
{
    float: left;
    position: relative;
    margin: 10px 0px 10px 0px;
    padding: 0px 7px;
    width: 956px;
}

.search-result dl
{
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    width: 956px;
}

.search-result dt
{
    padding: 10px 10px 10px 10px;
    margin: 0px 10px 10px 0px;
    width: 451px;
    height: 92px;
    border: 1px solid #ccc;
    background: url(bg-search-list.gif) top left repeat-x #fafedd;
    float: left;
}

.search-result dt:hover
{
    padding: 10px 10px 10px 10px;
    margin: 0px 10px 10px 0px;
    width: 451px;
    height: 92px;
    border: 1px solid #ccc;
    background: url(hover-bg.gif) top left repeat-x #fafedd;
}

.search-result dt div
{
    padding: 0px;
    margin: 0px;
    position: relative;
}

.search-result dt div span
{
    width: 70px;
    height: 70px;
    display: block;
}

.search-result dt div ul
{
    margin: 0px;
    padding: 0px;
    color: #512c07;
    position: absolute;
    top: -9px;
    left: 75px;
}

.search-result dt div ul li
{
    list-style: none;
    height: auto;
    margin: 5px;
}

.search-result dt div ul li h2
{
    color: #392006;
    font-weight: bold;
    font-size: 13px;
}

.search-result dt div ul li h3
{
    color: #392006;
    font-weight: normal;
    font-size: 13px;
}

.search-result dt div ul li span.mail
{
    padding: 0px 0px 0px 21px;
    margin: 0px;
    background: url(../images/ico-mail.gif) no-repeat left center;
    width: auto;
    height: auto;
    display: block;
}

.search-result dt div ul li span.mail a
{
    text-decoration: none;
    color: #0375d5;
    font-weight: normal;
    font-size: 13px;
}
.search-result dt div p
{
    margin: 5px 0px 0px 0px;
    line-height: 14px;
}

.search-result dd
{
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 10px 0px;
    width: 451px;
    border: 1px solid #ccc;
    background: url(bg-search-list.gif) top left repeat-x #fafedd;
    height: 92px;
    float: left;
}
.search-result dd:hover
{
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 10px 0px;
    width: 451px;
    height: 92px;
    border: 1px solid #ccc;
    background: url(hover-bg.gif) top left repeat-x #fafedd;
}
.search-result dd.selected
{
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 10px 0px;
    width: 451px;
    height: 92px;
    border: 1px solid #ccc;
    background: url(bg-search-list.gif) top left repeat-x #fafedd;
}

.search-result dd div
{
    padding: 0px;
    margin: 0px;
    position: relative;
}

.search-result dd div span
{
    width: 70px;
    height: 70px;
    display: block;
}

.search-result dd div ul
{
    margin: 0px;
    padding: 0px;
    color: #512c07;
    position: absolute;
    top: -9px;
    left: 75px;
}

.search-result dd div ul li
{
    list-style: none;
    height: auto;
    margin: 5px;
}

.search-result dd div ul li h2
{
    color: #392006;
    font-weight: bold;
    font-size: 13px;
}

.search-result dd div ul li h3
{
    color: #392006;
    font-weight: normal;
    font-size: 13px;
}

.search-result dd div ul li span.mail
{
    padding: 0px 0px 0px 21px;
    margin: 0px;
    background: url(ico-mail.gif) no-repeat left center;
    width: auto;
    height: auto;
    display: block;
}

.search-result dd div ul li span.mail a
{
    text-decoration: none;
    color: #0375d5;
    font-weight: normal;
    font-size: 13px;
}

.search-result dd div ul li span.mail a:hover
{
    text-decoration: underline;
    color: #0375d5;
    font-weight: normal;
    font-size: 13px;
}

.search-result dd div p
{
    margin: 5px 0px 0px 0px;
    line-height: 14px;
}

.searach-lable
{
    text-align: left;
    padding: 2px 0px 0px 13px;
    line-height: 21px;
    color: #666666;
}

.searach-lable-text
{
    text-align: left;
    padding: 2px 0px 0px 10px;
    line-height: 21px;
    font-weight: bold;
    color: #666666;
}

.searach-lable-text a
{
    text-align: left;
    line-height: 21px;
    font-weight: bold;
    color: #666666;
    text-decoration: none;
}
.search-result img
{
    height: 90px;
    width: 82px;
}

/* Search ends */


/*Wizard css starts here*/

/* = #mainNav2 & #mainNav3 & #mainNav4 & #mainNav5
----------------------------------------------------------------------------------------------------*/
#mainNav
{
    clear: both;
}
#mainNav li
{
    height: 71px;
    list-style: none;
    float: left;
    background-color: #9E8951;
    background-image: url(navBtn.gif);
    background-repeat: no-repeat;
    background-position: right top;
}

#mainNav li.current
{
    background-color: #2c1701;
    background-image: url(navCurrentBtn.gif);
}

#mainNav li.lastDone
{
    background-color: #9E8951;
    background-image: url(navLastDoneBtn.gif);
}

#mainNav li.done
{
    background-color: #9E8951;
    background-image: url(navBtn.gif);
}

#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active
{
    color: #ccc;
    -webkit-transition:background-color 0.2s ease-in-out;  
	-moz-transition:background-color 0.2s ease-in-out;  
	-o-transition:background-color 0.2s ease-in-out;  
	transition:background-color 0.2s ease-in-out;
}

#mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active
{
    color: #fff;
}

#mainNav li.done a:hover, #mainNav li.lastDone a:hover
{
    color: #fff;
    cursor: hand;
    -webkit-transition:background-color 0.2s ease-in-out;  
	-moz-transition:background-color 0.2s ease-in-out;  
	-o-transition:background-color 0.2s ease-in-out;  
	transition:background-color 0.2s ease-in-out;
}

#mainNav li a em
{
    width: 150px;
    display: block;
    margin: 6px 0 0 10px;
    font-style: normal;
    font-weight: bold;
}

#mainNav li a span
{
    width: 140px;
    display: block;
    margin-left: 10px;
    font-weight: normal;
}

#mainNav li.mainNavNoBg
{
    background-image: none;
}

#mainNav li a
{
    height: 71px;
    display: block;
}

/* #mainNav.fiveStep */
#mainNav.fiveStep li
{
    width: 235px;
}
#mainNav.fiveStep li a
{
    width: 152px;
    -webkit-transition:background-color 0.2s ease-in-out;  
	-moz-transition:background-color 0.2s ease-in-out;  
	-o-transition:background-color 0.2s ease-in-out;  
	transition:background-color 0.2s ease-in-out;
}

/* BUTTONS */
.buttons
{
    margin: 10px;
    clear: both;
    width: 828px;
}
.next
{
    float: right;
}
.previous
{
    float: left;
}

/*Wizard css ends here*/
/* Under Construction Starts */

#content .underconstruct
{
    float: left;
    position: relative;
    top: 100px;
    left: 375px;
}


/* Under Construction Ends */

/*History UI starts here*/
.view-history
{
    background: url(clock.png) no-repeat scroll 860px 7px #FFFFFF;
    color: #512C07;
    font-size: 13px;
    font-weight: bold;
    height: 25px;
    padding-top: 8px;
    text-align: right;
}

.view-history a
{
    color: #512C07;
    font-size: 13px;
    text-decoration: none;
}

.view-history a:hover
{
    color: #512C07;
    font-size: 13px;
    margin-top: 2px;
    text-decoration: underline;
}

/*History UI ends here*/

.ManageFields img
{
    padding-bottom: 3px;
    margin-left: 2px;
}

/* Grid */
table.grid
{
    color: #333333;
    border-collapse: collapse;
}

table.grid th
{
    color: #333333;
    background-color: #eee;
    font-weight: bold;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #ccc;
    padding: 4px;
}

table.grid td
{
    border-bottom: 1px solid #eee;
    padding: 4px;
}

/* Custom Grid Pager */
.pager
{
    background: url("pagination-bg.gif") repeat-x scroll 0 0 transparent;
    color: #333333;
    font-size: 13px;
    height: 32px;
    padding: 9px 0 0 0;
    margin: -1px auto;
    text-align: right; 
    width: 98.6%;
}

.pager .disabled
{
    border: 0px solid #ddd;
    color: #999;
    margin-top: 4px;
    padding: 3px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
}

.pager .statusMsg
{
    float: left;
    margin-left: 10px;
}

.pager .pagerList
{
    float: right;
}

.pager .current
{
    color: #fff;
    font-weight: bold;
    margin-top: 4px;
    padding: 3px 5px;
    text-align: center;
    text-decoration: none;
}

.pager span, .pager a
{
    margin: 4px 3px;
    color: #333;
    font-weight: bold;
}

.pager a
{
    border: 0px solid #c0c0c0;
    padding: 3px 5px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    text-decoration: underline;
}

/* Custom Grid */

.CustomGrid
{
    padding: 0px;
    margin: 0px;
    position: relative;
    background: #fff;
    width: 100%;
}

.CustomGrid tr th
{
    text-align: center;
    height: 26px;
    background-color: #D4D4D4;
    background-position: bottom left;
    text-align: center;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #727272;
    padding: 0px;
    width: 130px;
    white-space: nowrap;
}

.CustomGrid tr th a
{
    text-decoration: none;
    color: #424242;
    padding: 5px 12px 0px 17px;
    display: block;
}

.CustomGrid td
{
    text-align: left;
    height: 25px;
    width: 50px;
    overflow: hidden;
    color: #333;
    vertical-align: middle;
    padding: 0px 0px 0px 10px;
    text-align: left;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    border-bottom:1px solid #ccc;
}

.CustomGrid td.center
{
    text-align: center;
    height: 25px;
    color: #333;
    vertical-align: middle;
    padding: 0px 0px 0px 10px;
    text-align: center;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.CustomGrid td img
{
    padding-left: 25px;
}

.imgCentered
{
    padding-left: 28px;
    margin-left: auto;
    margin-right: auto;
}

/* Neutral Grid */

.NeutralGrid
{
    padding: 0px;
    margin: 0px;
    position: relative;
    background: #fff;
    width: 100%;
}

.NeutralGrid tr th
{
    text-align: center;
    height: 26px;
    background-color: #E2E2E2;
    background-position: bottom left;
    background-repeat: repeat-x;
    text-align: center;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #525252;
    padding: 0px;
    width: 130px;
    white-space: nowrap;
}

.NeutralGrid tr th a
{
    text-decoration: none;
    color: White;
    padding: 0px 17px 0px 0px;
    display: block;
}

.NeutralGrid td
{
    text-align: left;
    height: 25px;
    width: 50px;
    overflow: hidden;
    color: #333;
    vertical-align: middle;
    padding: 0px 0px 0px 10px;
    text-align: left;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    border-bottom:1px solid #CC8080;
}

.NeutralGrid td.center
{
    text-align: center;
    height: 25px;
    color: #333;
    vertical-align: middle;
    padding: 0px 0px 0px 10px;
    text-align: center;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.NeutralGrid td img
{
    padding-left: 25px;
}

.imgCentered
{
    padding-left: 28px;
    margin-left: auto;
    margin-right: auto;
}

/********************************************************************************/
/* 
    DappleWorks Additional CSS Begins    
*/
/********************************************************************************/


/*1.0.1B Added new CSS for Registration Page so that changes in news content wont b affected*/
.regContent
{
    color: #373737;
    font: normal 13px Arial, Helvetica, sans-serif;
    line-height: 16px;
    padding: 5px 0 0 0;
}
.regTitle
{
    color: #373737;
    font: bold 16px Arial, Helvetica, sans-serif;
    line-height: 16px;
    padding: 5px 0 0 0;
}
/* 1.0.5A SignOn */
h1.signon
{
    padding: 2px 0 0 28px;
    background: url(index/signon.png) no-repeat;
}
.regCaption
{
    font-size: 15px;
    color: #13477E;
    font-weight: bold;
    text-align: left;
    padding: 15px 5px 5px 5px;
    border-bottom: 1px solid #999;
    margin: 0px;
    z-index: 2; /* Login Fix */
}

.processLoader
{
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    padding: 15px 0 0 5px;
}
/* Added 25 Feb 2012 - Align text in middle of image */
.processLoader img
{
    vertical-align: middle;
}
.dottedborder
{
    background: url(index/dottedborder.gif) repeat-y right top;
}

.dottedhr
{
    background: url(index/dottedborder.gif) repeat-x left top;
}

.roundedDiv
{
    clear: both;
    border: 1px solid #cbcbcb;
    padding: 7px;
    width: 96%;
    height: auto;
    margin: 10px auto;
    margin-left: 10px;
    float: left; /* Rounded Edges Code - Cut and paste this block for divs*/
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px; /* End Rounded Edges Code */
    background: #fff;
}

.roundedEdges
{
    /* Rounded Edges Code - Cut and paste this block for divs*/
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px; /* End Rounded Edges Code */
}

.newsDiv
{
    clear: both;
    border: 1px solid #cbcbcb;
    padding: 0px;
    width: 300px; 
    margin: 7px 0 0 15px;
    float: left;
    overflow: auto; /* Set height */
    height: 310px; /* Rounded Edges Code - Cut and paste this block for divs*/
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px; /* End Rounded Edges Code */
}

.newsDiv h2
{
    font: bold 18px Arial, Helvetica, sans-serif;
    color: #fff;
    background-color: #353535; 
    height: 24px;
    padding: 5px; /* Rounded Edges Code TOP ONLY - Cut and paste this block for divs*/
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px; /* End Rounded Edges Code */
}

.newsDivRight
{
    border: 1px solid #cbcbcb;
    padding: 0px;
    width: 300px;
    margin: 7px 15px 0 7px;
    float: right;
    overflow: auto; /* Set height */
    height: 310px; /* Rounded Edges Code - Cut and paste this block for divs*/
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px; /* End Rounded Edges Code */
}

.newsDivRight h2
{
    font: bold 18px Arial, Helvetica, sans-serif;
    color: #fff;
    background-color: #353535; /*#426d9b;*/
    height: 24px;
    padding: 5px; /* Rounded Edges Code TOP ONLY - Cut and paste this block for divs*/
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px; /* End Rounded Edges Code */
}

.newsDivRight #thisCalendar h2
{
    font: bold 16px Arial, Helvetica, sans-serif;
    color: #333;
    background: #fff;
}

.profileDiv
{
    
    padding: 0px 0px 10px 0px;
    margin: 5px 0;
    overflow: auto; /* Set height */
    height: auto; /* Rounded Edges Code - Cut and paste this block for divs*/
    width: 100%; /* Rounded Edges Code - Cut and paste this block for divs*/
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px; /* End Rounded Edges Code */
    background: #FCFCFC;
    -webkit-box-shadow: 8px 8px 7px -12px rgba(51,51,51,0.79);
    -moz-box-shadow: 8px 8px 7px -12px rgba(51,51,51,0.79);
    box-shadow: 8px 8px 7px -12px rgba(51,51,51,0.79);
    
}

.profileDiv h2
{
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #525252;
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
    height: 20px;
    padding: 7px 7px 5px 10px; /* Rounded Edges Code TOP ONLY - Cut and paste this block for divs*/
    text-transform: uppercase;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;

}

.profileDiv #thisCalendar h2
{
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #333;
    background: #fff;
}

.profileDiv h3
{
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #13477e;
    margin-top: 3px;
    padding: 5px;
    border-bottom: 1px solid #cbcbcb;
}

/*Profile Row BRINFO*/
.profileDiv2
{
    padding: 0px 0px 10px 0px;
    margin: 5px 0;
    overflow: auto; /* Set height */
    height: auto; /* Rounded Edges Code - Cut and paste this block for divs*/
    width: 100%; /* Rounded Edges Code - Cut and paste this block for divs*/
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px; /* End Rounded Edges Code */

}

.profileDiv2 h2
{
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #525252;
    
    /*BRINFO*/
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
    /**/
    
    height: 20px;
    padding: 7px 7px 5px 10px; /* Rounded Edges Code TOP ONLY - Cut and paste this block for divs*/
    text-transform: uppercase;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;

    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;

}

.profileDiv2 #thisCalendar h2
{
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #333;
    background: #fff;
}

.profileDiv2 h3
{
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #13477e;
    margin-top: 3px;
    padding: 5px;
    border-bottom: 1px solid #cbcbcb;
}
/**/

.newsLine
{
    clear: both;
    border-bottom: 1px solid #cbcbcb;
    margin: 2px;
}

.paratitle
{
    font: bold 13px Arial, Helvetica, sans-serif;
    line-height: 14px;
    padding: 5px;
}

.paracontent
{
    color: #373737;
    font: normal 13px Arial, Helvetica, sans-serif;
    padding: 5px; 
}

.paracontent span
{
    font: normal 11px Arial, Helvetica, sans-serif;
}

h2.welcome
{
    padding: 0 0 7px 0;
}

.welcomepadd
{
    padding: 10px 0 0 0;
}


h2.archive
{
    padding: 18px 0 5px 38px;
    background: url(index/folder.png) no-repeat 0 10px;
    border-bottom: 1px solid #aaaaaa;
}

h2.messages
{
    padding: 18px 0 5px 38px;
    background: url(index/message.png) no-repeat 0 10px;
    border-bottom: 1px solid #aaaaaa;
}

h2.calendar
{
    padding: 18px 0 5px 38px;
    background: url(index/calendar.png) no-repeat 0 10px;
    border-bottom: 1px solid #aaaaaa;
}

.date
{
    font-size: 11px;
    line-height: 14px;
    font-weight: normal;
    color: #985509;
    background-color: inherit;
    padding: 0 0 0 15px;
    background: url(index/arrowbullet.gif) no-repeat 0 2px;
}

.month
{
    background: url(index/monthbg.gif) no-repeat 0 0;
    font-size: 11px;
    line-height: 15px;
    font-weight: bold;
    margin: 0 0 0 3px;
    color: #000;
    background-color: inherit;
}

.newspadd
{
    padding-top: 3px;
}

.newstitle
{
    color: #373737;
    font: bold 14px Arial, Helvetica, sans-serif;
    padding: 5px 0 0 0;
}

.newstitle span
{
    font: normal 14px Arial, Helvetica, sans-serif;
    color: #13477e;
}


.newscontent
{
    color: #373737;
    font: normal 13px Arial, Helvetica, sans-serif;
    line-height: 14px;
    padding: 5px 0 0 0;
}

/*news content with overflow width auto for version1.0.1B*/
.newscontentauto
{
    color: #373737;
    font: normal 13px Arial, Helvetica, sans-serif;
    line-height: 16px;
    padding: 5px 0 0 0;
    width: 920px;
    overflow: auto;
}

.newscontent span
{
    font: normal 13px Arial, Helvetica, sans-serif;
    color: #13477e;
}
.readmore
{
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #F76B04;
    background-color: inherit;
    padding: 5px;
}

.readmore a
{
    color: #F76B04;
    background-color: inherit;
    text-decoration: none;
}

.readmore a:hover
{
    text-decoration: underline;
}

h2.services
{
    padding-bottom: 6px;
}

.servicestext
{
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    color: #985509;
    background-color: inherit;
}

ul.serviceslink
{
    padding: 0px;
    margin: 7px 0 0 0;
    width: 273px;
}

ul.serviceslink li
{
    font-size: 0;
    line-height: 0;
    height: 23px;
    width: 273px;
}

ul.serviceslink li.noimg
{
    background: none;
}

ul.serviceslink li a
{
    margin: 5px;
    font: normal 11px/23px Arial, Helvetica, sans-serif;
    color: #474D54;
    display: block;
    background-color: inherit;
    background: url(index/pin-icon.png) no-repeat left center;
    padding: 0 0 0 25px;
}

ul.serviceslink li a:hover
{
    color: #FF3300;
    background-color: inherit;
}

.more
{
    margin: 6px 0 0 350px;
    padding: 0px;
    width: 70px;
    text-align: center;
}

.more a
{
    font: bold 11px/13px Arial, Helvetica, sans-serif;
    color: #F76B04;
    background-color: inherit;
    display: block;
    height: 15px;
    text-decoration: none;
}

.more a:hover
{
    color: #F76B04;
    background-color: inherit;
    display: block;
    text-decoration: underline;
}

#pointerlist
{
    width: 100%;
}
#pointerlist ul
{
   list-style-type: none;
    color: #eee;
    font-size: 13px;
}
#pointerlist ul li
{
    line-height: 15px;
    padding: 2px;
}
#pointerlist ul li a
{
    text-decoration: none;
}
#errorlist
{
}
#errorlist ul
{
    list-style-image: url('fail-icon.gif');
    color: #000;
    font-size: 11px;
    padding: 0 0 0 30px;
}
#errorlist ul li
{
    line-height: 14px;
}

/* ---- Approval Notice CSS ------ */
.approvernotice
{
    font-size: 13px;
    font-weight: normal;
    color: #474D54;
    background-color: inherit;
    padding: 5px 0 5px 30px;
    background: url(index/arrowblink.gif) no-repeat 0 5px;
}

.approvernotice a
{
    color: #FF3300;
    background-color: inherit;
}

.approvernotice a:hover
{
    color: #AA2200;
    background-color: inherit;
}

#msg-notice
{
    padding: 5px;
    margin: 2px 0 0 2px; 
    width: 400px; 
}

#msg-notice div.header
{
    width: 400px; 
    padding: 0;
    height: 4px;
    position: relative;
    float: left;
    border-top: 1px solid #d11818;
    background-color: #fee9e9;
}

#msg-notice div.header img.left
{
    position: absolute;
    top: -1px;
    left: -1px;
}

#msg-notice div.header img.right
{
    position: absolute;
    top: -1px;
    right: -1px;
}

#msg-notice div.content
{
    width: 390px; 
    margin: -1px 0px 0px -1px;
    padding: 0px 0px 0px 10px;
    height: auto;
    float: left;
    border-left: 1px solid #d11818;
    border-right: 1px solid #d11818;
    background-color: #fee9e9; 
}


#msg-notice div.footer
{
    width: 400px; 
    padding: 0px 0px 0px0px;
    margin: -1px 0px 0px 0px;
    height: 4px;
    position: relative;
    float: left;
    border-bottom: 1px solid #d11818;
    background-color: #fee9e9;
}

#msg-notice div.footer img.left
{
    position: absolute;
    top: 1px;
    left: -1px;
}

#msg-notice div.footer img.right
{
    position: absolute;
    top: 1px;
    right: -1px;
}


ul.sig-left
{
    clear: both;
    list-style: none;
    padding: 10px 0px 0px 15px;
}

ul.sig-left li.sigtitle
{
    padding: 5px 0px 0px 0px;
    font-weight: bold;
    text-decoration: underline;
}

ul.sig-left li.sigline
{
    background: url(index/sigline.gif) no-repeat left bottom;
    padding: 50px 0px 0px 0px;
    font-weight: bold;
}

ul.sig-left li.sigdate
{
    padding: 5px 0px 0px 0px;
    font-weight: bold;
}

.tickbox
{
    background: url(index/box.gif) no-repeat left bottom;
    padding: 0px 0px 0px 30px;
}

/* End Approval Notice Box Css */

/* Awesome buttons code */

button
{
    border: 0;
    margin: -1px 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
}

.awesome, .awesome:visited
{
    background-color: #e3e2e3; 
    display: inline-block;
    padding: 2px 10px 6px;
    color: #111;
    text-decoration: none;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .6);

}
.awesome:link
{
    text-decoration: none;
}
.awesome:hover
{
    color: #eee;
    -webkit-transition:background-color 0.2s ease-in-out;  
	-moz-transition:background-color 0.2s ease-in-out;  
	-o-transition:background-color 0.2s ease-in-out;  
	transition:background-color 0.2s ease-in-out;
	

}
.awesome:active
{
    top: 1px;
}
.small.awesome, .small.awesome:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 3px 5px 3px;
}
.awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 9px 6px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .6);
}

.large.awesome, .large.awesome:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 8px 14px 8px;
}


.dapple.awesome, .dapple.awesome:visited
{

    color: #fff;
    font-size: 12px;
    padding: 6px 20px 6px 20px;
    -moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-left-radius:8px;
	text-indent:0px;
	border:1px solid #C1C1C1;
	display:inline-block;
	color:#525252;
	font-family:Arial;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	
}
.dapple.awesome:active
{
    color: #777777;
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.10);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.10);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.10);
    position:relative;
	top:1px;

}

.dapple.awesome:hover
{
   
    -webkit-transition:background-color 0.2s ease-in-out;  
	-moz-transition:background-color 0.2s ease-in-out;  
	-o-transition:background-color 0.2s ease-in-out;  
	transition:background-color 0.2s ease-in-out;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;

}

.green.awesome, .green.awesome:visited
{
    background-color: #4AA02C; 
    color: #fff;
    padding: 6px 20px 6px 20px;
}
.green.awesome:hover
{
    
    color: #fff;
    -webkit-transition:background-color 0.2s ease-in-out;  
	-moz-transition:background-color 0.2s ease-in-out;  
	-o-transition:background-color 0.2s ease-in-out;  
	transition:background-color 0.2s ease-in-out;

}
.blue.awesome, .blue.awesome:visited
{
    background-color: #4eb2ff;
    color: #fff;
    width: 200px;
}
.blue.awesome:hover
{
    background-color: #0099FF;
    color: #fff;
            -webkit-transition:background-color 0.2s ease-in-out;  
	-moz-transition:background-color 0.2s ease-in-out;  
	-o-transition:background-color 0.2s ease-in-out;  
	transition:background-color 0.2s ease-in-out;

    
}
.red2.awesome, .red2.awesome:visited
{
    -moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-left-radius:8px;
	text-indent:0px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#555;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	height:35px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
    width: 200px;
}
.red2.awesome:hover
{
    	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;

    
}
.red.awesome, .red.awesome:visited
{
    background-color: #fe5628;
    color: #fff;
    padding: 6px 20px 6px 20px;
}
.red.awesome:hover
{
    
    color: #fff;
    -webkit-transition:background-color 0.2s ease-in-out;  
	-moz-transition:background-color 0.2s ease-in-out;  
	-o-transition:background-color 0.2s ease-in-out;  
	transition:background-color 0.2s ease-in-out;

}
.magenta.awesome, .magenta.awesome:visited
{
    background-color: #a9014b;
    color: #111;
    padding: 6px 20px 6px 20px;
}
.magenta.awesome:hover
{
    color: #13477e;
    -webkit-transition:background-color 0.2s ease-in-out;  
	-moz-transition:background-color 0.2s ease-in-out;  
	-o-transition:background-color 0.2s ease-in-out;  
	transition:background-color 0.2s ease-in-out;

}
.orange.awesome, .orange.awesome:visited
{
    background-color: #ff5c00;
    color: #fff;
    padding: 6px 20px 6px 20px;
}
.orange.awesome:hover
{
    color: #fff;
    -webkit-transition:background-color 0.2s ease-in-out;  
	-moz-transition:background-color 0.2s ease-in-out;  
	-o-transition:background-color 0.2s ease-in-out;  
	transition:background-color 0.2s ease-in-out;

}
.yellow.awesome, .yellow.awesome:visited
{
    background-color: #ffb515;
    color: #111;
    padding: 6px 20px 6px 20px;
}
.yellow.awesome:hover
{
    color: #13477e;
            -webkit-transition:background-color 0.2s ease-in-out;  
	-moz-transition:background-color 0.2s ease-in-out;  
	-o-transition:background-color 0.2s ease-in-out;  
	transition:background-color 0.2s ease-in-out;

}

/* End Buttons Code */

/* Dapple Report CSS */
.report-left-container
{
    clear: both;
    width: 250px;
    float: left;
    border-right: 1px solid grey;
}

.report-right-container
{
    width: 650px;
    float: left;
    padding-left: 15px;
}

.text1
{
    font-family: tahoma;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: normal;
    padding-left: 20px;
    vertical-align: top;
}
.text2
{
    font-family: tahoma;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
}
.report-welcome
{
    width: 100%;
    height: 100px;
    background-color: #13477E;
    vertical-align: top;
}

.ReportsUL
{
    margin: 0;
    padding: 0;
}

.ReportsLI
{
    margin: 10px 0 10px 25px;
    padding: 0;
    list-style: none;
    cursor: pointer;
    list-style-type: square;
}


.jqcNode
{
    font-weight: bold;
    color: Black;
}

.page-header-report
{
    padding: 0px;
    margin: 0px 7px 0px 7px;
    height: 38px;
    position: relative;
    width: 100%;
}

.page-header-report h1
{
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    color: #392006;
    top: 5px;
    left: 0px;
}

#msg-notice-report
{
    padding: 3px;
    margin: 5px 0px 0px 5px; 
    width: 180px; 
}

#msg-notice-report div.header
{
    width: 180px; 
    padding: 0;
    height: 4px;
    position: relative;
    float: left;
    border-top: 1px solid #d11818;
    background-color: #fee9e9;
}

#msg-notice-report div.header img.left
{
    position: absolute;
    top: -1px;
    left: -1px;
}

#msg-notice-report div.header img.right
{
    position: absolute;
    top: -1px;
    right: -1px;
}

#msg-notice-report div.content
{
    width: 170px; 
    margin: -1px 0px 0px -1px;
    padding: 0px 0px 0px 10px;
    height: auto;
    float: left;
    border-left: 1px solid #d11818;
    border-right: 1px solid #d11818;
    background-color: #fee9e9; 
}


#msg-notice-report div.footer
{
    width: 180px; 
    padding: 0px 0px 0px0px;
    margin: -1px 0px 0px 0px;
    height: 4px;
    position: relative;
    float: left;
    border-bottom: 1px solid #d11818;
    background-color: #fee9e9;
}

#msg-notice-report div.footer img.left
{
    position: absolute;
    top: 1px;
    left: -1px;
}

#msg-notice-report div.footer img.right
{
    position: absolute;
    top: 1px;
    right: -1px;
}

.details td.row4-reportsetting
{
    width: 100px;
    height: 56px; 
    padding: 5px 0px 5px 10px;
    text-align: left; 
    font-weight: bold; 
}

.details td.row5-reportsetting
{
    width: 300px;
    height: 56px; 
    padding: 2px 0px 2px 10px;
    text-align: left; 
}
.details td.row5-reportsetting img
{
    height: 45px;
}
.details td.row5-reportsetting textarea
{
    width: 300px;
    height: 35px; 
    color: #333;
    text-align: left;
    font-size: 13px;
}
.details td.row5-reportsetting textarea[readonly="readonly"], textarea[readonly="true"]
{
    border-color:#fff; /* Brinfo */
    background-color:Transparent;
}
/*End Dapple Report CSS */


/* Password strength meter */
#passwordStrength
{
    height: 10px;
    display: block;
    float: left;
}

.strength0
{
    width: 25px;
    background: #cccccc;
}

.strength1
{
    width: 50px;
    background: #ff0000;
}

.strength2
{
    width: 100px;
    background: #ff5f5f;
}

.strength3
{
    width: 150px;
    background: #56e500;
}

.strength4
{
    background: #4dcd00;
    width: 200px;
}

.strength5
{
    background: #399800;
    width: 250px;
}

/* Pricing styling */

.pricingbg
{
    background-color: #fff;
    border: 1px solid #cbcbcb;
    padding: 0px;
    margin: 10px 5px 0 5px;
    overflow: auto; /* Set height */
    height: auto; /* Rounded Edges Code - Cut and paste this block for divs*/
}

.bgCurrent
{
    border: 5px solid #a5a5a5;
    background-color: #f3f3f3;
    width: 190px;
    height: 230px;
}

.pricingbg h2
{
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #fff;
    background-color: #349edf; 
    border-color: #349edf;
    height: 20px;
    padding: 7px 7px 5px 10px; /* Rounded Edges Code TOP ONLY - Cut and paste this block for divs*/
    text-transform: uppercase;
}

.pricingbg h3
{
    padding: 20px;
    font: bold 28px Arial, Helvetica, sans-serif;
    line-height: 0;
    color: #4d7eb2;
    border-top: 1px solid #ababab;
    border-bottom: 1px solid #ababab;
}
.pricingbg h3 sub
{
    padding: 0;
    vertical-align: super;
    font: normal 16px Arial, Helvetica, sans-serif;
}
.pricingbg h3 span
{
    font: normal 10px Arial, Helvetica, sans-serif;
    color: #555;
}
.pricingbg h4
{
    font: normal 16px Arial, Helvetica, sans-serif;
    color: #13477E; 
    border-top: 1px dashed #ababab;
    border-bottom: 1px dashed #ababab;
    margin-top: 5px;
    padding: 10px 0 10px 0;
}

.pricingbg h4 span
{
    font: bold 18px Arial, Helvetica, sans-serif;
    color: #13477E;
}

.pricingbg h5
{
    font: normal 13px Arial, Helvetica, sans-serif;
    color: #13477E;
    padding: 15px 0 0 5px;
    margin: 0;
}

.pricingbg h6
{
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #4d7eb2;
    padding: 5px;
    border-top: 1px dashed #ababab;
    border-bottom: 1px dashed #ababab;
    margin: 0 0 8px 0;
}

.pricingDiv
{
    width: 99%;
    border: 0px solid #cbcbcb;
    margin: 10px 2px;
    padding: 10px 1px 10px 1px;
    float: left;
    font: normal 14px Arial, Helvetica, sans-serif;
    color: #585858; /* Rounded Edges Code - Cut and paste this block for divs*/
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px; /* End Rounded Edges Code */
}

/* Package Styling */

.package
{
    padding: 15px 0 0 5px;
    font: normal 13px Arial, Helvetica, sans-serif;
}

.package h1
{
    padding: 10px;
    margin: 0;
    font: normal 20px Arial, Helvetica, sans-serif;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
}

.package h1 span
{
    margin: 0;
    padding: 3px 0 0 18px;
    background: url(../images/tick3d.png) no-repeat left 2px;
    color: #13477E;
    font: normal 14px Arial, Helvetica, sans-serif;
}

/* New Dapple Login CSS */

.dLogin-master
{
    
    width: 100%;
    height: auto;
    float: left; /*border-top: 1px solid #cccccc;*/ /*border:1px solid #000;*/
}

.dLogin
{
    margin: auto;
    padding: 0;
    width: 100%;
    position: relative;
    height: auto; 
    
}

.dLogin .logo
{    
    margin: 20px auto;
    height: auto;
    width: 300px;
}


.dLogin .msg
{
    margin: 20px auto;
    padding: 0px;
    width: 400px;
    text-align:center;
    font: normal 20px Arial, Helvetica, sans-serif;
}

.dLogin .boxHeader
{
    margin: 0 auto;
    padding: 20px 20px 0px 20px;
    height: 20px; 
    width: 400px; 
    -moz-border-radius-topright: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px; /* End Rounded Edges Code */
   
}
.dLogin .boxHeader h1
{
    color: #13477e;
    text-align:center;
    font: bold 22px Arial, Helvetica, sans-serif;
    padding: 5px;
}
.dLogin .boxArea
{
    margin: 0 auto;
    padding: 20px;
    background: rgba(230,230,230,1);/* Old Browsers */
    background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(235,235,235,1) 53%, rgba(238,238,238,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,230,230,1)), color-stop(53%, rgba(235,235,235,1)), color-stop(100%, rgba(238,238,238,1)));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(235,235,235,1) 53%, rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(235,235,235,1) 53%, rgba(238,238,238,1)) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(235,235,235,1) 53%, rgba(238,238,238,1) 100%); /* IE 10+ */
    background: linear-gradient(to bottom, rgba(230,230,230,1) 0%, rgba(235,235,235,1) 53%, rgba(238,238,238,1) 100%);/* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E6E6E6', endColorstr='#EBEBEB', GradientType=0 );/* IE6-9 */
    height: auto;
    width: 400px; /* Rounded Edges Code BOTTOM ONLY - Cut and paste this block for divs*/
    -moz-border-radius-topright: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px; /* End Rounded Edges Code */
    -webkit-box-shadow: 4px 3px 12px -5px rgba(71,70,71,0.75);
    -moz-box-shadow: 4px 3px 12px -5px rgba(71,70,71,0.75);
    box-shadow: 4px 3px 12px -5px rgba(71,70,71,0.75);
}
.dLogin .boxBelow
{
    margin: 10px auto;
    padding: 5px;
    width: 400px;
    height: auto;
}

.dLogin-footer
{
    margin: 10px 0 0 30px;
    width: 100%;
    height: 120px;
    float: left; 
}

.dLogin .loginTable
{
    margin-left: auto;
    width: 100%;
    height: auto;
    padding: 0;  
    z-index:10; /* Login Fix */
}
.dLogin .loginTable td input
{
    font-size:16px;
    z-index:20; /* Login Fix */
}

/******************* Module main divs ****************/
.mainModule
{
    position:static;
    clear: both;
    margin: auto;
    padding: 5px;
    width: 100%;
    z-index: 50;
    min-height: 220px;
}
.moduleDiv
{
    margin: 10px;
    padding: 5px;
    width: 145px;
    
    background-color: inherit;
    display: block;
    float: left;
    text-decoration: none;
    text-align: center;
    z-index: 55;
    color: #525252;
    /-webkit-transition: -webkit-box-shadow 0.3s linear;
    -moz-transition: -moz-box-shadow 0.3s linear;
    -o-transition: -o-box-shadow 0.3s linear;
    transition: box-shadow 0.3s linear;
}
.moduleDiv:link
{
    font-size:12px;
    text-transform:uppercase;
    text-decoration: none;  
    color:#525252;  
    /* Rounded Edges Code - Cut and paste this block for divs*/
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px; /* End Rounded Edges Code */
}
.moduleDiv:hover
{
    text-transform:uppercase;
    text-decoration: none;
    color: #525252;
    font-weight:bold;
    padding: 5px;
    background-color: #EBEBEB;
    /* Rounded Edges Code - Cut and paste this block for divs*/
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px; /* End Rounded Edges Code */
    -webkit-transition:background-color 0.2s ease-in-out;  
	-moz-transition:background-color 0.2s ease-in-out;  
	-o-transition:background-color 0.2s ease-in-out;  
	transition:background-color 0.2s ease-in-out;
	-webkit-box-shadow: 0px 4px 0px 0px #c70000;
    -moz-box-shadow: 0px 4px 0px 0px #c70000;
    box-shadow:  0px 4px 0px 0px #c70000;
}
.moduleDiv img { margin:10px auto; }


.invoiceDiv
{
    margin: 5px;
    padding: 0;
    width: 118px;
    height: 85px;
    border: 0px solid #cbcbcb;
   
    display: block;
    text-decoration: none;
    text-align: left;
    z-index: 50;
}

.invoiceDiv img
{
    margin: 5px 0 0 15px;
}

.simpleList
{
    margin: 0;
    width: 160px;
    height: 36px;
    position: relative; /*! for IE htc*/
    z-index: 4; /*H2*/
    font-family: Arial, Helvetica, sans-serif;
    list-style:none;
    padding: 0 10px;
    color: #353535;
}

.simpleList li
{
    padding: 5px;
    float: left;
    clear:left;
    height: 36px;
    position: relative;    
}

.simpleList li:hover, .simpleList li.onhover
{
    background-position: inherit -48px;
    -webkit-transition:background-color 0.2s ease-in-out;  
	-moz-transition:background-color 0.2s ease-in-out;  
	-o-transition:background-color 0.2s ease-in-out;  
	transition:background-color 0.2s ease-in-out;
    background-color: inherit;
    background-image: inherit;
    background-repeat: repeat-x;
    background-attachment: inherit;
}

ul.simpleList a
{
    padding: 0;
    line-height: 36px;
    font-size: 13px;
    font-weight: normal;
    color: #353535;
    display: block;
    outline: 0;
    text-decoration: none;
}
.simpleList a:link
{
    color: #353535;
}
.simpleList a:hover
{
    color: red;
}
.simpleList a.arrow
{
    background: url(ico-expand.gif) no-repeat right center;
    padding: 0 15px 0 0;
}
.simpleList ul a.arrow
{
    background: url(right.gif) no-repeat 97% center;
}

.simpleList .menuRight
{
    float: right;
    margin-right: 0px;
}

/*for the top-level separators*/
.simpleList li.separator
{
    font-size: 0;
    overflow: hidden;
    border-left: 1px solid #F7F7F7;
    border-right: 1px solid #BBBBBB;
}

ul.simpleList ul
{
    width: 160px;
    position: relative; 
    border: 1px solid #DDD;
    background: #FFF;
    text-align: left;
    list-style: none;
    margin: 10px 0 0 5px;
    padding: 0 1px 3px 0;
}

.simpleList li li
{
    float: none;
    white-space: nowrap;
    height: 28px;
}
.simpleList li li:hover, .simpleList li li.onhover
{
    background: #f7f7f7;
}
.simpleList ul a
{
    padding: 0 10px;
    line-height: 26px;
    font-weight: normal;
    color: #0066CC;
    text-align: left;
}

.simpleList ul a:hover
{
    color: red;
}

.simpleList li:hover ul, .simpleList li.onhover ul
{
    left: -1px; /*Use this property to change offset of the dropdown*/
    top: auto;
}

.simpleList li:hover .dropToLeft, .simpleList li.onhover .dropToLeft
{
    left: auto;
    right: -1px;
    top: auto;
}



/******************* Pricing divs ****************/
.mainPricing
{
    clear: both;
    margin: auto;
    padding: 10px 10px;
    width: 90%;
    border: 1px solid #cbcbcb; /* Rounded Edges Code - Cut and paste this block for divs*/
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px; /* End Rounded Edges Code */
}
.pricingContainer
{
    margin: 10px;
    padding: 10px 10px;
    width: 120px;
    height: 120px;
    border: 1px solid #cbcbcb;
    background-color: #ffffff;
    display: block;
    float: left;
    text-decoration: none;
    text-align: center;
}

.pricingContainer:hover
{
    background-color: #e4f2fa;
    text-decoration: none;
}

.pricingContainer p
{
    font: normal 16px Arial, Helvetica, sans-serif;
}
.pricingContainer h2
{
    font: bold 16px Arial, Helvetica, sans-serif;
    text-align: center;
    border-bottom: 3px dashed #13477e;
    border-top: 3px dashed #13477e;
    margin-top: 0;
    margin-bottom: 7px;
    padding: 5px 0;
}
/******************* Resource module dapple css ****************/
.ResourceDetailsDisplay
{
    margin-top: 3px;
    border: 1px solid #cbcbcb;
    background-color: #ffffff;
    font-weight: normal;
    padding: 3px 3px 3px 3px;
    text-decoration: none;
    text-align: left;
    width: 70%;
}

.ResourceDetailsDisplay td.rowLabel
{
    width: 40%;
    font-weight: bold;
}

.page-header-resourcecalendar
{
    padding: 0px;
    margin: 0px 7px 0px 7px;
    height: 38px;
    position: relative;
    border-bottom: solid 1px #5d5d5d;
    width: 99%;
}

.page-header-resourcecalendar h1
{
    position: absolute;
    font-size: 18px;
    font-weight: bold;
    color: #333; 
    top: 5px;
    left: 0px;
}

/* Pricing table */
.priceTbl
{
    width: 100%;
    margin: 0;
    color: #333;
    text-align: center;
    border-collapse: collapse;
    border-color: #cbcbcb;
}
.priceTbl h1
{
    font-size: 16px;
    text-transform: uppercase;
    border: 0;
    color: #333;
    text-align: center;
}
.priceTbl h1 span
{
    color: #1a8c45;
    background: none;
    font-size: 18px;
    text-transform: uppercase;
    border: 0;
    padding: 0;
    margin: 0;
    text-align: center;
}
h1.selected
{
    color: #1a8c45;
    background: none;
    background-color: Yellow;
    font-size: 18px;
    text-transform: uppercase;
    border: 1px solid #cbcbcb;
    padding: 5px;
    margin: 0;
    text-align: center;
}
.priceTbl h2
{
    font-size: 14px;
    text-transform: uppercase;
    border: 0;
    color: #333;
}
.priceTbl TH
{
    
    background-color: #13477e;
    height: 47px;
    padding: 0 20px;
    color: #fff;
    font: normal 16px Arial, Helvetica, sans-serif;
    text-align: center;
    text-transform: uppercase;
    border-color: #cbcbcb;
}
.priceTbl TD
{
    min-height: 40px;
    height: 40px;
    padding: 5px 10px;
    font-size: 14px;
    text-align: center;
    color: #333;
    border-color: #cbcbcb;
}
.priceTbl TR.alternate
{
    background-color: #e4f2fa;
    text-align: center;
}

/* No border class - eliminates borders, can be used on view only textboxes */
.noborder
{
    border: 0;
}

.reportList
{
    width: 100%;
    height: auto;
    background-color: #fff;
    margin: 0px 0px 0px 0px;
    position: relative;
}

.reportList ul
{
    padding: 0px 0px 0px 0px;
    margin-top: 5px;
    position: relative;
    left: 20px;
}

.reportList ul li
{
    padding: 0px 0px 0px 20px;
    margin: 0px;
    list-style-type: none;
    color: #999;
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
    background: url(arrow.gif) no-repeat 5px 7px;
}
.reportList ul li p
{
    padding: 0 0 5px 0;
    font-weight: normal;
    font-family: Arial;
    font-size: 13px;
    color: #383838;
}

.whitespace
{
    padding: 10px;
    
}


/* No print option */
@media print
{
  
    /* resize your window until the event is triggered */
    body 
    {
        font-size: 9pt;/* Roughly 12px font */ 
        color: #000000;
    }
    
    table thead tr th td
    {
        color: #000000;
    }
    
    input 
    {
        color: #000000;
    }
    
    .details td.row5
    {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .details td.row4
    {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .noPrint
    {
        display: none;
    }
    
    textarea
    {
        border: none !important;
        resize: auto;/*none; /* remove resize handle in Chrome*/ 
        overflow: hidden; /* hide vertical scrollbar in IE */
        color: #000000;
    }
    
   
    .details td.viewlabel, td.viewcontent
    {
        padding: 0px;
    }
    
    .orgWhiteBg
    {
        padding: 0px;
        margin: 0px;
        width:99%;
    }
    
    .content-admin
    {
        padding: 0px;
        margin: 0px;
    }
   
}
    
.dashtitle
{
    font: bold 13px Arial, Helvetica, sans-serif;
    line-height: 14px;
    padding: 2px;
}
.dashtitle:link
{
    text-decoration: none;
}
.dashtitle a:hover
{
    color: Red;
}
a.noDeco
{
    text-decoration: none;
    color: #333;
    width: 99%;
    padding: -10px 0 0 10px;
}
h4
{
    padding: 5px 5px 5px 5px;
    text-transform: uppercase;
    color: #555;
}
a.noDeco :hover
{
    color: #ff6600;
    -webkit-transition:background-color 0.2s ease-in-out;  
	-moz-transition:background-color 0.2s ease-in-out;  
	-o-transition:background-color 0.2s ease-in-out;  
	transition:background-color 0.2s ease-in-out;
}

.detailList
{
    margin: 5px;
    background-color: #efefef;
    color: #333;
}

.detailList ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.detailList li
{
    margin: 5px 10px 5px 10px;
    padding: 5px;
    font: 12px Helvetica, Verdana, sans-serif;
    border-bottom: 1px solid #ccc;
    text-align: left;
}

.detailList li span
{
    font: bold 14px Helvetica, Verdana, sans-serif;
}

.detailList li.standard
{
    background-color: #CFECEC;
}

.detailList li:last-child
{
    border: none;
}

.detailList li a
{
    text-decoration: none;
    color: #000;
    display: block;
    width: 200px;
    -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
    -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
    -o-transition: font-size 0.3s ease, background-color 0.3s ease;
    -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
    transition: font-size 0.3s ease, background-color 0.3s ease;
}

.detailList li a:hover
{
    background: #f6f6f6;
}

.floating
{
    
    position: fixed; /*ie6 */
    top: 140px;
    right: 20px;
    z-index: 999;
    display:block;
    
}

.wizard
{
    width: 300px;
    min-height: 300px;
    margin: 45px 0px 0px 45px;
    padding: 2px 2px 5px 2px;
    background: #F3F3F3;
    border-radius: 5px;
    box-shadow: 0 0 5px #292828;
    -moz-box-shadow: 0 0 5px #292828;
    -webkit-box-shadow:0 0 5px #292828 ;
}
.wizard p
{
    padding: 5px;
    
}
.wizard h3
{
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #fff;
    background-color: #525252; /*#426d9b;*/ /*#6d7b8d*/
    border-color: #349edf;
    height: 20px;
    padding: 7px 7px 5px 10px; /* Rounded Edges Code TOP ONLY - Cut and paste this block for divs*/
    text-transform: uppercase;
        -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px; /* End Rounded Edges Code */
}
.wizard ul
{
    list-style: none;
    top: 5px;
    padding: 0px 0 5px 5px;
    color: #000;
    font-size: 12px;
}
.wizard ul li
{
    margin: 0;
    padding: 2px;
}
.wizard ul li a 
{
    display: block;
    margin-bottom: 4px;
    margin-left: -20px;
    padding: 0 0 0 25px;
    text-decoration: none;
    
}

.wizard ul li a:hover
{
    color: #c20000;
    text-decoration: none;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.bigHeader
{
    margin: 10px 0 0 15px;
    padding: 0;
    font-weight: bold;
    text-align: left;
    color: #333;
    font-size: 40px;
    line-height: 60px;
    text-shadow: 3px 3px rgba(0,0,0,0.1);
}

.popUpList
{
    margin: 0;
    width: 220px;
    height: 40px;
    position: relative; /*! for IE htc*/
    z-index: 4; /*H2*/
    font-family: Arial, Helvetica, sans-serif;
    list-style:none;
    padding: 0 10px;
    color: #353535;
}

.popUpList li
{
    padding: 5px;
    float: left;
    clear:left;
    height: 36px;
    position: relative;    
}

.popUpList li:hover, .simpleList li.onhover
{
    background-position: inherit -48px;
    background-color: inherit;
    background-image: inherit;
    background-repeat: repeat-x;
    background-attachment: inherit;
}

ul.popUpList a
{
    padding: 0;
    line-height: 36px;
    font-size: 13px;
    font-weight: normal;
    color: #353535;
    display: block;
    outline: 0;
    text-decoration: none;
}
.popUpList a:link
{
    color: #fff;
    font-weight: bold;
}
.popUpList a:hover
{
    color: #13477e;
    font-weight:bold;
}

/* Gridrow for standard tables */
table tr.gridrow { background-color: #EFEFEF; }
table tr.gridrow_alternate { background-color: white; }
.silicaGrid tr.gridrow { background-color: #EFEFEF; }
.silicaGrid tr.gridrow_alternate { background-color: white; }
.CustomGrid tr.gridrow { background-color: #EFEFEF; }
.CustomGrid tr.gridrow_alternate { background-color: white; }
.NeutralGrid tr.gridrow { background-color: #EFEFEF; }
.NeutralGrid tr.gridrow_alternate { background-color: white; }

/********************************************************************************/
/* 
    End Dapple CSS
*/
/********************************************************************************/