﻿/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

body
{
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:10px;
	min-width:1000px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	TOP MENU
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.Menu, .Menu:visited, .Menu:active, .Menu:link
{    
	font-family:Calibri, Tahoma, Verdana;
	font-size:14px;
	font-weight:bold;  
	color:White;
	padding:10px 10px 10px 10px;
	text-decoration:none;
	height:0px;
	margin:0px;
	}

.Menu:hover
{
	background-color:#5c75aa;
	text-decoration:underline;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BUTTONS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.btnBlue
{
	font-family:Verdana, Calibri, Tahoma, Arial;
	font-size:12px;
	font-weight:bold;
	color:#3B5998;
	background-color:#ebeff6;
	border: Solid 1px #3B5998;
	padding:5px;
	text-decoration:none;	
}

.btnBlue:hover
{
	color:#fff;
	background-color:#3B5998;
	border: Solid 1px #3B5998;
	text-decoration:underline;
}

.btnGreen
{
	font-family:Verdana, Calibri, Tahoma, Arial;
	font-size:12px;
	font-weight:bold;
	color:#51712d;
	background-color:#edf4e5;
	border:solid 1px #51712d ;
	padding:5px;
	text-decoration:none;
}

.btnGreen:Hover
{
	color:#edf4e5;
	background-color:#51712d;
	border:solid 1px #51712d;
	text-decoration:underline;
}

.btnRed
{
	font-family:Verdana, Calibri, Tahoma, Arial;
	font-size:12px;
	font-weight:bold;
	color:#d5360f;
	background-color:#fff7f5;
	border:solid 1px #d5360f;
	padding:5px;
	text-decoration:none;
}

.btnRed:Hover
{
	color:#fff7f5;
	background-color:#d5360f;
	border:solid 1px #d5360f;
	text-decoration:underline;
}

.btnYellow
{
	font-family:Verdana, Calibri, Tahoma, Arial;
	font-size:12px;
	font-weight:bold;
	color:#ff6600;
	background-color:#fdfae0;
	border:solid 1px #ff6600;
	padding:5px;
	text-decoration:none;
}
.btnYellow:Hover
{
	color:#fdfae0;
	background-color:#ff6600;
	border: Solid 1px #ff6600;
	text-decoration:underline;
}

.btnMaroon
{
	font-family:Verdana, Calibri, Tahoma, Arial;
	font-size:12px;
	font-weight:bold;
	color:#ac0000;
	background-color:#f7efef;
	border:solid 1px #ac0000;
	padding:5px;
	text-decoration:none;
}
.btnMaroon:Hover
{
	color:#f2e2e2;
	background-color:#ac0000;
	border: Solid 1px #ac0000;
	text-decoration:underline;
}




/********************/
.LoginButton
{
	background-image: url(../images/Site/Login.gif);
	width:90px;
	height:50px;
}
/********************/




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Labels 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.Label01
{
  color: Red;
  font-family: Verdana, Times New Roman, Tahoma, Arial, Comic Sans MS;
  font-size:  14px;
  font-weight: bold;
}

.Label02
{
  color:Navy;
  font-family: Verdana, Times New Roman, Tahoma, Arial, Comic Sans MS;
  font-size:  14px;
  font-weight: bold;
}

.Label03
{
  color:Red;
  font-family: Verdana, Times New Roman, Tahoma, Arial, Comic Sans MS;
  font-size:  11px;
  font-weight: bold;
}

.InvalidLabel
{
    font-family:Verdana, Times New Roman, Tahoma, Arial;
    font-size:11px;
    font-weight:normal;
    color:red;
    width:100%;
   }

.WhiteLabel
{
    font-family:Verdana, Times New Roman, Tahoma, Arial;
    font-size:12px;
    font-weight:bold;
    color:white;
   }
   
.GreenLabel
{
padding:5px;
margin:5px;
font-family: Calibri, Tahoma, Verdana ;
font-size: 14px;
font-weight:bold;
color: #333;
background:#e6f1e3;
border: 1px solid #29a000;
}
   
.YellowLabel
{
padding: 5px;
margin:5px;
font-family: Calibri, Tahoma, Verdana ;
font-size: 14px;
font-weight:bold;
color: #333;
background:#fff9d7;
border: 1px solid #e2c822;
}

.YellowLabelNoMargin
{
padding:5px;
margin:0px;
font-family: Calibri, Tahoma, Verdana ;
font-size: 14px;
font-weight:bold;
color: #333;
background:#fff9d7;
border: 1px solid #e2c822;
}

.RedLabel
{
padding: 5px;
margin:5px;
font-family: Calibri, Tahoma, Verdana ;
font-size: 14px;
font-weight: bold;
color: #333;
background:#ffebe8;
border: 1px solid #dd3c10;
}

.RedLabelNoMargin
{
padding:5px;
margin:0px;
font-family: Calibri, Tahoma, Verdana ;
font-size: 14px;
font-weight:bold;
color: #333;
background:#ffebe8;
border: 1px solid #dd3c10;
}

.BlueLabel
{
padding: 5px;
margin:5px;
font-family: Calibri, Tahoma, Verdana ;
font-size: 14px;
font-weight: bold;
color: #333;
background:#eceff5;
border: 1px solid #94a3c4;
}

.BlueLabelNoMargin
{
padding: 5px;
margin:0px;
font-family: Calibri, Tahoma, Verdana ;
font-size: 14px;
font-weight: bold;
color: #333;
background:#eceff5;
border: 1px solid #94a3c4;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Tabs 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.GrayTab
{
	color:#000;
	background-color:#f7f7f7;
	padding:5px 20px 5px 20px;
	margin:0px;
	border-top:Solid 1px #CCC;
	border-bottom:Solid 1px #EEE;
	border-left:Solid 1px #CCC;
	border-right:Solid 1px #CCC;
	font-family:Calibri, Verdana, Tahoma, Arial;
	font-size:12px;
	font-weight:Bold;
	vertical-align:bottom;
	text-decoration:none;
}

.GrayTab:Hover
{
	text-decoration:underline;
}

.BlueTab
{
	color:#fff;
	background-color:#6d84b4;
	padding:5px 20px 5px 20px;
	border-top:Solid 1px #5973aa;
	border-bottom:Solid 1px #5973aa;
	border-left:Solid 1px #5973aa;
	border-right:Solid 1px #5973aa;
	font-family:Calibri, Verdana, Tahoma, Arial;
	font-size:12px;
	font-weight:Bold;
	vertical-align:bottom;
	text-decoration:none;
}

.BlueTab:Hover
{
	text-decoration:underline;
}
   
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Table Backgrounds 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
   
   
.TB01
{
	background-image:url(../Images/Site/Backgrounds/FindeesBackground.gif);
	width:1000px;
	height:471px;
	background-repeat:no-repeat;
	background-color:#ffffff;
}

.TBForgot
{
	background-image:url(../Images/Site/Backgrounds/bgForgot.gif);
	background-repeat:no-repeat;
	width:400px;
	height:348px;
}

.TBBoy
{
	background-image:url(../Images/Site/Boy.gif);
	width:181px;
	height:500px;
	background-repeat:no-repeat;
}

.TBGirl
{
	background-image:url(../Images/Site/Girl.gif);
	width:194px;
	height:500px;
	background-repeat:no-repeat;
}

.GradientYellow200
{
	background-image:url(../Images/Site/Gradients/Yellow1x200.gif);
	width:200px;
	height:200px;
	background-repeat:repeat-x;
}

.GradientYellow600
{
	background-image:url(../Images/Site/Gradients/Yellow1x600.gif);
	width:800px;
	height:600px;
	background-repeat:repeat-x;
}

.GradientGreen200
{
	background-image:url(../Images/Site/Gradients/Orange1x200.gif);
	width:200px;
	height:200px;
	background-repeat:repeat-x;
}

.LoginTop
{
	background-image:url(../Images/Site/Rounded/Login/LoginTop.gif);
	height:40px;
	background-repeat:repeat-x;
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:12px;
	color:Black;
	font-weight:normal;
	text-decoration:Bold;
}

.ProfileHeader
{
	background-image:url(../Images/Site/Rounded/GrayHeader.gif);
	background-repeat:no-repeat;
	background-color:#eeeeee;
	height:20px;
	width:790px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FONTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~ Red ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.Red10
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:10px;
	color:Red;
	font-weight:normal;
	text-decoration:none;
	}

.Red10Bold
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:10px;
	color:Red;
	font-weight:bold;
	text-decoration:none;
	}

.Red12
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:12px;
	font-weight:normal;
	color:Red;
	font-weight:normal;
	text-decoration:none;	
}

.Red12Bold
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:12px;
	color:Red;
	font-weight:bold;
	text-decoration:none;
	}

