/**************************************************/
/* Proprofs.com */
/* Common css styles for proprofs.com*/
/**************************************************/


/* Main Style - used for layout*/
* {
	margin:0;
	padding:0
}

body {
	color:#333;
	font:83%/1.5 arial,tahoma,verdana,sans-serif; 
	min-width:990px; 
	font-weight:normal;
} /* IE doesn't support min/max-width, so this doesn't work for IE folks */


/* Wrappers */
#wrap {margin:0;position:relative;text-align:left; padding:10px 0px 0px 0px; background:#fff;}
#contentbox {margin:15px 5px 0px 10px; font-size:93%;}
#contentbox a:link, #content  a:visited {text-decoration:none}
#contentbox  a:hover {text-decoration:underline; color:#069;}
#sidebar { width:200px; padding:12px 5px 40px 5px; margin:0; float:right;}
#content-wrap {background: #fff;width:100%;min-height:630px; height:auto;}   /* MB1.1 - Better footer placement - legacy */
#content-wrap1 {background: #fff;position:relative;width:100%;min-height:630px; height:auto;} /* MB2.0 - " when not logged in */
#content-wrap2 {background: #fff;position:relative;width:100%;min-height:630px; height:auto;}  /* MB2.0 - " when logged in */
#content-wrap3 {background: #fff;position:relative;width:100%;min-height:630px; height:auto;}  /* MB2.0 - " when logged in, no cat box */

/*Top header border*/
.headerTextBorder{
	border-bottom:1px dotted #666666;
	background-color:#fdc25c;
	padding:3px;
	font-weight:bold;
	font-size:15px;
	letter-spacing:-1px;
}

/*** Clear DIV ****/
.cleaR{
	margin:5px 0 5px 0;
}

