/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #0C0C0C;
	text-decoration: none;
	background-color:#111111;
	background-repeat: repeat-x;
	margin:0px;
	padding:0px;
	background-image: url(../../images/bg.jpg);
}
	
img{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

p
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#606060;
	font-weight:normal;
	margin: 0px;
	padding: 0px;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	color: #993399;
	text-decoration: none;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #8C0000; 
	text-decoration: underline;
}

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	border: 1px solid #C0C0C0;
}
hr{
	color:#000000;
	height:1px;
}

.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	background-color: #F5F5E9;
	border: 1px solid #F5F5F5;
}
/* Top Starts */
	
.topbg {
	background-repeat: no-repeat;
	background-image: url(../../images/clientloginbg.jpg);
	width: 397px;
}

.toplogin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.toplogin a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.toplogin a:hover{
	text-decoration: underline;
}

.headerbg {
	background-image: url(../../images/headerbg.jpg);
	background-repeat: no-repeat;
	height: 250px;
}
/* Top Ends */

/* Main Content starts */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #CC00FF;
	text-decoration: none;
	margin:0px;
	padding-bottom: 2px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #969594;
	text-decoration: none;
	padding-top:2px;
	margin:0px;
	padding-bottom: 2px;
}
h2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #993399;
	text-decoration: none;
}
h2 a:hover{
	text-decoration: underline;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #D96202;
	text-decoration: none;
	margin:0px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #454545;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}

h4 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #993399;
	text-decoration: none;
}

h4 a:hover{
	text-decoration: underline;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;	
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;	
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
}
ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	padding-left: 15px;
	margin:0px;
}
/* Start Menu css*/

.menu {
	width:80%;
	position:relative;
	
	font-family:arial, sans-serif;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	
	
}
.offer{ font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;}
/* hack to correct IE5.5 faulty box model */

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	width:auto;
	position:relative;
	margin: 0px;
	padding: 0px;
}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#905FA2;    border:0px solid #EAEAEA;  line-height:28px; font-weight:normal;}
/* a hack so that IE5.5 faulty box model is corrected */


/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd; }
/* style the second level hover */
.menu ul ul a.drop:hover{background:#87B300;}
.menu ul ul :hover > a.drop {background:#87B300;  }
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#562F63;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#2B2B2B;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0;  solid #000; font-size:11px; font-weight:normal;}
/* another hack for IE5.5 */
* html .menu ul ul {top:35px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:144px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#694576; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:122px;border-width:0 1px 1px 1px; font-size:11px; font-weight:normal;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#b7d186;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#2B2B2B;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/* End Header area css
...................................................................................................................................
*/
.link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CC00FF;
	text-decoration: underline;
	margin:0px;
}
.link a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #993399;
	text-decoration: underline;
}
.link a:hover{
	text-decoration: none;
}
.link2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #D96202;
	text-decoration: underline;
	margin:0px;
}
.link2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #993399;
	text-decoration: underline;
}
.link2 a:hover{
	text-decoration: none;
}
.result {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #939;
	text-decoration: none;
	margin:0px;
}
.link3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #D96202;
	text-decoration: none;
	margin:0px;
}
.link3 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #993399;
	text-decoration:none;
}
.link3 a:hover{
	text-decoration: underline;
}
.link4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CC00FF;
	text-decoration: none;
	margin:0px;
}
.link4 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #993399;
	text-decoration: none;
}
.link4 a:hover{
	text-decoration: underline;
}
.spacer {
	background-repeat: repeat;
	background-color:#FFFFFF;
}
.spacer1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	background-color: #E0E0E0;
	padding-left: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #759AAD;
	border-bottom-width: 1px;
}
.spacer2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;
	padding-left: 25px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.spacer3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #902A90;
	padding-top: 4px;
	padding-bottom: 3px;
}

.signbg {
	background-image: url(../../images/sign-bg.png);
	background-repeat: no-repeat;
}


.bg{
	background-color:#9B389B;
	background-repeat:repeat;
	height:35px;}
.bg2{
	background-image:url(../../images/cata-lft-bg.png);
	background-repeat:repeat-y;
	}
.maincontentbg {
	background-repeat: repeat-x;
	background-image: url(../../images/contentgreybg.jpg);
}

