/*---------------Global------------------ */

body,h1,h2,h3,h4,h5,h6,p,form,fieldset,ul,ol,li,sup,dl,dd,select,input,button,blockquote{
	margin: 0;
	padding: 0; 
	}
	

ul,li,ol{
	list-style:none;
	}
body {
	margin:0;
	padding:0;
	font-family:Tahoma,Arial;
	font-size: 13px;
	color:#333;
	text-align: center;
	}
	
img{
	border:none;
	}
a{
	color:#333;
	text-decoration:none;
	}
a.red{
	color:#fb484c;
	}			
a:hover{
	text-decoration:underline;
	color:#000;
	}	
.flt_left{
	float:left;
	}

.flt_right{
	float:right;
	}

ul.inline li{
	display:inline;

	}
.aln-right{
	text-align:right;
}
p{
	margin:0 0 15px 0;
	line-height:17px;
}
p.last{
	margin-bottom:0;
	}

h1,h2,h3,h4,h5,h6{
	margin:0 0 15px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#333;
	font-weight:normal;
	}

h1{
	font-size:36px;
}
h2{
	font-size:24px;
}
h3{
	font-size:18px;
}
h4{
	font-size:14px;
	text-transform:uppercase
}
h5{
	font-size:12px;
	font-weight:bold;
}
h6{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#666;
}


input, 
select {
	vertical-align:middle;
}
input, 
textarea {
	padding:2px;
}
input.longText, 
textarea.longText {
	width:630px;

}

.mediumText {
	width:350px;
}		
.smallText {
	width:200px;
}
.miniText {
	width:50px;
}	

/* Layout*/	
.wrap{
	clear:both;
	width:1000px;
	margin:0 auto;
	text-align:left;
	}
	
.pad10{
	padding:10px;
	}
.pad20{

	padding:5px 20px 20px 20px;
	}	

div.mainContent{
	background:#E3E3E3 url(images/main-content-bg.jpg) left top repeat;
	}
div.mainContent .wrap{
	background:#fff;
	}	

div.rightCol{
	float:right;
	width:250px;
	}

div.homeRightCol{
	float:right;
	width:160px;
	}	
	
div.leftCol{
	float:left;
	width:640px;
	}
div.homeLeftCol{
	float:left;
	width:780px;
	}	


	
div.left{
	float:left;
	width:180px;
	}		


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	
}
.clearfix{
	zoom: 1;
}

input.text{
	padding:2px;
}	
/*-----------------------------------------
bread crumb

------------------------------*/
div.bc{
	margin:0px 0 3px 0;
}
div.addthis{
	float:right;
}
div.here{
	float:left;
	padding: -20px 0 0 0;
}
a.currentPage{
	padding:0 9px 0 0;
	background:url(images/arrow.png) right 4px no-repeat;
	color:#333;
	font-size:10px;
	line-height:10px;
}

