/* -------------------------------------------------*/
/* TrafficMedia.com v.1                             */
/* -------------------------------------------------*/

/*html {overflow: scroll;}*/
body{
	font-family:arial;
	font-size:12px;	
	color:#666261;	
	vertical-align:top;
	margin: 0;
	padding: 0;		
	/*overflow-x:hidden;*/
}
div, p, th, td, li, dd {
	margin:0px;
	padding:0px;
}
.scroll img{				/* for jqgrid */
	display:inline;
}
h1{
	margin:0;
}
img{
	display:block;
}
a{
	color:#424c55;	/*gray*/
}

a:hover{
	color:#899E29;	/*green*/
}
input{
	border:1px solid #666261;
	color:#666666;
	font-family:arial;
	font-size:11px;
}
input[type=checkbox],
input[type=radio] {
	border: none;
}
input.cbox{
	border: none;
}
select{
	border:1px solid #666261;
	font-family:arial;
	font-size:11px;
	color:#666666;
}
.border{
	border:1px solid blue;
}
.disable{	
}
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}


/* ============================================================
	GENERAL STYLES
   ============================================================ */
   
.textHeader{
	font-size:16px;
	color:#666666;
	font-weight:bold;
}
.text1Caption{
    text-align:center;
	font-weight:bold;
}
.text1,.link1,.text1Caption{
	line-height:17px;
}
.dashedLine{
	border:0px;
	border-top:1px dashed #cdcdcd;
	height:1px;
}
.separator{
	border-right:1px solid #696662;	
	border-left:1px solid #696662;	
	height:45px;
	padding-left:3px;
}
.shadow{ 
	border-top:1px solid #B9B8B8;
	background: url(../img/layout/shadow.png) repeat-X;
	width:100%;
	height:5px;
}
.shadowBottom{ 
	border-bottom:1px solid #B9B8B8;
	border-top:1px solid #B9B8B8;
	background: url(../img/layout/shadow.png) repeat-X;
	width:100%;
	height:15px;
}
.leftSpace{
	float:left;	
	text-align:left;
}
.verticalSpace{
	height:10px;
}
.horizontalSpace{
	width:10px;
}
.verticalSep{
	width:9px;
	height:124px;
	float:left;
	background-image:url('/img/layout/loginBar_sap.png');
}

/* ============================================================
	CONTENT
   ============================================================ */

#content {
	width:100%;	
	margin: 0 auto;
	padding: 0 auto;
	/*overflow:hidden;*/
	/* for IE 5.5 or higher: */
    /*padding-left:expression("0px");*/
}
#subcontent {
	float: left;
}
#wrapper {
	height:auto;
	width:930px;	
	margin: 0 auto;
	padding: 0 auto;
	background-color: #FFFFFF;	
}
.leftPanel{
	width:180px;
	float:left;
}	
.centerPanel{
	/*height:100%;*/
}
.centerLeftPad{
	padding-left:195px;
}
.centerRightPad{
	padding-right:195px;
}
.rightPanel{
	width:180px;
	float:right;	
}

/* ============================================================
	HEADER
   ============================================================ */

#header{
	vertical-align:top;	
}

/*------------------- SEARCH AREA -------------------*/
div#headerSearch div.headerSearchLeft{
	background:url('/img/search/Top_Menu_search_bar_left.png') left center no-repeat;
	margin:0px;
	width:165px;
	height:19px;
	vertical-align:top;
}
div#headerSearch div.headerSearchMiddle {		
	height:19px;
	margin: 0px 0px 0px 6px;
	padding:0px;
	overflow:hidden;
}
div#headerSearch div.headerSearchContainer {
	float:left;
	height:19px;
	vertical-align:top;	
} 
div#headerSearch div.upperSearchGoButton  {
	background:url('/img/search/Top_Menu_right_pixel_bg.png') center right no-repeat;
	cursor:pointer;
	width:25px;	
	float:left;
	height:19px;
}
div#headerSearch .inpSearch{
	color:#666666;
	height: 17px;
	padding:0px;
	/*position:fixed;*/
	margin:0px;
	border-left:0px;
	border-right:0px;
	border-top:1px solid #A0AD6A;
	border-bottom:1px solid #A0AD6A;
	width: 134px;
	clear:both;
	float:left;
}

/*------------------- TOP LOGIN AREA -------------------*/

.topLoginWrap {		
	float: right;
	padding: 3px 10px 0 0;		
}
.topLoginWrap a {	
	color: #494544;	
	font-weight: bold;
	text-decoration: none;	
}

.topLoginWrap a:hover{
	color: #ffffff;		
	text-decoration: none;	
}

.topLoginWrap form,
.topLoginWrap div {
	float: right;
	padding-left: 10px;
}

.loginOffContainer{		
	height:19px;
	float:right;
	padding-top: 3px;
}
.loginFrmContainer{
	height:19px;
	float:right;
}
.loginFrmContainer div, 
.loginOffContainer div{
	float:right;	
}
.topMenuLoginSep{
	margin:-2px 5px 0;
	background-image:url('../img/layout/dividerTopIcon.png'); 
	background-repeat:none;	
	width:5px;
	height:19px;
}
.topMenuLoginArrow{
	background-image:url('../img/icons/icon_small_arrowGrey.png'); 
	background-repeat:none;	
	width:11px;
	height:14px;
}
.topMenuAccount{
	padding-right:5px;
}
.topMenuAccount a{
	font-size:12px;
	font-weight:bold;
	color:#494544;	
	text-decoration:none;	
}
.topMenuAccount a:hover{
	font-size:12px;
	font-weight:bold;
	color:white;	
	text-decoration:none;	
}
.topMenuLogin a{
	font-weight:bold;
	color:#494544;	
	text-decoration:none;	
}
.topMenuLogin a:hover{
	font-weight:bold;
	color:white;	
	text-decoration:none;	
}
.inpSmallLogin{
	border:1px solid #666261;
	color:#666666;
	font-size:11px;
	width:100px;
	height:12px;
}

