﻿body.default 
{
	font-size:11px;
	font: 11px Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0;
	text-align: center; /* centering the content for IE6 */
}
body.default 
{	
	text-align:-moz-center; /*centering the content for FireFox*/
}
a.link
{
	list-style:none;
	padding:0px 10px 0px 0px;
	color:#FFFFFF;	
	font: 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a.boldlink
{
	list-style:none;
	padding:0px 10px 0px 0px;
	color:#174886;	
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a.default
{
	list-style:none;
	color:#828282;	
	text-decoration:none;
}
.none
{
	 display:none;
}
#Wrapper
{
	width:775px;
	border-left:solid;
	border-right:solid;
	border-width:1px;
	border-color:#8fbfe5;
	margin-left:auto;
	margin-right:auto;

}

.InfoIcons
{
	list-style:none;
	color:#5d5d5d;	
	font: 30px Arial, Helvetica, sans-serif;
	margin:0px;
	cursor:pointer;
	text-decoration:none;
	float:right;
	padding:0px;
	
}
.InfoIcons a
{
	list-style:none;
	color:#5d5d5d;	
	font: 11px Arial, Helvetica, sans-serif;
	margin:0px;
	cursor:pointer;
	text-decoration:none;padding:0px;
}

/* --------------Top Banner Content Style----------- */
.TopBannerContent
{	
	width:99%;
	height:99%;
	vertical-align:bottom;
	text-align:right;
	padding-top:5px;
	color:#174886;	
	font: 11px Arial, Helvetica, sans-serif;
}
/* --------------Content STart----------- */
#Content
{
	width:775px;
	display:table;
}
/*
#Content a
{
	list-style:none;
	color:#ebebe0;	
	font: 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
*/

	
H1
{
	color:#174886;	
	font: bold 16px Arial, Helvetica, sans-serif;
}
H1 span
{
	color:#174886;	
	font: bold 16px Arial, Helvetica, sans-serif;
}
H1 span span
{
	color:#5d5d5d;	
	font: bold 16px Arial, Helvetica, sans-serif;
}
H2
{
	color:#ab0d10;	
	font: bold 16px Arial, Helvetica, sans-serif;
}
H2 span
{
	color:#5d5d5d;	
	font: bold 16px Arial, Helvetica, sans-serif;
}
H2 a
{
	text-decoration:none;
	color:#ab0d10;	
	font: bold 16px Arial, Helvetica, sans-serif;
}
H2 span a
{
	text-decoration:none;
	color:#5d5d5d;	
	font: bold 16px Arial, Helvetica, sans-serif;
}

H3
{
	color:#5d5d5d;	
	font: 12px Arial, Helvetica, sans-serif;
}

H3 span
{
	color:#5d5d5d;	
	font: bold 12px Arial, Helvetica, sans-serif;
}
H3 div
{
	color:#5d5d5d;	
	font: bold 12px Arial, Helvetica, sans-serif;
}
H3 div a
{
	text-decoration:none;
}
#BlueHeading
{
	color:#5998c9;	
	font: bold 11px Arial, Helvetica, sans-serif;
}
.BlueHeading
{
	color:#5998c9;	
	font: bold 11px Arial, Helvetica, sans-serif;
}
.DarkBlueHeading
{
	color:#174886;	
	font: bold 11px Arial, Helvetica, sans-serif;
}
.RedHeading
{
	color:#ab0d10;	
	font: bold 11px Arial, Helvetica, sans-serif;
}



/* --------------Left Content Menu Start----------- */	

#ContentLeft table
{
	border-collapse:collapse;
	margin-left:20px;
	margin-bottom:0px;
	margin-top:0px;
	padding: 0px;
	border:0px;
} 
#ContentLeft
{
	text-align:justify;
	width:200px;
	float:left;
}

#ContentLeft.Full
{
	text-align:justify;
	width:500px;
	float:left;
	margin-top:0px;
}
				
#ContentLeft a
{
	list-style:none;
	color:#ffffff;	
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#ContentLeft a:hover
{
	color:#ffffff;	
}
				
#ContentLeft ul
{
	margin:0;
	padding:0;
}

#ContentLeft li.nodrop {
	list-style:none;
	background:url(../../App_Images/MasterPage/menubg.jpg) no-repeat 0;
	height:31px;
	width:159px;
	color:#5d5d5d;		
	font: 12px Arial, Helvetica, sans-serif;
	margin-left:20px;
	padding-left:30px;
	padding-top:15px;
}

#ContentLeft.Full li.nodrop {
	list-style:none;
	background:url(../../App_Images/MasterPage/menubg.jpg) no-repeat 0;
	height:31px;
	width:130px;
	color:#5d5d5d;		
	font: 12px Arial, Helvetica, sans-serif;
	margin:0px;
	padding-left:30px;
	padding-top:15px;
}

#ContentLeft li.drop 
{
	list-style:none;
	background:url(../../App_Images/MasterPage/menudropbg.jpg) no-repeat 0;
	height:31px;
	width:159px;
	color:#5d5d5d;		
	font: 12px Arial, Helvetica, sans-serif;
	margin-left:20px;
	padding-left:30px;
	padding-top:15px;
}
#ContentLeft li.item 
{
	list-style:none;
	background:url(../../App_Images/MasterPage/menudropsubbg.jpg) no-repeat 0;
	height:31px;
	width:159px;
	color:#5d5d5d;		
	font: 12px Arial, Helvetica, sans-serif;
	margin-left:20px;
	padding-left:30px;
	padding-top:15px;
	margin-top:-12px
}
#ContentLeft li.itemover
{
	list-style:none;
	background:url(../../App_Images/MasterPage/menudropsubbgOver.jpg) no-repeat 0;
	height:31px;
	width:159px;
	color:#5d5d5d;		
	font: 12px Arial, Helvetica, sans-serif;
	margin-left:20px;
	padding-left:30px;
	padding-top:15px;
	margin-top:-12px
}

#ContentLeft li.item a 
{
	list-style:none;
	color:#5d5d5d;	
	font: 12px Arial, Helvetica, sans-serif;
	margin:0px;
	text-decoration:none;	
}

#ContentLeft li.hitem a 
{
	list-style:none;
	background:url(../../App_Images/Icons/bullet1.jpg) no-repeat 0;
	color:#5998c9;		
	font: 12px Arial, Helvetica, sans-serif;
	padding-left:10px;
	margin-left:5px;
}
#ContentLeft li.bottomitem 
{
	list-style:none;
	background:url(../../App_Images/MasterPage/menudropsubbottombg.jpg) no-repeat 0;
	height:31px;
	width:159px;
	color:#5d5d5d;		
	font: 12px Arial, Helvetica, sans-serif;
	margin-left:20px;
	padding-left:30px;
	padding-top:15px;
	margin-top:-12px
}
#ContentLeft li.bottomitemover 
{
	list-style:none;
	background:url(../../App_Images/MasterPage/menudropsubbottombgOver.jpg) no-repeat 0;
	height:31px;
	width:159px;
	color:#5d5d5d;		
	font: 12px Arial, Helvetica, sans-serif;
	margin-left:20px;
	padding-left:30px;
	padding-top:15px;
	margin-top:-12px
}
#ContentLeft li.bottomitem a 
{
	list-style:none;
	color:#5d5d5d;	
	font: 12px Arial, Helvetica, sans-serif;
	margin:0px;
	text-decoration:none;	
}
/* --------------End of Left Content Menu Start----------- */	

/* --------------Start of Content ----------- */					

#ContentTop
{	
	text-align:justify;
	padding-top:0px;
	margin-left:5px;
	margin-right:20px;
	width:200px;
	float:right;
}

#ContentRight
{	
	text-align:justify;
	padding-top:0px;
	margin-left:5px;
	margin-right:20px;
	width:540px;
	float:right;
}
	
#ContentRight.Full
{	
	text-align:justify;
	padding-top:17px;
	margin-left:20px;
	margin-right:20px;
	width:730px;
	float:right;
}

#ContentRight ul
{
	margin:0;
	padding:0;
}
#ContentRight a.link
{
	list-style:none;
	color:#5998c9;	
	font: 12px Arial, Helvetica, sans-serif;
	margin:5px;
	cursor:pointer;
	text-decoration:none;
}

#ContentRight li.default 
{
	list-style:none;
	background:url(../../App_Images/Icons/bullet1.jpg) no-repeat 0;
	color:#5998c9;		
	font: 12px Arial, Helvetica, sans-serif;
	padding-left:10px;
}

#ContentRight2 ul
{
	margin:0;
	padding:0;
}


#ContentRight2 ul.nodecoration li
{
	list-style:none;
	background:url(../../App_Images/Icons//bullet1.jpg) no-repeat 0;
	color:#000000;
	text-decoration:none;
	font: 12px Arial, Helvetica, sans-serif;
	padding-left:10px;
}
#ContentRight2 li {
	list-style:none;
	background:url(../../App_Images/Icons//bullet2.jpg) no-repeat 0;
	color:#000000;
	text-decoration:underline;
	font: 12px Arial, Helvetica, sans-serif;
	padding-left:10px;
}
div.arrowlinkdiv
{
	margin-left:auto;
	margin-right:auto;
}
div.arrowlinkdiv li {
	list-style:none;
	background:url(../../App_Images/Icons/icon_arrow.gif) no-repeat 0;
	color:#000000;
	text-decoration:underline;
	font: 12px Arial, Helvetica, sans-serif;
	padding-left:10px;
	
}

/* --------------Frame Table Start------------*/
table.frame 
{
	width:100%;
	margin:0px;
}
.frame th {
	font: bold 12px Arial, Helvetica, sans-serif;
	padding-left:5px;
	height:29px;
	color: #ffffff;
	background: url(/roughfit/App_Images/MasterPage/table_bgtop.jpg) repeat-x;
}
.frameheader {
	font: bold 12px Arial, Helvetica, sans-serif;
	height:29px;
	color: #ffffff;
	background: url(/roughfit/App_Images/MasterPage/table_bgtop.jpg) repeat-x;
	padding-left:5px;
}

.frame th.nobg {

	height:5px;
	background-image:none;
	background-color:#5a98c7;
}

.frame td {
	border-right: 1px solid #5a98c7;
	border-bottom: 1px solid #5a98c7;
	border-left:1px solid #5a98c7;
	background: #fff;
	color: #828282;
	font: 11px Arial, Helvetica, sans-serif;
}
/* --------------Frame Table Start------------*/

/* --------------Input Table Start----------- */
table.input 
{
	width:98%;
	border-collapse: collapse;
	border-spacing:0px;
	margin:1px;
}
table.input td 
{
	background: #fff;
	color:#5d5d5d;	
	font: 11px Arial, Helvetica, sans-serif;
	border-style:none;
	padding-left:10px;
}
.reportgrey .input td
{
	background:#ede9d8;	
}
table.input td.name 
{
	width:30%;
}
table.input td.field
{
	width:70%;
}
table.input td.nopadding 
{
	padding:0px;
	margin:0px;
}
table.nopadding
{
	padding:0px;
	margin:0px;
}
table.nopadding td
{
	padding:0px;
	margin:0px;
	border-style:none;
}

/* --------------Input Table End----------- */

/* --------------Default Grid Start----------- */
table.grid 
{
	margin:0px;
	margin-left:1px;
	border-spacing:0px;
	border-collapse:collapse;
	border:0px none;
}
div.gridcontainer
{
	border-bottom: 1px solid #5a98c7;
}	
table.grid th {
	font: bold 12px Arial, Helvetica, sans-serif;
	padding-left:5px;
	padding-right:5px;
	height:29px;
	color: #ffffff;
	background: url(/roughfit/App_Images/MasterPage/table_bgtop.jpg) repeat-x;
	text-decoration: none;
	border:0px none;
	
}
table.grid tr.calendarheader th
{
	height:22px;
	color: #FFFFFF;
	text-align: center;
	background: url(/roughfit/App_Images/MasterPage/table2_bgtop.jpg) repeat-x;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding-left:5px;
	padding-right:5px;
	text-decoration: none;
	border-bottom: 1px solid #5a98c7;
	
}

table.grid th a {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;

}

table.grid th.nobg {

	height:5px;
	background-image:none;
	background-color:#5a98c7;
}

table.grid td 
{
	border-right: 1px solid #5a98c7;
	border-bottom: 1px solid #5a98c7;
	border-left:1px solid #5a98c7;
	background: #fff;
	color: #000000;/*#828282;*/
	font: 11px Arial, Helvetica, sans-serif;
}

table.grid td td
{
	border: 0px none;
}

table.grid td.left 
{
	border-right: 0px none;
	border-bottom: 1px solid #5a98c7;
	border-left:1px solid #5a98c7;
	background: #fff;
	color: #828282;
	font: 11px Arial, Helvetica, sans-serif;
}

table.grid td.center 
{
	border-right: 0px none;
	border-bottom: 1px solid #5a98c7;
	border-left:0px none;
	background: #fff;
	color: #828282;
	font: 11px Arial, Helvetica, sans-serif;
}

table.grid td.right
{
	border-right: 1px solid #5a98c7;
	border-bottom: 1px solid #5a98c7;
	border-left:0px none;
	background: #fff;
	color: #828282;
	font: 11px Arial, Helvetica, sans-serif;
}
table.grid td a
{
	list-style:none;
	padding:0px 10px 0px 0px;
	color:#FFFFFF;	
	font: 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	border: 0px none;
}	

/* --------------Default Grid End----------- */

/* --------------GridView Start----------- */
.gridview 
{
	width:98%;
	margin:0px;
}
table.gridview 
{
	width:98%;
	margin:0px;
}	
.gridview tr 
{
	border:0px none;
}
.gridview th {
	font: bold 12px Arial, Helvetica, sans-serif;
	height:23px;
	color: #ffffff;
	text-align: left;
	background: url(/roughfit/App_Images/MasterPage/table2_bgtop.jpg) repeat-x;
	text-decoration: none;
}
.gridview th a
{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
}

.gridview  th.nobg {

	height:5px;
	background-image:none;
	background-color:#5a98c7;
}

.gridview tr td {
	border-right: 1px solid #5a98c7;
	border-bottom: 1px solid #5a98c7;
	border-left:1px solid #5a98c7;
	background: #fff;
	color: #828282;
	font: 11px Arial, Helvetica, sans-serif;
}
table.gridview td td
{
	border: 0px none;
}

/* --------------Repeater Start----------- */
.repeater 
{
	margin:0px;
}
.repeater  th {
	font: bold 12px Arial, Helvetica, sans-serif;
	height:23px;
	color: #ffffff;
	text-align: left;
	background: url(/roughfit/App_Images/MasterPage/table2_bgtop.jpg) repeat-x;
}

.repeater  th.nobg {

	height:5px;
	background-image:none;
	background-color:#5a98c7;
}

.repeater  tr td {
	border-right: 0px none;
	border-top: 1px solid #5a98c7;
	border-left:1px solid #5a98c7;
	text-align: left;
	background: #fff;
	color: #828282;
	font: 11px Arial, Helvetica, sans-serif;
}
.repeater td.NoBorder
{
	border-left: 0px none;
}
.repeater td.BottomRow
{
	border-right: 0px none;
	border-left: 0px none;
}
.repeater td.RightColumn
{
	border-right: 1px solid #5a98c7;
}
.repeater td.RightColumnNoBorder
{
	border-left: 0px none;
	border-right: 1px solid #5a98c7;
}
.repeater td td
{
	border: 0px none;
}
/* --------------Repeater End----------- */

/* --------------Calendar Table Start----------- */


table.calendar 
{
	margin:0px;
}
	
table.calendar  th 
{
	font: bold 14px Arial, Helvetica, sans-serif;
	height:25px;
	color: #FFFFFF;
	text-align: center;
	background: url(/roughfit/App_Images/MasterPage/table2_bgtop.jpg) repeat-x;
}
table.calendar  th table td
{
	border-right: 0px none #5d5d5d;
	border-bottom: 1px solid #5d5d5d;
	border-top:0px none #5d5d5d;
	border-left:0px none #5d5d5d;
}
table.calendar  th.nobg 
{
	height:5px;
	background-image:none;
	background-color:#5a98c7;
}

table.calendar  th.days 
{
	height:25px;
	color: #000000;
	font: 11px Arial, Helvetica, sans-serif;
	background-image:none;
	background-color:#b8c8dc;
}

table.calendar  td 
{
	border-right: 1px solid #5d5d5d;
	border-bottom: 1px solid #5d5d5d;
	border-top:1px solid #5d5d5d;
	border-left:1px solid #5d5d5d;
	text-align: center;
	background: #ffffff;
	color: #828282;
	font: 11px Arial, Helvetica, sans-serif;
	vertical-align:top;
	cursor:pointer;
}

table.calendar  td div
{
	float:right;
	margin-right:1px;
	color:Black;
	width:95%;
	text-align:right;
}
table.calendar  td div.default
{
	float:left;
	margin-right:0px;
	color:Black;
	width:100%;
	text-align:left;
}
table.calendar td.noborder
{
	border-style:none;
	cursor:text;
}

table.calendar div.move
{
	cursor:move;
	background:url(../../App_Images/Icons/UpDown.bmp) no-repeat 0;
}

/* --------------Calendar Table End----------- */





input
{
	font: 11px Arial, Helvetica, sans-serif;
}
select
{
	font: 11px Arial, Helvetica, sans-serif;
}
.input
{
	font: 11px Arial, Helvetica, sans-serif;
}
.select 
{
	font: 11px Arial, Helvetica, sans-serif;
}

	
/* --------------Content End----------- */
	
/* --------------Footer Start----------- */
#Footer
{
	height:60px;
	width:775px;
	margin-left:0px;
	float:left;
	padding:5px 0px 0px 0px;
	text-align:center;
}	
	
#Footer  a
{
	list-style:none;
	color:#323639;	
	font: 11px Arial, Helvetica, sans-serif;
	margin:0px;
	text-decoration:none;
}
	
#Footer  a:hover
{
	list-style:none;
	color:#949494;	
	font: 11px Arial, Helvetica, sans-serif;
	margin:0px;
	text-decoration:none;
}
#Footertext
{	
	color:#323639;	
	font: 11px Arial, Helvetica, sans-serif;
}

#FooterBottomBar
{	
	width:775px;
	height:3px;
	color:#ab0d10;
	background-color:#ab0d10;
	margin-bottom:3px;
}
/* --------------Footer End----------- */

	
/* ------------TabContainer--------- */
.ajax_Tab_Default
{
	margin:auto;
}
.ajax_Tab_Default .ajax__tab_tab
{
		padding-top:6px;
}
.ajax_Tab_Default .ajax__tab_inner
{
    background:url(/roughfit/App_Images/Tabs/Tab_Inactive.gif)  no-repeat top;
    font: bold 12px Arial, Helvetica, sans-serif;
	padding-left:6px;
	margin-left:0px;
	margin-right:2px;
	height:29px;
	width:75px;
	color: #5d5d5d;
}

.ajax_Tab_Default .ajax__tab_active .ajax__tab_inner
{
    background:url(/roughfit/App_Images/Tabs/Tab_Active.gif) no-repeat top;
    color: #ffffff;
}

.watermarked {
	height:16px;
	border:1px solid #BEBEBE;
	color:gray;
}	
.watermarkedred {
	height:16px;
	border:1px solid Red;
	color:gray;
}	

th.thtab
{
    background:url(/roughfit/App_Images/Tabs/TabWide_inactive.gif) no-repeat center;
	text-align:center;
    color: #5d5d5d;
    border-bottom: 1px solid #5d5d5d;
    cursor:pointer;
    height:29px;
} 
th.thtabactive
{
    background:url(/roughfit/App_Images/Tabs/TabWide_Active.gif) no-repeat center;
	text-align:center;
    color: #ffffff;
    cursor:pointer;
    border-bottom: 1px solid #5a98c7;
    height:29px;
} 
td.tdtabactive {
	border-right: 1px solid #5a98c7;
	border-bottom: 1px solid #5a98c7;
	border-left:1px solid #5a98c7;
	background: #fff;
	color: #828282;
	font: 11px Arial, Helvetica, sans-serif;
    cursor:pointer;
}
td.tdtab 
{
	border-right: 1px solid #5d5d5d;
	border-bottom: 1px solid #5d5d5d;
	border-left:1px solid #5d5d5d;
	background: #fff;
	color: #828282;
	font: 11px Arial, Helvetica, sans-serif;
    cursor:pointer;
}
/*AutoComplete*/

./*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : white;
	color : black;
	cursor : 'default';
	overflow : auto;
	height : 100px;
    text-align : left; 
    list-style-type : none;
    font: 11px Arial, Helvetica, sans-serif;
    border: solid 1px black;
}


/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

.autocomplete_listItem 
{
	background-color :white;
	color : black;
	padding : 1px;
}

.field_autocomplete ul
{
	border: solid 1px #BEBEBE;
	cursor:pointer;
}

.field_autocomplete li
{
	list-style-type : none;
}


.ErrorMessage
{
	border:solid 1px red;
	color:#ab0d10;	
	font: Italic 9pt Arial, Helvetica, sans-serif;
	width: 98%;
}
.ErrorMessage table
{
	border:solid 1px red;
	color:#ab0d10;	
	font: Italic 9pt Arial, Helvetica, sans-serif;
}
.ErrorMessage td
{
	color:#ab0d10;	
	border:none 0px;
	font: Italic 9pt Arial, Helvetica, sans-serif;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left:0px none;
}

.login
{
	margin-left:auto;
	margin-right:auto;
}
.login td
{
	border:none 0px;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left:0px none;
	text-align:left;
}


.bluelink
{
	color:#5998c9;
	text-decoration:none;
	font: 12px Arial, Helvetica, sans-serif;
}

.breakcrumb
{
	list-style:none;
	color:#5998c9;	
	font: 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
}


.ButtonImage
{
	cursor:pointer;
}


/*Reorder List*/

table.reorderitem 
{
	margin:0px;
	margin-left:1px;
	border-spacing:0px;
	border-collapse:collapse;
	border: 1px solid #5a98c7;
}
table.reorderitem td 
{
	background: #fff;
	color:#5d5d5d;	
	font: 11px Arial, Helvetica, sans-serif;
	padding:3px;
}
	
table.reorderitem td.center 
{
	text-align:center ;
	margin-left:auto;
	margin-right:auto;  
	vertical-align:middle;  
}

.verticaltext 
{
	writing-mode: tb-rl;
	filter: flipv fliph;
}

.imglink
{
	text-decoration:none;
	border: none 0px;
	padding-left:2px;
}