.Red14
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:14px;
	color:Red;
	font-weight:normal;
	text-decoration:none;	
}

.Red14Bold
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:14px;
	color:Red;
	font-weight:bold;
	text-decoration:none;
	}

.Red16
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:16px;
	color:Red;
	font-weight:normal;
	text-decoration:none;	
}

.Red16Bold
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:16px;
	color:Red;
	font-weight:bold;
	text-decoration:none;
	}

.Red18
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:18px;
	color:Red;
	font-weight:normal;
	text-decoration:none;	
}

.Red18Bold
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:18px;
	color:Red;
	font-weight:bold;
	text-decoration:none;
	}

.Red20
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:20px;
	color:Red;
	font-weight:normal;
	text-decoration:none;	
}

.Red20Bold
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:20px;
	color:Red;
	font-weight:bold;
	text-decoration:none;
	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~ Black ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.Black10
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:10px;
	color:Black;
	font-weight:normal;
	text-decoration:none;
}

.Black10Bold
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:10px;
	color:Black;
	text-decoration:none;
	font-weight:bold;	
}

.Black12
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:12px;
	color:Black;
	font-weight:normal;
	text-decoration:none;	
}

.Black12Bold
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:12px;
	color:Black;
	font-weight:bold;	
	text-decoration:none;
}