/* General Styles */
ul {list-style:none}
img {border:none} 
hr {margin:1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 
table{margin:0px;}

/* Link Styles */
a,a:link,a:link,a:link,a:hover {cursor:pointer;} 
a:link {color:#3B5998; text-decoration:underline;} 
a:visited {color:#3B5998; text-decoration:underline;} 
a:hover,a:active {color:#069;} 

/* Forms Styles */
form {margin:0;}
input{font-size:15px;}
input.text {font-family: Helvetica, Arial, sans-serif; margin:2px 0; height:18px; color:#666666; font-weight:bold; border:#aaa 1px solid; padding:2px 2px 2px 2px; font-size:15px; vertical-align:middle;}
.textField{font-family: Helvetica, Arial, sans-serif; margin:2px 0; height:18px; color:#666666; font-weight:bold; border:#aaa 1px solid; padding:2px 2px 2px 2px; font-size:15px; vertical-align:middle;}
input.login{padding:3px 5px 3px 5px; font-family: Helvetica, Arial, sans-serif; font-size:14px; letter-spacing:0px; font-weight:bold;}
input.submit{padding:3px 5px 3px 5px; font-family: Helvetica, Arial, sans-serif; font-size:14px; letter-spacing:0px; font-weight:bold; }
.divSectionBox{padding:8px; margin:10px 0 15px 0; border:1px #dedede solid; background-color:#eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 1px 1px 1px #fff;}
.divSectionHeader{padding:3px 3px 3px 10px; margin:0; background-color:#f7f7f7; font-size:18px; letter-spacing:-1px; border-bottom:1px solid #aaaaaa;}
.divSectionHeader h2{ padding:5px 5px 5px 25px; margin:0; font-size:16px; text-decoration:none; border:none;}
.divSectionNav{padding:3px 3px 3px 10px; margin:0; background-color:#f7f7f7; font-size:18px; border-top:1px solid #ddd;}
.divSectionMid{padding:3px 3px 3px 10px; margin:0px 0px 0px 0px; background-color:#f7f7f7; font-size:12px; border-bottom:1px solid #ddd;}
.divSectionMid table td{font-size:12px; font-weight:normal;}
.catLabel{font-size:11px; font-weight:bold;  padding:2px;}
.catLabel:hover{ cursor:pointer; color:#ffffff; background-color:#666666;}
#categorySection{margin:5px 5px 0px 5px; padding:10px;}
#categorySection ul{list-style:none; list-style-type:none;}
#categorySection ul li{list-style-type:none; background-color:#fff; border:1px solid #ddd; border-left:3px solid #ddd; margin:0 7px 5px 0; width:190px;}
.infoText{font-size:12px; letter-spacing:normal; color:#666666; }
.divSectionInner{margin:0;background:#ffffff; }
.divSectionFooter{padding:3px 3px 3px 5px; margin:0; background-color:#666; border-top:1px solid #000; color:#fff; font-size:12px;}

fieldset { border:1px #ccc solid;margin:1em 0; font-weight: normal; padding:15px;  background:url(../bgfill_grey.html) repeat-x top left;}
 /* only for IE */ * html fieldset {background:none;}
fieldset dl {	margin:0;padding:0}
fieldset dt {	clear:left;float:left;width:18em;text-align:right;padding:0 1em 0.5em 0}
fieldset dd {	padding:0 0 0.5em 0;font-weight:bold}
fieldset.labels label {	width:10em;float:left;text-align:right;display:block;padding:0.2em 0.5em 0.2em 0}
fieldset.labels div {	padding:0.2em 0;clear:left} 

label {display:block;padding:5px 0;font-weight:bold; font-size:130%; cursor:pointer;}
.tiplabel{display:block;padding:5px 0; font-size:11px; font-weight:normal; cursor:pointer;}
label br {clear:left}
legend { font-weight:normal; letter-spacing:-1px;padding:0px 7px 0px 7px;color:#333; font-size:110%; background-color:#eeeeee; border:1px #ccc solid; text-transform:capitalize;}

/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {letter-spacing:-1px;font-family: Helvetica, Arial, sans-serif; margin:.2em 0 .3em;color:#000;border-bottom:1px solid #eee;padding-bottom:.1em;}
h1 {font-size:140%;}
h2 {font-size:136%}
h3 {font-size:126%}
h4 {font-size:116%}
h5 {font-size:106%}
h6 {font-size:96%}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#fff;font-weight:bold;margin-top:10px;border:1px solid #ff0000;background:#CC0000;padding:5px;}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font:bold 82% arial;color:#bbb;display:block;letter-spacing:1px}

/* LAYOUT - main body of page */
       
/* PAGE NUMBERING NAVINGATION */ 	
	/* Warning! 'function do_pages' in html1.php must be hacked in order for these to work  */  
    .pages {position:relative;padding:2px 2px 2px 7px;float:right; margin-bottom:10px; font-size:14px; text-shadow: 1px 1px 1px #fff;}
    .pages p {text-align:right}
    .pages p span{padding:2px 6px; border:1px solid #ddd; margin:0px 0px 0px 5px; color:#888;}
    .pages p span.current{padding:2px 6px; color:#23A6C7; color:#333; font-weight: bold; border:1px solid #ddd; margin:0px 0px 0px 5px;}
    .pages p a, .pages p a:visited{padding:2px 6px; background: #EFF7FF; color:#069; border:1px solid #C2D9EF; margin:0px 0px 0px 5px; -moz-border-radius: 1px; -webkit-border-radius: 1px;}
    .pages p a:hover, .pages p span a:hover{text-decoration:none; background:#fff; }
    
 
/**** Orange bullet Lists *******/
.orangeList{ padding:0px 10px 10px 10px; margin:0px 10px 10px 10px; }
.orangeList li { list-style:url(../bullet_orange.html); margin:7px;  }


/* one Corner Round Box, for each of the sidebar box */
.oneCornerRoundBox{
margin:5px 0px 5px 0; padding:2px 1px 0px 2px;  background:#fff url(../sidebarboxbg.html) no-repeat left top; background-position:0px 0px;
}
#insideCornerBox {padding:2px 1px 5px 5px;border-right:2px #eee solid; border-bottom:2px #eee solid; background-position:0px -2px;}
/*#insideCornerBox strong {display:block;font-size:120%;padding:3px;margin:2px;color:#000;border-bottom:2px solid #eee;}*/
#insideCornerBox strong {display:block;font-size:120%;padding:3px;margin:2px;color:#000;border-bottom:none;}

.insideCornerBox {padding:2px 1px 5px 5px;border-right:2px #eee solid; border-bottom:2px #eee solid; background-position:0px -2px;}
/*#insideCornerBox strong {display:block;font-size:120%;padding:3px;margin:2px;color:#000;border-bottom:2px solid #eee;}*/
.insideCornerBox strong {display:block;font-size:120%;padding:3px;margin:2px;color:#000;border-bottom:none;}


/*** new category list container ***/
#navcontainer { width: auto; padding:2px 2px 2px 2px; margin:0px -2px -7px 0px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

#navcontainer a
{
	font-size:14px;
	display: block;
	padding: 3px 3px 3px 30px;
	background:url(../_folder_icon.html) no-repeat ;
	background-position:8px 3px;
	margin:0px -2px 0px -7px;
	width:auto;
    letter-spacing: normal;
	color:#3B5998;
	font-weight:normal;
	border-bottom: 1px solid #efefef;
	outline:none;
}

#navcontainer li.current
{
	font-size:14px;
	display: block;
	padding: 3px 3px 3px 30px;
	margin:0px -2px 0px -7px;
	border-bottom: 1px solid #efefef;
	background:url(../_folder_icon.html) no-repeat;
	background-position:8px 3px;
	color:#000;
    letter-spacing: normal;
	width:auto;
	font-weight:bold;
}

#navcontainer a:link, #navcontainer a:visited
{
	color:#3B5998;
	text-decoration: none;
}

#navcontainer a:hover
{
	background:url(../_folder_icon.html) no-repeat;
	background-position:8px 3px;
	margin:0px -2px 0px -7px;
	color:#069;
	text-decoration:underline;
	border-bottom:1px solid #efefef;
}    

#sidebottombox{ padding:5px;}
#sidebottombox a { text-decoration:none; }
#sidebottombox a:hover{ text-decoration:underline;}
#sidebottombox a:visited{text-decoration:none;}

#sidebottombox a.feedback, #sidebottombox a.feedback:visited{
	background:url(../feedback_icon.html) no-repeat left;
	padding:3px 3px 3px 22px;
	border-bottom: 1px solid #efefef;
	display: block;
}
#sidebottombox a.feedback:hover{text-decoration:underline;}

#sidebottombox a.subscribe, #sidebottombox a.subscribe:visited{
	background:url(../rss_icon.html) no-repeat left;
	padding:3px 3px 3px 22px;
	display: block;
	border-bottom: 1px solid #efefef;	
}
#sidebottombox a.subscribe:hover{text-decoration:underline;}

#sidebottombox a.spy, #sidebottombox a.spy:visited{
	background:url(../icon_spy.html) no-repeat left;
	padding:3px 3px 3px 22px;
	display: block;
	border-bottom: 1px solid #efefef;	
}
#sidebottombox a.spy:hover{text-decoration:underline;}

#sidebottombox a.sharesug, #sidebottombox a.sharesug:visited{
	background:url(../share_email_icon.html) no-repeat left;
	padding:3px 3px 3px 22px;
	display: block;
	border-bottom: 1px solid #efefef;	
}
#sidebottombox a.sharesug:hover{text-decoration:underline;}

#sidebottombox a.help, #sidebottombox a.help:visited{
	background:url(../help_16x16.html) no-repeat left;
	padding:3px 3px 3px 22px;
	display: block;
	border-bottom: 1px solid #efefef;	
}
#sidebottombox a.help:hover{text-decoration:underline;}
    
/* Footer -------------------------------------------------------------------------------------------------------------------------------------*/
  .footer {clear:all;border-top:1px solid #E3E8EE;padding:10px 0 30px 15px;font-size:86%;color:#999; margin-top:15px;}
    .footer a:link, #footer a:visited {color:#999}


/* News items  --------------------------------------------------------------------------------------------------------------------------------*/
.news-summary {padding:7px 0 22px 0;position:relative;clear:left; font-size:100%; }
/* Headline - Sameer*/
/*.top {padding:5px;margin-left:0px;background-color:#f7f7f7;border:4px solid #eee;}*/
.storyDescbox{
margin:0 0px 10px 0; padding:1px 1px 0px 1px;  background:#fff url(../gif/storycontentbg.gif) no-repeat left top; background-position:0px 0px;
}
.storyDescbox  a:link, .storyDescbox  a:visited {color:#3B5998; text-decoration:none;}
.topLinkBar{ padding:0px 0px 0px 2px;}
.top {padding:0px 5px 5px 10px;border-right:2px #eee solid; border-top:2px #eee solid;border-bottom:2px #eee solid; background-position:0px -2px; letter-spacing:normal;}
.top h4 {margin:0;padding-left:4px;font-size:120%;font-weight:bold}
.top h4 a:link, .top h4 a:visited {color:#000;text-decoration:none}
.top h4 a:hover {color:#069;text-decoration:underline}
.top h3 {margin:0 0 3px 0;padding-left:4px;font-size:105%;font-weight:bold; border:none;}
.top h3  a:link, .top h3  a:visited {text-decoration:none}
.top h3  a:hover {color:#069;text-decoration:underline}
#nocatcol {border-top:5px solid #999;}

/*** story title ***/
.storyTitle{margin:0 0 3px 0;padding-left:4px;font-size:15px; font-weight:bold; letter-spacing:-1px;font-family: Helvetica, Arial, sans-serif; margin:.2em 0 .3em;color:#000;padding-bottom:.1em; border:none;}
.storyTitle  a:link, .storyTitle  a:visited {color:#3B5998; text-decoration:none;}
.storyTitle  a:hover {color:#069;text-decoration:underline}

storyTitle_h3 {color:#3B5998;}
.storyTitle_h3 a{margin:0 0 3px 0;padding-left:4px; font-size:15px; font-weight:bold; letter-spacing:-1px;font-family: Helvetica, Arial, sans-serif;margin:.2em 0 .3em;padding-bottom:.1em; border:none; border:none; color:#3B5998;}
.storyTitle_h3  a:link, .storyTitle_h3  a:visited {color:#3B5998; text-decoration:none;}
.storyTitle_h3  a:hover {color:#069;text-decoration:underline}

/**** story detail box, tables****/
#storyDetails{
	margin:0 2px 0 0;
	font-weight:normal;
	padding:1px;
	border-top:1px dotted #999999;
}
#storyDetails table td{
	
	padding:1px;
	border:1px solid #fff;
	margin:0;
}
#storyDetails table td table td{
	
	padding:0px;
	border:none;
	margin:0 0 0 -2px;
}
#storyDetails table td input{
	font-size:12px;
	padding:1px;
	margin:0 0 0 0;
	letter-spacing:0px;
}

/*** reply comment icon ***/
.reply-comment{
	background:url(../gif/reply-comment.gif) no-repeat left;
	padding:3px 10px 3px 14px;
	font-size:11px;
}


/*breadcrumb common*/
/*****USer Profile Menu******/
#userProfileMenu{
	margin:0px 0px 0 25px; font-size:13px;
	padding:0px 5px 0px 5px;
	font-size:11px;
}
#userProfileMenu ul {list-style:none;}
#userProfileMenu li {float:right;}

/*********** Browse by navigator *******/
.browsebytitle{
	padding:8px 8px 8px 0px;
	float:left;

}

/*** Shaded tabs for browse by section ***/
.browseby{
	float:left;
	letter-spacing:-1px;
	font-size:12px;
	color:#333333;
}
#browsetab{
	border-bottom:2px solid #cccccc;
	padding:0px 0px 6px 0px;
	margin-bottom:15px;
}
.shadetabs{
padding: 0px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: 14px Arial;
letter-spacing:-1px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
position: relative;
}

.shadetabs li{
display: inline;
margin: 0px 5px 0px 0px;
}

.shadetabs li a{
text-decoration: none;
padding: 6px 16px;
border: 2px solid;
border-color: #cccccc;
color: #3B5998;
background-color: #efefef;
}

.shadetabs li a:visited{
color: #3B5998;
}

.shadetabs li a:hover{
text-decoration: none;
color:#069;
}

.shadetabs li.tabselected{
position: relative;
color:#069;
top: 0px;
}

.shadetabs li.tabselected a{ /*selected main tab style */
background-image: url("../tab_bg.html");
border-bottom-color: #f7f7f7;
font-weight:bold;
color:#3B5998;
}

.shadetabs li.tabselected a:hover{ /*selected main tab style */
text-decoration: none;
color:#069;
}





/**** Section Home page top 3 button styles ***/
#sectionTopMenu {
	margin:0;
	background:url(../left-top-corner-bg.html) left top no-repeat;
	padding:2px 0 0 7px;
	text-align:left;
	font-size:11px;
}

.boldTitle{
	letter-spacing:-1px;
	
}
.boldTitle h1, .boldTitle h1 a, .boldTitle h1 a:link, .boldTitle h1 a:visited  {
	font-size:15px;
	border:none;
	text-decoration:none;
}

/*for flashcards*/
.boldTitle h2, .boldTitle h2 a, .boldTitle h2 a:link, .boldTitle h2 a:visited  {
	font-size:15px;
	border:none;
	text-decoration:none;
}

/***** Short Description text for home page ********/
.shortDesc{
	padding:5px;
	font-size:11px;
	color:#666666;
}
.shortDesc a{ text-decoration:none }
.shortDesc a:hover{text-decoration:underline}

/*** tag directory table ****/
.tagDirectory{
	margin-top:-10px;
	font-size:13px;
	font-weight:normal;
}

.topcat a, .topcat a:link, .topcat a:visited, .topcat a:hover{
	font-size:15px;
	letter-spacing:-1px;
	text-decoration:underline;
	font-weight:bold;
}

.catHeading {
	margin:0;
	background:url(../left-top-corner-bg.html) left top no-repeat;
	padding:7px 5px 5px 7px;
	text-align:left;
}
.catHeading a, .catHeading a:link, .catHeading a:visited, .catHeading a:hover{
	text-decoration:none;
	padding:0 2px 0 2px;
	
}
.catHeading a:hover{
	color:#069;
	border-bottom:none;
}


/***story page banner ***/
.bannerStory{
	padding:1px ;
	margin:1px 0 0px 0;
	border:1px solid #ccc;
	width:auto;
}

/***** Story Content, Description ***/
.storyContent{
	font-family: Helvetica, Arial, sans-serif;
	margin-top: 0.2em;
	margin-right: 0pt;
	margin-bottom: 0.1em;
	margin-left: 0pt;
	line-height: 1.5;
	font-size:12px;
	background-color:#fff;
	padding:2px;
	font-weight:normal;
	letter-spacing:0.2px;
}

/*** Search highlight ***/
.searchHighlight{
	background-color:#FFFF33;
	color:#0033CC;
}

/*******Scribd viewer (div) border******/
.scribdviewer{
	border:2px solid #bebebe;
}


/*** Status Messages DIV ********************/

/*** Information Div ***/
#information{ padding:5px 0px 5px 5px; margin:10px 0px 10px 0px; background-color:#fcf3d3; color:#AC7231; border:1px solid #e9c362; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#information p{ padding:5px; font-weight:normal; font-size:14px; }
#information p a{ text-decoration:none;}

/*** Error Info Div ***/
#errorInfo{ padding:5px 0px 5px 5px; margin:10px 0px 10px 0px; background-color:#fdecef; color:#AD2C3E; border:1px solid #e9233f; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
#errorInfo p{ padding:5px; font-size:14px; }
#errorInfo p a{ text-decoration:none;}

/*** Success Info Div ***/
#successInfo{ padding:5px 0px 5px 5px; margin:10px 0px 10px 0px; background-color:#effbed; color:#000; border:1px solid #278518; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#successInfo p{ padding:5px; font-size:14px; }
#successInfo p a{ text-decoration:none;}


/************Quiz Options Table*****************/
.greybordertable table{ font: 12px  Arial, Helvetica, sans-serif; text-transform:none; }

.greaybullet{
	padding: 5px;
	font-size:1.2em;
	line-height:20px;
}
	
.greybordertable table td {
	border-bottom: 1px solid #efefef;
	background: #ffffff;
	padding: 6px 6px 6px 8px;
	color:#333333;
	
}

.greybordertable table td.alt {
	background: #f7f7f7;
	padding: 6px 6px 6px 8px;
	color:#333333;
}

.greybordertable table td.tla {
	background: #fff;
	padding: 6px 6px 6px 8px;
	color:#333333;
}

/*tooltip help css*/
div#qTip {
 margin:5px 5px 5px 0px;
 padding: 5px;
 border: 1px solid #777;
 border-right-width:  2px;
 border-bottom-width: 2px;
 display: none;
 background: #999;
 color: #FFF;
 font: 12px Arial, Helvetica, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
 width:230px;
}

div#qTip .title {
 padding: 5px;
 border-bottom:1px solid #fff;
} 

.qtip_temp:link{text-decoration:none;}
.qtip_temp:hover{text-decoration:none;}

/********Form note***********/
.form-note{
	color:#666666;
	font-size:11px;
}

/*************Grey box for QS, FC and WS home page**********/
#featureGreyBox{
	margin:5px 0px 5px 0; padding:1px 0px 0px 2px;
	background:#fff url(../gif/storycontentbg.gif) no-repeat left top; background-position:0px 0px;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;	
}
 .featureContainer{
	padding:3px 5px 5px 5px;	
}	

/************** QS, FC and WS HOME 3 main button icons **********/
.createQuiz_icon{
	background:url(../createquiz_small.html) no-repeat left;
	padding:5px 5px 5px 30px;
}
.findShare_icon{
	background:url(../find-n-share_small.html) no-repeat left;
	padding:5px 5px 5px 30px;
}
.spyAct_icon{
	background:url(../spy_small.html) no-repeat left;
	padding:5px 5px 5px 30px;
}

/******************Resize Images within theIMG tags Form Embed and normal quiz play***************/
.eresized {
  width: 150px;
  height: auto;
}

.resized {
  width: 450px;
  height: auto;
}


/***********Red Mark, mainly used in Forms, validations, with DIVs**************/
.markRed{
	background-color:#FF0000;
	color:#ffffff;
	font-weight:bold;
	padding:3px;
}

/*Loading bar*/
.loadingBar{
background: #3B5998; color:#fff; position:absolute; z-index: 1000; width:140px;  padding:2px 2px 2px 5px; font-size:11px; 
}

.redtext{
	color:#FF0000;
}

.greentext{
	color:#009900;
}

.color_gray{
	color:#666;
}

/*************Small Content***************/
.smallContent{ font-size:11px; font-family:sans-serif, Arial; color:#555; }

/*******Story page listbox style*****************/
#qList { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%;}
#qList select{ border:2px solid #666; border-left:2px solid #666; border-top:2px solid #666; padding:0px; cursor:pointer; background:#fff; min-width:424px; _min-width:424px; }
#qList option { padding:7px; border-bottom:1px solid #ddd; }
#qList option.odd{ background-color:#f7f7f7;}
#qList .btitle{font-weight:bold; font-size:14px; padding:5px;}


/* Begin CSS Round Corner */
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#efefef}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #efefef;
  border-right:1px solid #efefef;
  background:#efefef}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #efefef;
  border-right:1px solid #efefef;
  background:#efefef}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #efefef;
  border-right:1px solid #efefef;}
.spiffy4{
  border-left:1px solid #efefef;
  border-right:1px solid #efefef}
.spiffy5{
  border-left:1px solid #efefef;
  border-right:1px solid #efefef}
.spiffyfg{
    padding:5px 20px 0px 20px;
	margin-left:0px;
	margin-bottom:10px;
    background:#efefef;
    color:#666;
    font-family:Helvetica, Arial, sans-serif;
    font-size:15px;
    line-height:20.20px;
    letter-spacing:0.30px;
    font-weight:bold;
	border:none;
  }
  .spiffyfg h1{font-size:22px; color:#000;font-family:Helvetica, Arial, sans-serif; font-weight:normal; padding:0px; padding-bottom:10px;}
/* end CSS Round Corner */ 
 
 
/* begin css tabs */
ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 14px arial, sans-serif; /* set font as desired */
/*border-bottom: 1px solid #6c6; *//* set border COLOR as desired */
list-style-type: none;
padding: 7px 10px 7px 0px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 7px 8px 7px 8px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #ddd; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #f7f7f7; /* set unselected tab background color as desired */
color: #3B5998; /* set unselected tab link color as desired */
margin-right: 5px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
outline:none;
}
ul#tabnav li a.current { /* settings for all tab links */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
}

ul#tabnav a:hover, ul#tabnav li a.current:hover { /* settings for hover effect */
background:#fff; /* set desired hover color */
border:1px solid #ccc; border-bottom:none;
color:#069;
text-decoration:none;
}
/* end css tabs */


/*New Tabs Icons*/
.icn-feature-en{
    background:url(../icon_star_en.html) left no-repeat;
	padding: 7px 8px 7px 20px;
}
.icn-feature-db{
    background:url(../icon_star_db.html) left no-repeat;
	padding: 7px 8px 7px 20px;
}

.icn-recent-en{
    background:url(../icon_clock_en.html) left no-repeat;
	padding: 7px 8px 7px 20px;
}
.icn-recent-db{
    background:url(../icon_clock_db.html) left no-repeat;
	padding: 7px 8px 7px 20px;
}
 
.icn-vote-en{
    background:url(../icon_vote_en.html) left no-repeat;
	padding: 7px 8px 7px 20px;
}
.icn-vote-db{
    background:url(../icon_vote_db.html) left no-repeat;
	padding: 7px 8px 7px 20px;
}

/**************Small Content*********/
.smallContentComment{ font-size:11px; color:#666; }

/******Big boxed Warning Message********/
.warnMsg{ background:url(../icon_info_32.html) left no-repeat; background-position:5px 15px;  padding-left:55px; padding-top:3px; letter-spacing:0.20px;  }
.warnHead{ color:#999999; font-size:22px; font-family: Helvetica, Arial, sans-serif; letter-spacing:-1px; }
.warnDesc{ color:#333333; font-size:14px; }

/******related Quiz Red Bullets********/
.red-round-list{ 
	list-style:none; 
	list-style-type:none; 
	padding:5px 0px 0px 2px; 
}
.red-round-list li{ 
	background:url('../png/bullet_red.png') left top no-repeat;
	background-position:0px 4px;
	padding:2px 0px 5px 16px; 
	list-style:none;
	font-size:12px;
	font-weight:normal;
}
.red-round-list li a{ 
	font-size:12px;
	font-weight:normal;
}	

/*********check icon list style( used on home page)***********/
ul.check_icon_list{
    margin:0px; padding:0px;
    margin-left:40px;
    margin-top:8px;

}
ul.check_icon_list li{
    margin:0px; 
    list-style-image:url('../green-check.html');
    font-size:12px;
}

/******div boxes, used on home page********/
.divSectionBox_hm{padding:6px; margin:10px; border:1px #aaa solid; background-color:#ccc;}
.divSectionHeader_hm{padding:3px 3px 3px 10px; margin:0; background-color:#f7f7f7; font-size:18px; letter-spacing:-1px; border-bottom:1px solid #aaaaaa;}
.divSectionHeader_hm h2{ padding:5px 5px 5px 25px; margin:0; font-size:16px; text-decoration:none; border:none;}
.divSectionInner_hm{padding:10px; margin:0;background:#ffffff; }
.divSectionInner_hm p {font-size:13px;}

img.qs-guide {padding:3px; border:1px solid #ccc;}

/*---------New Search box in Sidebar----------*/
.newSearch{ width:201px; height:37px; padding:4px 5px 8px 4px; margin:0px 0px 0px 1px; background:url("../search-box-bg-sidebar.html") no-repeat; }
.newSearch input{ font-size:1.2em; font-family: Helvetica, Arial, sans-serif; font-weight:bold; color:#bbb; border:1px solid #c9c9c9; padding:2px 2px 2px 1px; width:152px; height:19px;}
.newSearch a{outline:none;}

/************NOTICE*********************/
#notice-warning{
font-family: Helvetica, Arial, sans-serif;
position: fixed;
top: 0pt;
left: 0pt;
width: 100%;
z-index: 101;
text-align: center;
font-weight: bold;
font-size: 120%;
color: #000;
background-color: #f7f7f7;
border-bottom:2px solid #ff0000;
padding-top: 2px;
padding-right: 0pt;
padding-bottom: 2px;
padding-left: 0pt;
}
#loadingBar{display:none;}