.maincontentbg2 {
	background-repeat: repeat-x;
	background-image: url(../../images/bottom-bg1.jpg);
	background-color:#DADADA;
}
.maincontentbg3 {
	background-repeat: repeat-x;
	background-color:#F9F9F9;
	background-image: url(../../images/cata-bg.png);
}
.maincontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	color: #262626;
	text-decoration: none;
}

.maincontent a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	line-height: normal;
	font-variant: normal;
	color: #993399;
	text-decoration: none;
}

.maincontent a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #8C0000;
	text-decoration: underline;
}
.maincontent2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #3B3B3B;
	text-decoration: none;
}
.maincontent2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #993399;
	text-decoration: none;
}
.maincontent2 a:hover{
	text-decoration: underline;
}

.form{margin:0px;}
.list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #8C9DA6;
	text-decoration: none;
}
.list a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #993399;
	text-decoration: none;
}
.list a:hover{
	text-decoration: underline;
}
.list2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #6E6359;
	text-decoration: none;
}
/*.paging {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #727CAB;
	text-decoration: none;
}
.paging a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #5F6AA0;
	text-decoration: none;
}
.paging a:hover{
	text-decoration: underline;
}*/
.next {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #D96202;
	text-decoration: none;
	margin:0px;
}
.next a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #D96202;
	text-decoration:none;
}
.next a:hover{
	text-decoration: underline;
}
.formheading{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-bottom:8px;
	}	
.formlabel
{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight: normal;
text-decoration:none;
}
.formlabel2
{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #464646;
font-weight: normal;
text-decoration:none;
}
.formlabel2 a
{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #993399;
font-weight: normal;
text-decoration: underline;
}
.formlabel2 a:hover
{
text-decoration:none;
}
.formlabel3
{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #CC01FF;
font-weight: normal;
text-decoration:none;
}
.formlabel3 a
{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #993399;
font-weight: normal;
text-decoration: underline;
}
.formlabel3 a:hover
{
text-decoration:none;
}
.mandatory{
	color:#FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
/* Main Content ends */

.leftnav{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1F1F1F;
	text-decoration: none;
}
.leftnav a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #993399;
	text-decoration: none;
}
.leftnav a:hover{
	font-weight:bold;
	text-decoration: underline;
}

.leftnav2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #D96202;
	text-decoration: none;
	margin:0px;
	padding-left: 8px;
}
/* Footer starts */

.footerbg {
	background-repeat: repeat-x;
	background-image: url(../../images/footer-bg.jpg);
	height: 96px;
}

.footertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #717171;
	text-decoration: none;
	line-height: 17px;
}
.footertext a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #993399;
	text-decoration: underline;
}

.footertext a:hover{

	text-decoration: none;
}


/*.border1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #F0F0F0;
	border: 1px solid #666666;	
	height: 12px;
	width: 20px;
}
.border1 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #993399;
	text-decoration: none;
	background-color: #000000;
}
.border1 a:hover {
	text-decoration: underline;
}*/

.border1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	background-color: #993399;
	border: 1px solid #666666;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 1px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.border1 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	background-color: #993399;
}
.border1 a:hover {
	text-decoration: underline;
	color: #ffffff;
}

/*.border2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FAFCFB;
	border: 1px solid #666666;	
	height: 12px;
	width: 20px;
}
.border2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #993399;
	text-decoration: none;
	background-color: #FAFCFB;

}
.border2 a:hover{
	text-decoration:underline;
}*/

.border2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #993399;
	text-decoration: none;
	background-color: #FAFCFB;
	border: 1px solid #666666;
	
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 1px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.border2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #993399;
	text-decoration: none;
	background-color: #FAFCFB;

}
.border2 a:hover{
	text-decoration:underline;
}
.errormess{
	font: bold 11px verdana;
	color: #FF0000;
	text-decoration: none;
	font-weight:bold;
}
.sucessmess{
	font: bold 11px verdana;
	color: #2E1733;
	text-decoration: none;
	font-weight:bold;
}

.row-grey-bg{
background-image:url(../../images/row-grey-bg.jpg);
background-repeat:repeat-x;
}