.Black14
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:14px;
	color:Black;
	font-weight:normal;
	text-decoration:none;	
}

.Black14Bold
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:14px;
	color:Black;
	text-decoration:none;
	font-weight:bold;	
}

.Black16
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:16px;
	color:Black;
	font-weight:normal;
	text-decoration:none;	
}

.Black16Bold
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:16px;
	color:Black;
	text-decoration:none;
	font-weight:bold;	
}

.Black18
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:18px;
	color:Black;
	font-weight:normal;
	text-decoration:none;	
}

.Black18Bold
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:18px;
	color:Black;
	text-decoration:none;
	font-weight:bold;	
}

.Black20
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:20px;
	color:Black;
	font-weight:normal;
	text-decoration:none;	
}

.Black20Bold
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:20px;
	color:Black;
	font-weight:bold;
	text-decoration:none;	
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~ White ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.White10
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:10px;
	color:White;
	font-weight:normal;
	text-decoration:none;
}

.White10Bold
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:10px;
	color:White;
	text-decoration:none;
	font-weight:bold;	
}

.White12
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:12px;
	color:White;
	font-weight:normal;
	text-decoration:none;	
}

.White12Bold
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:12px;
	color:White;
	font-weight:bold;	
	text-decoration:none;
}

.White14
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:14px;
	color:White;
	font-weight:normal;
	text-decoration:none;	
}

.White14 a:hover
{
	text-decoration:underline;
	}

.White14Bold
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:14px;
	color:White;
	text-decoration:none;
	font-weight:bold;	
}

.White14Bold a:hover
{
	text-decoration:underline;
	}

.White16
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:16px;
	color:White;
	font-weight:normal;
	text-decoration:none;	
}

.White16:hover
{
	text-decoration:underline;
	}