/* ============================================================
	FORMS
   ============================================================ */

.inpSmall{
	height:13px;
	width:50px;
	font-size:11px;
	color:#666666;
	border:1px solid #666261;
}
.inpLong{
	border:1px solid #666261;
	color:#666666;
	font-size:11px;
	width:120px;
}
.selectBox{
	border:1px solid #666261;
	color:#666666;
	font-size:11px;
	width:200px;
	height:18px;
	line-height:18px;
}
.inputDatePicker{
	border:1px solid #666261;
	color:#666666;
	width:68px;
	height:16px;
	padding: 3px 0 0 3px;
}
.fieldAreaBlock{
	height:30px;
	width:100%;
	float:left;
	text-align:left;
}
.ttlFieldBlock{
	float:left;
	clear:both;
	width:100px;
	text-align:left;
	padding:2px;
}
.fieldBlock{
	float:left;
}
.btnContainer{
	direction:rtl;
	padding-top:4%;
	padding-bottom:10px;
	padding-right: 10px;
	height:100%;
	overflow:hidden;
} 
.btnBlockPanel{	
	float:right;
}
.select1,.inputbox1{
	width:90px;
	border:1px solid #686868;
}
.input1{
	font-size:11px;	
}
.inputBox1{
	color:#000000;
	border: 1px solid #6f6d6c;
}
table.field{
	color:#666261;
}
table.fieldSmall{
	color:#666261;
}
table.fieldSmall td.star{
	padding-left:5px;
	text-align:left;
}
table.fieldSmall td.star span{
	color:red;
}
.msgErrorTextArea{
	overflow-y:auto;
	width: 90%;
	height:100px;
	border:1px solid #CDCDCD;	
	color:#666666;
	background:#E7E5E1;
}

ul.selectList {
	list-style: none; 
	margin: 0 auto; 
	width: 150px;
}

/* ============================================================
	FOOTER
   ============================================================ */
 
#footer{
	margin:10px 0px 10px 0px;
}   
.copyright{
	font-size:10px;
	color:#989292;
	height:50px;
	float:left;	
	width:80%;
}
.footerCopyrightArea{
	height:50px;
	width:100%;
}
.logoBottom{
	float:right;
	width:109px;
	height:15px;
	cursor:pointer;
	background-image:url('/img/logos/Logo_Tm_Small.png');
}

/* ============================================================
	SUPPORT
   ============================================================ */
   
.domainListTableHeaderCell,.domainListTableHeaderCell div table tr td{
	font-weight:normal;
	font-size:11px;
	height:27px;
	background-image:url('../img/layout/support/domainTableHeaderBg.png');
	background-repeat:repeat-x;
}
.domainListTableSapCell{
	width:2px;
	background-image:url('../img/layout/support/domainListTableSap.png');
	background-repeat:repeat-y;	
}
.domainListTableCell{
	font-weight:normal;
	font-size:11px;
	height:27px;
}
.domainListTableCell_over table tr td{
	color:#67771F;	/* green */
	text-decoration:underline;
	font-size:11px;
}
.domainListTableCell table tr td{
	color:#666261;		/* normal - gray */
	text-decoration:none;
}

.listTable_row2{
	background-color:#e1e1e1;
}


.ulSignupError{
	padding-left:20px;
}
.ulSignupError,.ulSignupError li{
	color:#AE4028;
	font-size:10px;
}
.ulSignupError a{
	color:#AE4028;
}
.ulSignupError a:hover{
	color:#677915;
}

/* ============================================================
	BOXE CAPTION
   ============================================================ */
   
.boxGradientCaption,.boxGradientCaption table tr td,.boxGradientBottomLink{
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	font-size:12px;	
}
.boxGradientBottomLink:hover{
	color:#ffffff;
	text-decoration:underline;
}

.boxYellowPad{	
	background: #f7be23 url('../img/layout/Content_Yellow_Header_Cap.png') no-repeat right;
	clear: both; 
	float: left;
	font-weight: bold;
	height: 15px; 	
	padding: 1px 8px 1px 15px;
	text-align: left;
}
.boxSolidCaption{
	font-weight:bold;
	color:#666666;
}
  
/* ============================================================
	GRID
   ============================================================ */
   
table#emptyGrid{
	width:715px;
	height:100px;
	text-align:center;
	border:1px solid gray;	
}
#pagerCpanel{
	background: #ffffff url('../img/panels/bg_pager_cpanel.png') 0 0 repeat-x;
	/*width:722px;*/
	width: 100%;
	height: 35px;
	margin: 0px;
	padding: 0px;
}
.featuresIcons span {
	margin-left: 2px;
}	
.featuresIcons span a {
	text-decoration: none;
}
.featuresIcons span img {
	width: 20px;
	height: 20px;
	border: none;	
}
.textInputDisabled{
	color:#666666;
	background:#E7E5E1;
}

.textAreaCommon{
	border:1px solid #CDCDCD;
	color:#666666;
}

.icon_available,.icon_taken{
	height:18px;
	width:24px;
	background-image:url('/img/icons/success.png');
	float:left;
}

.icon_taken{
	background-image:url('/img/icons/taken.png');
}

.span_warning_link{
	text-decoration:underline;
	cursor:pointer;
}