.bstyle{           
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: EFEFEF;
z-index:1001;
/*-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);*/
}
.wstyle {

position:absolute;
top: 13%;
left: 23%;

width: 550px;
height: 435px;
padding: 2px;

background-color: #983398;
z-index:1003;
overflow: auto;
}




.style6 {
font-size: 11px; 
line-height: normal;
color: #C13500; 
text-decoration: none; 
font-family: Arial, Helvetica, sans-serif;
}

.style7 {
font-size: 11px; 
line-height: normal; 
color: #C13500; 
text-decoration: none;
font-fPMily: Arial, Helvetica, sans-serif;
}

.style11 {
font-size: 12px; 
line-height: normal; 
color: #C13500; 
text-decoration: none; 
font-family: Arial, Helvetica, sans-serif; 
font-weight: bold; 
}

.style12 {
color: #FEFEFE
}

.style13 {
font-size: 12px; 
line-height: normal; 
color: #FFFFFF; 
text-decoration: none; 
font-family: Arial, Helvetica, sans-serif; 
font-weight: bold; 
}



.style16 {
font-size: 11px; 
line-height: normal; 
color: #C13500; 
text-decoration: none; 
font-fPMily: Arial, Helvetica, sans-serif;
}

.style17 {
color: #FFFFFF
}

.starterror_5{
position:fixed;
z-index:1000;
padding-top:0px;
padding-left:0px;
padding-right:0px;
width:100%;
height:100%;
text-align:center;
color:#FFffff;
font-weight:bold;
font-size:16px;;
/*filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity:0.9;*/
background:url(http://s282000521.onlinehome.us/images/transparent.png) repeat;
}

/* Footer end */
.brdr {
	border: 1px double #D4D4D4;
	padding: 5px;
}
.brdr2 {
	border: 1px double #C55CC5;
	padding: 5px;
	font-weight: bold;
}
.brdr3 {
	padding: 5px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: double;
	border-left-style: double;
	border-top-color: #C55CC5;
	border-left-color: #C55CC5;
	font-weight: bold;
}
.brdr4{
	padding: 5px;
	border-top-width: 1px;
	border-top-style: double;
	border-top-color: #C55CC5;
	font-weight: bold;
	border-right-width: 1px;
	border-right-style: double;
	border-right-color: #C55CC5;
	border-left-width: 1px;
	border-left-style: double;
	border-left-color: #C55CC5;
}
/* PAGING */

a.paginglink{
	border: 1px solid #E8BDE8;
	padding: 1px 4px;
	color: #404040;
	font-weight: bold;
}
a.paginglink:hover {
	background: white;
	color: #993399;font-weight: bold;
}
.paging_bg { background: #E4E4E4; padding: 5px; text-align: center; }
a.paginglink_active {
	border: 1px solid #E8BDE8;
	padding: 1px 4px;
	color: #993399;
	background: white;font-weight: bold;
}
a.paginglink_visited {
	border: 1px solid #E8BDE8;
	padding: 1px 4px;
	color: #404040;font-weight: bold;
}
a.paginglink_visited:hover {
	color: #993399;font-weight: bold;
}
next a{
	padding: 1px 4px;
	color: #404040;
	font-weight: bold;
}
a.next:hover {
	color: #993399;font-weight: bold;
}
a.next_active {
	padding: 1px 4px;
	color: #993399;font-weight: bold;
}
a.next_visited {
	padding: 1px 4px;
	color: #404040;font-weight: bold;
}
a.next_visited:hover {
	color: #993399;font-weight: bold;
}



a.paginglink_user{
	border: 1px solid #666666;
	padding: 2px 4px;
	color: #404040;
	font-weight: bold;
}
a.paginglink_user:hover {
	background: white;
	color: #993399;font-weight: bold;
}
.paging_bg { background: #E4E4E4; padding: 5px; text-align: center; }
a.paginglink_user_active {
	border: 1px solid #666666;
	padding: 1px 4px;
	color: #993399;
	background: white;font-weight: bold;
}
a.paginglink_user_visited {
	border: 1px solid #666666;
	padding: 1px 4px;
	color: #404040;font-weight: bold;
}
a.paginglink_user_visited:hover {
	color: #993399;font-weight: bold;
}