﻿body{
margin:0;
padding:0
}
#mainfram{
width:100%;
padding-left:110px;

}
.blacktext1 {
	font-family: Verdana;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
}
.whitetab {

	font-family: Verdana;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	text-decoration:none;
}

p{
margin:0;
padding:0
}
div{
margin:0;
padding:0
}

#top{
width:770px;

}
.topleft{
width:490px;
float:left;
margin-bottom:10px;

}
a:hover.bottomlink{
color:#FF6600;
text-decoration: underline;
}
.bottomlink {
	font-family: Arial;
	font-size: 10px;
	color: #666666;
	text-decoration:none;
}
.topright{
width:277px;
float:left;
margin-bottom:10px;
}
.toprightAvayaLogo{
width:277px;
float:left;
margin-top:10px;
vertical-align:bottom;
}

/* center css */
#divcenter{
width:770px;
}
#mainleft{
width:230px;
float:left;
border-right:6px solid #e5e5e5;
border-bottom:6px solid #e5e5e5;
}
#mainleft1{
width:230px;
float:left;
border-right:6px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;


}
.lefthead{
font: bold 18px Arial narrow;
height:25px;
color:#ffffff;
background-color:#AFAFAF;
padding:3px;
margin-bottom:3px;

}
.lefthead2{
font: bold 14px Arial;
height:15px;
color:#ffffff;
background-color:#AFAFAF;
padding:1px;
margin-bottom:1px;
text-decoration:none;

}
.lefthead22{
font: bold 14px Arial;
height:40px;
color:#ffffff;
background-color:#AFAFAF;
padding-top:3px;
margin-bottom:1px;
text-decoration:none;
}
.MediaPartner{
font: bold 13px Arial;
height:30px;
color:#ffffff;
background-color:#AFAFAF;
text-decoration:none;
text-align:center;
width:155px;
border-bottom:solid 1px #AFAFAF;
border-top:solid 1px #AFAFAF;
border-right:solid 1px #AFAFAF;
}
.MediaPartnerBorder{
height:30px;
color:#AFAFAF;
border-bottom:solid 1px #AFAFAF;
border-top:solid 1px #AFAFAF;
border-right:solid 1px #AFAFAF;
text-decoration:none;
text-align:center;
width:370px;
}

.MediaPartnerHome
{
font: bold 12px Verdana;
height:40px;
color:#FF6600;
text-decoration:none;
text-align:center;
width:130px;
}
.MediaPartnerBorderHome
{
	height:40px;
	width:325px;
	padding-left:5px;
border-bottom:solid 1px #D1D1D1;
border-top:solid 1px #D1D1D1;
border-right:solid 1px #D1D1D1;
border-left:solid 1px #D1D1D1;
}


a:hover.lefthead2{
font: bold 14px Arial;
height:15px;
background-color:#AFAFAF;
padding:1px;
margin-bottom:1px;
color:#FF6600;
text-decoration: underline;
}
.lefthead3{
font: bold 12px Arial;
height:13px;
color:#ffffff;
background-color:#AFAFAF;
padding:1px;
margin-bottom:1px;
text-decoration:none;

}
a:hover.lefthead3{
font: bold 12px Arial;
height:13px;
background-color:#AFAFAF;
padding:1px;
margin-bottom:1px;
color:#FF6600;
text-decoration: underline;

}
a.red{
font: normal 10px Verdana;
color:black;
font-weight:bold;
text-decoration:none;
}
a:hover.red{
font: normal 10px Verdana;
font-weight:bold;
color:black;
text-decoration: underline;
}


#maincenter{
width:540px;
float:left;
margin:0;
padding:0
}
#conbox1{
width:192px;
border: 1px solid #F1B5B5;
font: normal 10pt Verdana;
color:#555555;
margin-left:5px;
margin-top:5px;
float:left;
height:245px
}
#conbox2{
width:184px;
border: 1px solid #F1B5B5;
font: normal 10pt Verdana;
color:#555555;
margin-left:5px;
margin-top:5px;
float:left;
height:245px
}
#conbox3{
width:184px;
border: 1px solid #F1B5B5;
font: normal 10pt Verdana;
color:#555555;
margin-left:5px;
margin-top:5px;
float:left;
height:245px
}
#conbox4{
width:184px;
border: 1px solid #F1B5B5;
font: normal 10pt Verdana;
color:#555555;
margin-left:5px;
margin-top:5px;
float:left;
}
#conbox5{
width:184px;
font: normal 10pt Verdana;
color:#555555;
margin-left:5px;
margin-top:5px;
float:left;
}
.boxcon{
font: normal 10px Verdana;
color:#555555;
height:120px;
padding:5px;
}
#spot{
border-bottom: 20px solid #e5e5e5;
width:534px;
height:213px;

}
#spotindex{
border-bottom: 6px solid #e5e5e5;
width:540px;
height:213px;

}
/* bottom css */
#flink{
width:770px;
float:left;
background-color:#E2E2E2;
padding-top:4px;
padding-bottom:4px;
margin-top:2px;
font: normal 9px Verdana;
color:#555555;


}
#flink a{
font: normal 9px Verdana;
color:#555555;
text-decoration:none;
}
#flink a:hover{
font: normal 9px Verdana;
color:#FF6600;
text-decoration: underline;
}


#frights{
width:200px;
font: normal 9px Verdana;
color:#555555;
float:left;
background-color:#e2e2e2;
padding-top:4px;
padding-bottom:4px

}