/* common items */
a.downloadPDF{
	float:right;
	font-weight:bold;
	background:url(images/pdf.png) left center no-repeat;
	padding:0 0 0 30px;
	line-height:24px;
}
.mar-bot-15{
	margin-bottom:15px;
}
.float-rt{
	float:right;
}
.float-lt{
	float:left;
}
.bot-bor{
	border-bottom:1px dotted #666;
}
/* ---------->>> Column Widths <<<-----------*/
.columnwidth1 { width:1%; float:left; }
.columnwidth2 { width:2%; float:left; }
.columnwidth5 { width:5%; float:left; }
.columnwidth10 { width:10%; float:left; }
.columnwidth13 { width:13%; float:left; }
.columnwidth15 { width:15%; float:left; }
.columnwidth20 { width:20%; float:left; }
.columnwidth25 { width:25%; float:left; }
.columnwidth30 { width:30%; float:left; }
.columnwidth35 { width:35%; float:left; }
.columnwidth40 { width:40%; float:left; }
.columnwidth45 { width:45%; float:left; }
.columnwidth50 { width:50%; float:left; }
.columnwidth55 { width:55%; float:left; }
.columnwidth60 { width:60%; float:left; }
.columnwidth65 { width:65%; float:left; }
.columnwidth70 { width:70%; float:left; }
.columnwidth75 { width:75%; float:left; }
.columnwidth80 { width:80%; float:left; }
.columnwidth85 { width:85%; float:left; }
.columnwidth90 { width:90%; float:left; }
.columnwidth95 { width:95%; float:left; }
.columnwidth100 { width:100%; }
/* ---------->>> Column Widths Ends <<<-----------*/
/* ---------->>> Backgroundcolor Styles <<<-----------*/
.bgcolor1 { background-color:#FFFFFF; }
.bgcolor2 { background-color:#dedede }
.bgimg{ background:url(../images/bg1.png) repeat}
/* ---------->>> Backgroundcolor Styles Ends <<<-----------*/
/* ---------->>> Text Styles <<<-----------*/
h1 { font:normal 30px Georgia; }
h2 { font:bold 22px Georgia; color:#b40005;line-height:35px; vertical-align:top }
h2 span{line-height:25px; vertical-align:top;  }
h3 { font:bold 22px Georgia; color:#001536;line-height:35px;}
h4 { font:normal 15px Georgia; }
h5 { font:normal 13px Georgia; }
h6 { font:normal 12px Georgia; }

/*dark text*/
.textstyle1{font:normal 11px verdana;color:#b8b8b8;}
.textstyle1 a:link, .textstyle1 a:visited {font:normal 11px verdana;color:#b8b8b8; text-decoration:underline}
.textstyle1 a:hover {font:normal 11px verdana;color:#b8b8b8; text-decoration:none}

.textstyle3 { font:normal 15px arial; color:#000000;}
.textstyle3 a:link, .textstyle3 a:visited {font:normal 11px verdana;color:#000000; text-decoration:underline}
.textstyle3 a:hover {font:normal 11px verdana;color:#000000; text-decoration:none}


/*lighter text*/
.textstyle2 { font:normal 12px arial; color:#ffffff; }
.textstyle2 a:link, .textstyle2 a:visited {font:normal 11px verdana;color:#ffffff; text-decoration:underline}
.textstyle2 a:hover {font:normal 11px verdana;color:#ffffff; text-decoration:none}


.textstyle4 { font:normal 15px arial; color:#ffffff; }
.textstyle4 a:link, .textstyle4 a:visited {font:normal 11px verdana;color:#ffffff; text-decoration:underline}
.textstyle4 a:hover {font:normal 11px verdana;color:#ffffff; text-decoration:none}


/*Transform text to upper case*/
.texttransform { text-transform:uppercase; }

/* ---------->>> Text Styles Ends <<<-----------*/


/* ---------->>> Text Alignment <<<-----------*/
.textaligncenter { text-align:center }
.textalignleft { text-align:left }
.textalignright { text-align:right }
/* ---------->>> Text Alignment <<<-----------*/
/* ---------->>> Paddings - clears an area around the content (inside the border) of an element <<<-----------*/
.padding2 { padding:2px }
.padding5 { padding:5px }
.padding10 { padding:10px; }
.padding15 { padding:15px; }
.padding20 { padding:20px; }
.paddingtop2 { padding-top:2px; }
.paddingtop5 { padding-top:5px; }
.paddingtop10 { padding-top:10px; }
.paddingtop15 { padding-top:15px; }
.paddingtop20 { padding-top:20px; }
.paddingright2 { padding-right:2px; }
.paddingright5 { padding-right:5px; }
.paddingright10 { padding-right:10px; }
.paddingright15 { padding-right:15px; }
.paddingright20 { padding-right:20px; }
.paddingbottom2 { padding-bottom:2px; }
.paddingbottom5 { padding-bottom:5px; }
.paddingbottom10 { padding-bottom:10px; }
.paddingbottom15 { padding-bottom:15px; }
.paddingbottom20 { padding-bottom:20px; }
.paddingleft2 { padding-left:2px; }
.paddingleft5 { padding-left:5px; }
.paddingleft10 { padding-left:10px; }
.paddingleft15 { padding-left:15px; }
.paddingleft20 { padding-left:20px; }
/* ---------->>> Paddings <<<-----------*/


/* ---------->>> Margins - clears an area around an element (outside the border)  <<<-----------*/
.margin1 { margin:1px }
.margin2 { margin:2px }
.margin5 { margin:5px }
.margin10 { margin:10px; }
.margin15 { margin:15px; }
.margin20 { margin:20px; }
.margintop5 { margin-top:5px; }
.margintop10 { margin-top:10px; }
.margintop15 { margin-top:15px; }
.margintop20 { margin-top:20px; }
.marginright5 { margin-right:5px; }
.marginright10 { margin-right:10px; }
.marginright15 { margin-right:15px; }
.marginright20 { margin-right:20px; }
.marginbottom5 { margin-bottom:5px; }
.marginbottom10 { margin-bottom:10px; }
.marginbottom15 { margin-bottom:15px; }
.marginbottom20 { margin-bottom:20px; }
.marginleft5 { margin-left:5px; }
.marginleft10 { margin-left:10px; }
.marginleft15 { margin-left:15px; }
.marginleft20 { margin-left:20px; }
/* ---------->>> Margins <<<-----------*/

/* ---------->>> Form Styles <<<-----------*/
/*data grid*/
.formtableheader { font:bold 13px arial; color:#ffffff; background-color:#266aa9; word-wrap: break-word; line-height:20px; }
.formtablesubheader { font:normal 12px arial; color: #000000; background-color:#b7c3cf; padding:5px; word-wrap: break-word; }
.formtablerow { font:normal 12px arial; color: #000000; background-color:#eef2f6; text-decoration: none; padding:5px; word-wrap: break-word; }
.formtablerowalt { font:normal 12px arial; color: #000000; background-color:#e2e7ec; text-decoration: none; padding:5px; word-wrap: break-word; }
.formtablefooter { font:normal 12px arial; color:#ffffff; padding:5px; }
.formbackground { background-color:#858585; }
/*data grid ends*/

/* ---------->>> form label and text <<<-----------*/
form { padding:0px; margin:0px; }
.ui-widget-header {border:0px; background-color:#688660; color:#ffffff; font:normal 12px arial}
.formlabeltext { font:normal 12px arial; color:#7a7a7a; }
.FormLabelTextHeader { font:bold 13px arial; color:#7a7a7a; }
.formlabelheader { font:bold 18px arial; color: #c88415; padding-left:4px; text-align:left; line-height:25px; }
.formlabelsubheader { font:normal 12px arial; color: #7a7a7a; }
.formtextfield { font:normal 12px arial; color: #7a7a7a; height:22px; border: 1px solid #cacaca; background-color:#ffffff; }
.requiredfield { background-color:#efefef; }
.requiredlabel { color:#ff0000; text-align:center; }
.formtextarea { font:normal 12px arial; color: #7a7a7a; width:200px; text-decoration: none; border:1px solid #cacaca; }
/*end form label and text*/

/* ---------->>> form messages <<<-----------*/
.formerrortext { font:normal 12px arial; color: #af0202; text-align:left; background-color:#ffd4d4;padding:10px;}
.formmessagetext { font:normal 12px arial; color: #0962b4; text-align:left;background-color:#d7e4f1;padding:10px}
/* ---------->>> form messages Ends<<<-----------*/

/* ---------->>> form button <<<-----------*/
.formbutton1 { font:normal 12px arial; color:#ffffff; border: 1px solid #000000; background-color:#266aa9; text-decoration:none; cursor:pointer; 

padding:3px;}
/*active button*/
.formbutton2 { margin-right:40px; margin-top:-28px;}
/*inactive*/
.formbutton3 { font:normal 12px arial; color:#959595; border: 1px solid #d1cfcf; background-color:#dddddd; text-decoration:none; cursor:pointer; 

padding:3px;}

/*flexible button*/
a.flex_btn {/* Sliding right image */ background: transparent url('../images/flex_btn_right.png') no-repeat scroll top right; display: block; float: left; 

height: 24px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ margin-right: 6px; padding-right: 9px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH 

*//* FONT PROPERTIES */ /* FONT PROPERTIES */ text-decoration: none; color: #ffffff; font:normal 11px arial; }
a.flex_btn:link, a.flex_btn:visited, a.flex_btn:hover { text-decoration: none; color: #ffffff; font:normal 11px arial; }
a.flex_btn span {/* Background left image */ background: transparent url('../images/flex_btn_left.png') no-repeat; display: block; line-height: 20px; /* 

CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ padding: 2px 0 2px 9px; }
a.flex_btn:hover span { text-decoration:none; outline:none; }
/* /*flexible button ends*/
/* ---------->>> form button Ends<<<-----------*/


select { font:normal 12px arial; color:#7a7a7a; background-color:#ffffff; border:1px solid #cacaca; }
.formbullet { background:url(../images/build_formbullet.png) no-repeat left top; width:12px; }

/* ---------->>> iframe <<<-----------*/
.iframetransbg { background:none; border:none; }
.iframepopupbg { background:none transparent; border:none; }
/* ---------->>> iframe Ends <<<-----------*/

/* ---------->>> Pagination <<<-----------*/
.pagination { font:bold 12px arial; color:#555555; text-decoration:none; text-align:left; }
a.pagination:link, a.pagination:visited, a.pagination:hover { font:normal 12px arial; color:#555555; text-align:left; cursor:pointer; text-decoration:none; }
.paginationactive { font:bold 12px arial; color:#000000; text-decoration:none; text-align:left; }
/* ---------->>> Pagination Ends<<<-----------*/

/* ---------->>> tabs <<<-----------*/
.formtabactive { background-color:#006699; font:normal 12px arial; color:#ffffff; height:30px; line-height:30px; width:150px; text-align:center; 

cursor:pointer }
.formtabinactive { background-color:#cccccc; font:normal 12px arial; color:#7d7d7d; height:30px; line-height:30px; width:150px; text-align:center; 

cursor:pointer }

/* ------->>> tabs - css gradient <<<------- */
.tabactivegradient { filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#eed000',EndColorStr='#dfb500'); background: -moz-

linear-gradient(top, #eed000, #dfb500); background: -webkit-gradient(linear, left top, left bottom, from(#eed000), to(#dfb500)); }
.tabinactivegradient { filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#d6d6d6',EndColorStr='#bfbfbf'); background: -moz-

linear-gradient(top, #d6d6d6, #bfbfbf); background: -webkit-gradient(linear, left top, left bottom, from(#d6d6d6), to(#bfbfbf)); }

/*tabs with image*/
.tabnavbar { float:left; width:300px; }
.tabnavbar ul{ margin:0px; padding:0px;display:inline; list-style:none;}
.tabnavbar ul li{margin:0px;padding:0px;display:inline;list-style:none;float:left;background:url(../images/formtabinactive.jpg) no-repeat 

left;height:32px;width:121px; margin-right:3px;}
.tabnavbar ul li a{text-align:left;font:bold 12px arial;color:#2d3c4d;text-decoration:none;line-height:32px;width:121px;display:inline-block; padding-

left:10px; vertical-align:middle}
.tabnavbar ul li a span, .tabnavbar ul li.active span{text-align:left; height:20px; display:inline-block; padding-left:5px; vertical-align:middle;padding-

right:5px;}
.tabnavbar ul li a:hover{ background:url(../images/formtabactive.jpg) no-repeat  top left; text-align:left; font: bold 12px arial; color: #2d3c4d; text-

decoration:none; line-height:32px; width:121px; display:inline-block;  padding-left:10px; vertical-align:middle}
.tabnavbar ul li a:focus{ background:url(../images/formtabactive.jpg) no-repeat  top left; text-align:left; font: bold 12px arial; color: #2d3c4d; text-

decoration:none; line-height:32px; width:121px; display:inline-block;  padding-left:10px; vertical-align:middle}
.tabnavbar ul li.active{ background:url(../images/formtabactive.jpg) no-repeat top left; text-align:left; font: bold 12px arial; color: #2d3c4d; text-

decoration:none; line-height:32px; width:121px; display:inline-block; padding-left:10px;}
/*tabs with image ends here*/

/*flexible tabs*/

a.flextabactive {/* Sliding right image */background: transparent url('../images/flextabactive_right.png') no-repeat scroll top right;display: block;float: 

left;height: 32px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */margin-right: 12px;padding-right: 12px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE 

WIDTH *//* FONT PROPERTIES */
/* FONT PROPERTIES */text-decoration: none;color: #ffffff;font:normal 12px arial;}
a.flextabactive:link, a.flextabactive:visited, a.flextabactive:hover {text-decoration: none;color: #ffffff;font:normal 12px arial;}
a.flextabactive span {/* Background left image */ background: transparent url('../images/flextabactive_left.png') no-repeat;display: block;line-height: 28px; 

/* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */padding: 2px 0 2px 9px;}
a.flextabactive:hover span {text-decoration:none;outline:none;}


a.flextabinactive {/* Sliding right image */background: transparent url('../images/flextabinactive_right.png') no-repeat scroll top right;display: 

block;float: left;height: 32px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */margin-right: 12px;padding-right: 12px; /* CHENGE THIS VALUE ACCORDING TO 

RIGHT IMAGE WIDTH *//* FONT PROPERTIES */
/* FONT PROPERTIES */text-decoration: none;color: #ffffff;font:normal 12px arial;}
a.flextabinactive:link, a.flextabinactive:visited, a.flextabinactive:hover {text-decoration: none;color: #ffffff;font:normal 12px arial;}
a.flextabinactive span {/* Background left image */ background: transparent url('../images/flextabinactive_left.png') no-repeat;display: block;line-height: 

28px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */padding: 2px 0 2px 9px;}
a.flextabinactive:hover span {text-decoration:none;outline:none;}

/*flexible tabs ends*/

/* ---------->>> Form Styles <<<-----------*/




/*---------->>> Gradient effect <<<-------*/
.gradient {filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#a3b6cb',EndColorStr='#bbdbff'); background: -moz-linear-gradient

(top, #a3b6cb, #bbdbff); background: -webkit-gradient(linear, left top, left bottom, from(#a3b6cb), to(#bbdbff));}


/* ---------->>> Page Structure <<<-----------*/
#wrapper {}
.innerwrapper { margin:0 auto;width:1000px;}
#headerwrapper {background:#ffe85e; height:92px; width:1001px; margin:0 auto; font:normal 24px arial; color:#ffffff; border-bottom:1px solid #d5d5d5;}
#content .innerwrapper { min-height:600px;height:100%; overflow:auto; width:970px;}
.leftpanel{}
.rightpanel{ background-color:#ffffff;}
.Jquery{ width:100%; background-color:#101010; height:345px;}
.container2{width:100%; height:230px;}
.header2{position:relative; z-index:20; margin-left:-10px;margin-top:-40px;}
.secheader2{ background:url(../images/Robin-Recommends-Popular.png) no-repeat right; height:67px; width:236px; float:left;}
.secheader3{ background:url(../images/Robin-Recommends-Recent.png) no-repeat right; height:67px; width:236px; float:left;}
.secheader4{ background:url(../images/Wall-of-Fame-Popular.png) no-repeat right; height:67px; width:236px; float:left;}
.secheader5{ background:url(../images/Wall-of-Fame-Recent.png) no-repeat right; height:67px; width:236px; float:left;}
.secheader6{ background:url(../images/Articles-Popular.png) no-repeat right; height:67px; width:236px; float:left;}
.secheader7{ background:url(../images/Articles-Recent.png) no-repeat right; height:67px; width:236px; float:left;}
.secheader8{ background:url(../images/Fun-Stuff-Popular.png) no-repeat right; height:67px; width:236px; float:left;}
.secheader9{ background:url(../images/Fun-Stuff-Recent.png) no-repeat right; height:67px; width:236px; float:left;}
.secheader2 span, .secheader3 span, .secheader4 span, .secheader5 span, .secheader6 span, .secheader7 span, .secheader8 span, .secheader9 span{ font:normal 18px Georgia; color:#000000; line-height:80px; padding-left:12px;margin-left:0px}

.section3{ background:url(../images/section3bg.png) no-repeat left; width:384px; height:205px;border:1px solid #95abb4}
/* ---------->>> Page Structure Ends <<<-----------*/

/* ---------->>> Navigation Starts <<<-----------*/
#navwrapper {background:url(images/sub-nav-bg.png) repeat-x; height:32px; width:100%; margin-top:1px}

#nav { }
.mainnav {z-index:10000; position:relative; float:left;}
.mainnav ul {margin:0px; padding:0px;}

/* --------------// Top Level Menus starts //----------- */
.mainnav ul li {position: relative; display: inline; float: left;}
.mainnav ul li.mainnavLink a {display: block;}
.mainnav ul li.mainnavLink a:link, .mainnav ul li.mainnavLink a:visited {font:bold 13px verdana; color:#ffffff; text-decoration:none;padding:8px 15px 5px 20px;}
.mainnav ul li.mainnavLink a:hover { font:bold 13px verdana; color:#DF9E37; text-decoration:none;padding:8px 15px 5px 20px;}
.mainnavLinkActive {font:bold 13px verdana; color:#DF9E37; text-decoration:none; padding:8px 0px 5px 17px;}
.mainnav ul li.mainnavLinkActive a {display: block; }
.mainnav ul li.mainnavLinkActive a:link, .mainnav ul li.mainnavLinkActive a:visited, .mainnav ul li.mainnavLinkActive a:hover {bold 13px verdana; 

color:#bbe1ff; text-decoration:none;}
/* --------------// Top Level Menus Ends //----------- */

/* --------------// Sub Level Menus starts //----------- */
.mainnav ul li ul {position: absolute; left: 0; display: block; visibility:hidden; margin-top:0px; padding:0px; z-index:10000;}
.mainnav ul li ul li ul {display:none; margin:0px; padding:0px; }
.mainnav ul li.mainnavLink ul li a, .mainnav ul li.mainnavLinkActive ul li a { width: 160px; display:block; padding:8px; border-bottom:1px solid #ffffff; 

border-right:1px solid #ffffff; }

/* --------------//  Sub level menu links style  //----------- */
.mainnav ul li.mainnavLink ul li a:link, .mainnav ul li.mainnavLink ul li a:visited, .mainnav ul li.mainnavLinkActive ul li a:link, .mainnav ul 

li.mainnavLinkActive ul li a:visited {font:bold 12px verdana; color:#ffffff; text-decoration:none; text-align:left; padding:10px 5px 5px 13px; display:block; 

height:20px; background:#858585; }

/* --------------//  sub menus hover style  //----------- */
.mainnav ul li.mainnavLink ul li a:hover, .mainnav ul li.mainnavLinkActive ul li a:hover{font:bold 12px verdana; color:#fccb5d;text-

decoration:none;background:#858585;}
.mainnav ul li.mainnavDivider img { display:none; }

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass {position:relative; margin-top:-10px}
.rightarrowclass { position: absolute; margin-top:0px; right: 5px; }

/* ---------->>> Navigation Ends <<<-----------*/

.articleListStyle{float:left; margin-top:-20px;}