.White16Bold
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:16px;
	color:White;
	text-decoration:none;
	font-weight:bold;	
}

.White16Bold a:hover
{
	text-decoration:underline;
	}

.White18
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:18px;
	color:White;
	font-weight:normal;
	text-decoration:none;	
}

.White18Bold
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:18px;
	color:White;
	text-decoration:none;
	font-weight:bold;	
}

.White20Bold:hover
{
	text-decoration:underline:
	}

.White20
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:20px;
	color:White;
	font-weight:normal;
	text-decoration:none:
	}
	
.White20:link:hover
{
	text-decoration:underline:
	}

.White20Bold
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:20px;
	color:White;
	font-weight:bold;
	text-decoration:none;
	}
	
.White20Bold:link:hover
{
	text-decoration:underline:
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~ Green ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.Green14
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:14px;
	color:#2b7722;
	font-weight:normal;
	text-decoration:none;	
}

.Green14Bold
{
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:14px;
	color:#2b7722;
	font-weight:bold;
	text-decoration:none;	
}

 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Gridview

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
 
 .Header 
 {
	font-family:Calibri, Verdana, Tahoma, Arial;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background-color:#3B5998;
	border: Solid 1px #3B5998;
	padding:10px;
	text-decoration:none;	
 }
 
 .AlternatingRow
 {
	background-color:#eeeeee;
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:14px;
	color:Black;
	font-weight:normal;
	text-decoration:none;
 }
 
 .Row
 {
	background-color:#ffffff;
	font-family:Calibri, Verdana, Tahoma, Times New Roman;
	font-size:14px;
	color:Black;
	font-weight:normal;
	text-decoration:none;
 }
 
 
 /***************************/ 
 
 .Link
 {
	font-family: Calibri, Tahoma, Verdana ;
	font-size:14px;
	font-weight:normal;
	color: #3B5998;
	background-color: Transparent;
	border: 1px solid #ddd;
	text-decoration:none;
	padding:5px;
 }
  
  a.Link:hover
 {
	background-color: #d8dfea;
	border: 1px solid #d8dfea;
	text-decoration:underline;
 }
 
 
.f1 {
	color: #3B5998;
	background-color: #f7f7f7;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 1px;
	font-family: Calibri, "lucida grande", Tahoma, Verdana, ;
	font-size: 12px;
	font-weight: bold;
}

tr.f1:hover {
	border:none;
	background-color: #d8dfea;
	border-top: 1px solid #d8dfea;
	border-bottom: 1px solid #d8dfea;
}



.HyperLink 
{
color:#3B5998;
font-size:14px;
font-family:Calibri, Verdana, Tahoma;
font-weight: normal;
text-decoration:none;
}

a.HyperLink:hover 
{
text-decoration:underline;
}


/************** Zones ********************/

.GrayZone
{
	color: #3B5998;
	background-color: #f7f7f7;
	border: 1px solid #ddd;
	padding:10px;
	font-size:14px;
	font-family:  Calibri, Verdana, Tahoma, Arial;
	font-weight:bold;
}

td.GrayZone:hover {
	background-color: #d8dfea;
	border: 1px solid #d8dfea;
}

/****************** Left Nav **************/
.LeftNav 
{
    padding:5px 5px 5px 20px;
	background-color:#EEE;
	width:170px;
	border:solid 1px #CCC;
	margin:3px;
}

div.LeftNav:hover {
	background-color: #d8dfea;
	border: 1px solid #CCC;
}

/************ TextBox ****************/

.TextBox
{
	border: Solid 1px #3B5998;
	height:21px;
	background-color:#FFF;
	
}

.TextBox:hover
{
	border-color:#d8dfea;
	border-width:1px;
	border-style:solid;
	
}

.DropDown
{
	font-family:Calibri, Verdana, Tahoma;
	font-size:12px;
	font-weight:normal;
	background-color: Transparent;
	color:#333;
	border-width:0px;
	border-style:groove;
	border-color:#EEE;
}