div{
font: normal 10px verdana;
color: #333
}
p{
font: normal 10px verdana;
color: #333
}
.leftsubhead{
padding:5px;
font: normal 10px Arial;
font-weight:bold;
color:#555555
}
.leftcon{
padding:5px;
font: normal 10px Verdana;
color:#555555
}
a.redinvitation{
font: normal 10px Verdana;
font-weight:bold;
color:#C70102;
text-decoration:none
}
a:hover.redinvitation{
font: normal 10px Verdana;
font-weight:bold;
color:#FF6600;
text-decoration: underline;
}
.conimg{
margin-top:5px;
margin-bottom:10px
}
#crmain{
width:770px;

}
#CRCon{
width:513px;
float:left;
margin-top:20px;
}
#welcomenote{
width:748px;
float:left;
margin-top:20px;
}

.leftspace{
width:10px;
float:left;
}
.rightspace{
width:15px;
float:left;
}
#CRlogin{
width:220px;
float:left;
margin-top:20px;
background-color:#E2E2E2;
border: 1px solid #C3C3C3;

}
.login{
font: normal 11px Verdana;
color: #C70102;
padding-left:7px;
padding-top:5px
}
.forgot{
font: normal 10px Verdana;
color: #C70102;
padding-left:7px;
}
.uid{
font: normal 11px Verdana;
color: #333333;
padding-left:7px;
}
a.newuser{
font: normal 10px Verdana;
color: #333333;
text-decoration:none;

}
a:hover.newuser{
font: normal 10px Verdana;
color:#FF6600;
text-decoration: underline;

}
.inputbox{
height:14px;
font: normal 10px Verdana;
border:0;
margin-left:11px
}
.inputbox2{
height:14px;
font: normal 10px Verdana;
margin-left:11px
}
.checkbox{
margin:0;
padding:0;
border: red;
width:13px;
}
.gatewaycon{
font: normal 11px Verdana;
color:#333;
line-height:1.4em;
}
.contentpadding{
padding-top:5px;
padding-bottom:5px;

}
.gatewayconheader{
font: normal 11px Verdana;
color:#333;
line-height:1.4em;
padding-top:15px;
padding-left:10px
}

.CRred{
color:red
}
.divider{
 border-bottom:thin dotted #ccc
 }
 .dividertop{
 border-top:thin dotted #ccc
 }

#tabstrip{
width:770px;
height:22px;


}
#btn_fl { height: 35px; 

}
#btn_fl a {
	float: left;
	text-decoration:none;
	background-color: #AFAFAF;
	font-family:Tohoma, sans-serif; font-size:19px; font-weight:bold; color:#ffffff;
	
}
#btn_fl a:hover { text-decoration:none;
	font-size: 19px;
	color:#000000;
	font-family:arial;
	background-color:#C70102;	 }
#btn_fl a .first {
	background-image: url(../images/greyTab-Left.jpg);
	background-repeat: no-repeat;}
#btn_fl a:hover .first { background:url(../images/redTab-Left.jpg) no-repeat; }
#btn_fl a .last { background-image: url(../images/greyTab-Right.jpg); }
#btn_fl a:hover .last {
background-image: url(../images/REDTab-Right.jpg);
background-repeat: no-repeat;
}
#btn_fl a .text{ white-space:nowrap; vertical-align:middle; font-family:Arial; font-size:10px; font-weight:bold; color:#ffffff;padding: 0px 12px 8px 12px; }
#btn_fl a:hover .text{ white-space:nowrap; vertical-align:middle; font-family:Arial; font-size:10px; font-weight:bold; color:#ffffff; padding: 0px 12px 8px 12px; }

#btn_f2 { height: 35px; 

}
.text1{
 white-space:nowrap; vertical-align:middle; font-family:Arial; font-size:10px; font-weight:bold; color:#ffffff;padding: 0px 12px 8px 12px; }

#btn_f2 a {
	float: left;
	text-decoration:none;
	background-color: #C70102;
	font-family:Tohoma, sans-serif; font-size:19px; font-weight:bold; color:#ffffff;
}
#btn_f2 a:hover { text-decoration:none;
	font-size: 19px;
	color:#000000;
	font-family:arial;
	background-color:#AFAFAF;	 }
#btn_f2 a .first {
	background-image: url(../images/redTab-Left.jpg);
	background-repeat: no-repeat;}
#btn_f2 a:hover .first { background:url(../images/greyTab-Left.jpg) no-repeat; }
#btn_f2 a .last { background-image: url(../images/REDTab-Right.jpg); }
#btn_f2 a:hover .last {
background-image: url(../images/greyTab-Right.jpg);
background-repeat: no-repeat;
}
#btn_f2 a .text{ white-space:nowrap; vertical-align:middle; font-family:Verdana; font-size:10px; font-weight:bold; color:#ffffff;padding: 0px 12px 8px 12px; }
#btn_f2 a:hover .text{ white-space:nowrap; vertical-align:middle; font-family:Verdana; font-size:10px; font-weight:bold; color:#ffffff; padding: 0px 12px 8px 12px; }
.whiteborder{
border-top:1px solid white
}
.grayborder{
border-bottom:solid 1px #AFAFAF
}
.paddingcon{
padding-top:10px;
}

a.ViewCR{
font: normal 11px Verdana;
color: #C70102;
text-decoration:none;

}
a:hover.ViewCR{
font: normal 11px Verdana;
color:#FF6600;
text-decoration: underline;

}
.bluemid3{
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	text-decoration:none;
}
a:hover.bluemid3{
color:#FF6600;
text-decoration: underline;
}
.bluemidcr{
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	text-decoration:none;
}
a:hover.bluemidcr{
color:#FF6600;
text-decoration: underline;
}
.TreeClass
{
	margin-top:-5px;
	padding-top:-5px;
	font-size:20px;
}
