/* ================================
    CSS STYLES FOR Module listingsView
   ================================
*/
/* ================================
    CSS STYLES FOR Module listings
   ================================
*/
/*------------------------------------------------------------------------------------------*/
/* Begin star rater CSS */
.srating{
	list-style:none;
	margin: 3px;
	padding:0px;
	width: 100px;
	height: 20px;
	position: relative;
	background: url(http://localhost/Dnn310Dev/Portals/0/strating.gif) top left repeat-x;		
}
.srating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.srating li a{
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	background-image:none;
	
}
.srating li a:hover{
	background: url(http://localhost/Dnn310Dev/Portals/0/strating.gif) 0px -20px repeat-x;
	z-index: 1;
	left: 0px;
}
.srating a.onestar{
	left: 0px;
}
.srating a.onestar:hover{
	width:20px;
}
.srating a.twostars{
	left:20px;
}
.srating a.twostars:hover{
	width: 40px;
}
.srating a.threestars:hover{
	width: 60px;
}
.srating a.threestars{
	left: 40px;
}
.srating a.fourstars{
	left: 60px;
}	
.srating a.fourstars:hover{
	width: 80px;
}
.srating a.fivestars{
	left: 80px;
}
.srating a.fivestars:hover{
	width: 100px;
}	
/* End star rater CSS */
.cmaron {
font-size : 11px; 
color : #800000; 
font-weight: bold;
font-family : verdana, arial, helvetica, sans-serif; 
text-decoration : none; 
}
.cmaron3 {
font-size : 10px; 
color : #800000; 
font-weight: normal;
font-family : verdana, arial, helvetica, sans-serif; 
text-decoration : none; 
}
.cmaron4 {
font-size : 11px; 
color : #800000; 
font-weight: normal;
font-family : verdana, arial, helvetica, sans-serif; 
text-decoration : none; 
}
.chdate {
font-size : 11px; 
color : #FA4B32; 
font-weight: normal;
font-family : verdana, arial, helvetica, sans-serif; 
text-decoration : none; 
}
.content12 {
font-size : 12px; 
color : black; 
font-weight: normal;
font-family : verdana, arial, helvetica, sans-serif; 
text-decoration : none; 
}
.content2 {
font-size : 11px; 
color : #595959; 
font-weight: normal;
font-family : verdana, arial, helvetica, sans-serif; 
text-decoration : none; 
}
.content15 {
font-size : 11px; 
color : #595959; 
font-weight: bold;
font-family : verdana, arial, helvetica, sans-serif; 
text-decoration : none; 
}
.catcntsml {
font-size : 9px; 
color : #595959; 
font-weight: normal;
font-family : verdana, arial, helvetica, sans-serif; 
text-decoration : none; 
}
.content10 {
font-size : 11px; 
color : #595959; 
font-weight: bold;
font-family : verdana, arial, helvetica, sans-serif; 
text-decoration : none; 
}
.content7 {
font-size : 11px; 
color : #515151; 
font-weight: normal;
font-family : verdana, arial, helvetica, sans-serif; 
text-decoration : none; 
} 
.content4 {
font-size : 11px; 
color : #336699; 
font-weight: bold;
font-family : verdana, arial, helvetica, sans-serif; 
text-decoration : none; 
}
.content6 {
font-size : 11px; 
color : #336699; 
font-weight: bold;
font-family : verdana, arial, helvetica, sans-serif; 
text-decoration : none; 
} 
.content5 {
font-size : 11px; 
color : #800000; 
font-weight: normal;
font-family : verdana, arial, helvetica, sans-serif;  
text-decoration : none; 
}
.content3 {
font-size : 11px; 
color : #fff; 
font-weight: Bold;
font-family : verdana, arial, helvetica, sans-serif; 
text-decoration : none; 
}
.drecipe {
font-size : 11px; 
color : #303030; 
font-weight: normal;
font-family : verdana, arial, helvetica, sans-serif; 
text-decoration : none; 
}
.content8 {
font-size : 11px; 
color : #595959; 
font-weight: normal;
font-family : verdana, arial, helvetica, sans-serif; 
text-decoration : none; 
}
.descrip {
font-size : 11px;
font-weight : normal;  
font-family : verdana, arial, helvetica; 
text-decoration : none; 
}
.descrip_xd {
font-size : 11px;
font-weight : bold; 
color : #26754E; 
font-family : verdana, arial, helvetica; 
text-decoration : none; 
}
.dtcat:active {
font-family : verdana, arial, helvetica, sans-serif; 
color : #3975B0; 
font-weight : bold; 
font-size : 11px; 
text-decoration : underline; 
}
.dtcat2:link {
font-family : verdana, arial, helvetica, sans-serif;
color : #3975B0; 
font-weight : bold; 
font-size : 11px; 
text-decoration : none; 
} 
.dtcat2:visited {
font-family : verdana, arial, helvetica, sans-serif;
color : #3975B0; 
font-weight : bold; 
font-size : 11px; 
text-decoration : none; 
} 
.dtcat2:hover {
font-family : verdana, arial, helvetica, sans-serif;
color : #ff3e3e; 
font-weight : bold; 
font-size : 11px; 
text-decoration : underline; 
} 
.dtcat2:active {
font-family : verdana, arial, helvetica, sans-serif; 
color : #3975B0; 
font-weight : bold; 
font-size : 11px; 
text-decoration : underline; 
}
.dlet:link {
font-family : verdana, arial, helvetica, sans-serif;
color : #fff; 
font-weight : bold; 
font-size : 13px; 
text-decoration : none; 
} 
.dlet:visited {
font-family : verdana, arial, helvetica, sans-serif;
color : #fff; 
font-weight : bold; 
font-size : 13px; 
text-decoration : none; 
} 
.dlet:hover {
font-family : verdana, arial, helvetica, sans-serif;
color : #ff3e3e; 
font-weight : bold; 
font-size : 13px; 
text-decoration : underline; 
} 
.dlet:active {
font-family : verdana, arial, helvetica, sans-serif; 
color : #fff; 
font-weight : bold; 
font-size : 13px; 
text-decoration : none; 
}
.catlink:link {
font-family : verdana, arial, helvetica, sans-serif; 
color : #007AF4; 
font-weight : bold; 
font-size : 12px; 
text-decoration : none; 
} 
.catlink:visited {
font-family : verdana, arial, helvetica, sans-serif; 
color : #007AF4; 
font-weight : bold; 
font-size : 12px; 
text-decoration : none; 
} 
.catlink:hover {
font-family : verdana, arial, helvetica, sans-serif; 
color : #ff3e3e; 
font-weight : bold; 
font-size : 12px; 
text-decoration : underline; 
} 
.catlink:active {
font-family : verdana, arial, helvetica, sans-serif; 
color : #007AF4; 
font-weight : bold; 
font-size : 12px; 
text-decoration : underline; 
}
.letter:link {
font-family : verdana, arial, helvetica, sans-serif; 
color : #007AF4; 
font-weight : bold; 
font-size : 13px; 
text-decoration : none; 
} 
.letter:visited {
font-family : verdana, arial, helvetica, sans-serif; 
color : #007AF4; 
font-weight : bold; 
font-size : 13px; 
text-decoration : none; 
} 
.letter:hover {
font-family : verdana, arial, helvetica, sans-serif; 
color : #ff3e3e; 
font-weight : bold; 
font-size : 13px; 
text-decoration : underline; 
} 
.letter:active {
font-family : verdana, arial, helvetica, sans-serif; 
color : #007AF4; 
font-weight : bold; 
font-size : 13px; 
text-decoration : underline; 
}
.dt:link {
font-family : verdana, arial, helvetica, sans-serif; 
color : #007AF4; 
font-weight : normal; 
font-size : 11px; 
text-decoration : none; 
} 
.dt:visited {
font-family : verdana, arial, helvetica, sans-serif; 
color : #007AF4; 
font-weight : normal; 
font-size : 11px; 
text-decoration : none; 
} 
.dt:hover {
font-family : verdana, arial, helvetica, sans-serif; 
color : #ff3e3e; 
font-weight : normal; 
font-size : 11px; 
text-decoration : underline; 
} 
.dt:active {
font-family : verdana, arial, helvetica, sans-serif; 
color : #007AF4; 
font-weight : normal; 
font-size : 11px; 
text-decoration : underline; 
}
.dt2:link {
font-family : verdana, Verdana, helvetica, sans-serif;
color : #007AF4; 
font-weight : normal; 
font-size : 11px; 
text-decoration : none; 
} 
.dt2:visited {
font-family : verdana, arial, helvetica, sans-serif; 
color : #007AF4; 
font-weight : normal; 
font-size : 11px; 
text-decoration : none; 
} 
.dt2:hover {
font-family : verdana, arial, helvetica, sans-serif; 
color : #ff3e3e; 
font-weight : normal; 
font-size : 11px; 
text-decoration : underline; 
} 
.dt2:active {
font-family : verdana, arial, helvetica, sans-serif; 
color : #007AF4; 
font-weight : normal; 
font-size : 11px; 
text-decoration : underline; 
}
.dt5:link {
font-family : verdana, arial, helvetica, sans-serif; 
color : #007AF4; 
font-weight : normal; 
font-size : 10px; 
text-decoration : none; 
} 
.dt5:visited {
font-family : verdana, arial, helvetica, sans-serif; 
color : #007AF4; 
font-weight : normal; 
font-size : 10px; 
text-decoration : none; 
} 
.dt5:hover {
font-family : verdana, arial, helvetica, sans-serif; 
color : #ff3e3e; 
font-weight : normal; 
font-size : 10px; 
text-decoration : underline; 
} 
.dt5:active {
font-family : verdana, arial, helvetica, sans-serif; 
color : #007AF4; 
font-weight : normal; 
font-size : 10px; 
text-decoration : underline; 
}
.dt3:link {
font-family : verdana, arial, helvetica, sans-serif; 
color : #336699; 
font-weight : normal; 
font-size : 11px; 
text-decoration : none; 
} 
.dt3:visited {
font-family : verdana, arial, helvetica, sans-serif; 
color : #336699; 
font-weight : normal; 
font-size : 11px; 
text-decoration : none; 
} 
.dt3:hover {
font-family : verdana, arial, helvetica, sans-serif; 
color : #ff3e3e; 
font-weight : normal; 
font-size : 11px; 
text-decoration : underline; 
} 
.dt3:active {
font-family : verdana, arial, helvetica, sans-serif; 
color : #336699; 
font-weight : normal; 
font-size : 11px; 
text-decoration : underline; 
}
/*-------------------- xdstyle---*/
.hot {
    font-size : 10px; 
    color : #ff3e3e; 
    font-family : Verdana, Arial, Helvetica, sans-serif; 
    text-decoration : none; 
}
.bluearrow {
    font-size : 11px; 
    font-weight : bold; 
    color : #FF9224; 
    font-family : verdana; 
    text-decoration : none; 
} 
.bluearrow2 {
    font-size : 11px; 
    font-weight : bold; 
    color : #007AF4; 
    font-family : verdana; 
    text-decoration : none; 
}
.bluearrow3 {
    font-size : 11px; 
    font-weight :normal; 
    color : #F36801; 
    font-family : verdana; 
    text-decoration : none; 
}
.cmaron3 {
    font-size : 11px; 
    color : #800000; 
    font-weight: normal;
    font-family : verdana, arial, helvetica, sans-serif; 
    text-decoration : none; 
}
.content5 {
    font-size : 11px; 
    color : #800000; 
    font-weight: normal;
    font-family : Tahoma, sans-serif;  
    text-decoration : none; 
}
.cgrn1 {
    font-size : 11px; 
    color : #435900; 
    font-weight: bold;
    font-family : Tahoma, sans-serif;  
    text-decoration : none; 
}
.cat2 {
    font-size : 11px; 
    font-weight: normal;
    font-family : Tahoma, sans-serif;  
    text-decoration : none; 
}
.cred {
    font-size : 12px; 
    color : red; 
    font-family : verdana, arial, helvetica, sans-serif; 
    text-decoration : none; 
}
.cred2 {
    font-size : 10px; 
    color : red; 
    font-family : verdana, arial, helvetica, sans-serif; 
    text-decoration : none; 
}

/* right side panel featured link, newest links
   ---------- */		
.right {
    float: right;
    width: 30.6%;
    margin: 0 0 10px 0;
}
.right h3 {
    background: #6C757A  url(../images/corner.gif) no-repeat top right;
    border-left: #9FD500 3px solid;
    color: #FFF;
    padding: 7px 0 7px 5px;
    font: bold 1em Tahoma, Arial, Sans-Serif;
    margin: 0 0 3px 0;
}
.right_articles {
    background: #f5f5f5;
    color: #414141;
    padding: 8px;	
    margin: 0 0 3px 0;
}	
.tgr {
    background: #6C757A  url(../images/corner.gif) no-repeat top right;
    border-left: #9FD500 3px solid;
    color: #FFF;
    padding: 7px 0 7px 5px;
    font: bold 1em Tahoma, Arial, Sans-Serif;
    margin: 0 0 3px 0;
}
/* Submit Link Content
   --------- */
.leftsub {
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
    width: 65%;
}
.leftsub h3 {
    clear: both;
    background: #A9C0CE url(../images/corner.gif) no-repeat top right;
    border-left: #CC3300 3px solid;
    color: #FFF;
    padding: 7px 0 7px 5px;
    font: bold 1em Tahoma, Arial, Sans-Serif;
    margin: 0;
}
.leftsub_side {
    float: left;
    width: 180px;
    padding: 0 0 0 10px;
    margin: 10px 0;
}
.leftsub_side a { 
    color: #3975B0;
}		
.leftsub_box { 
    margin: 0 0 10px 0; 
    color: #000; 
    background: #FFF; 
    padding: 3px 0; 
}
.rhd {
color: #fff;
font: bold 1em Tahoma, Arial, Sans-Serif;
text-decoration: none;
}
.TopCell { background-color: #006600; color: white; font-weight: bold; padding: 6px; height: 25px; }

/* Layout
   ------ */
.content { 
    margin: 0 auto;
    width: 860px;
    padding: 10px; 
}
.linkheader { 
    
    background: #8caae6;
    margin: 3px 0;
    color: #fff;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	text-decoration: none;
}
.linkheaderbullet { 
    
    background: #5582D2;
}
.header { 
    height: 55px;
    background: #eee;
    color: #808080;
    margin: 3px 0;
    padding: 10px 0 0 0;
    border-bottom: 1px solid #ccc;
}
.top_info {
    float: right;
    width: 555px;
    padding: 5px 0 4px 0;
    border-bottom: 1px solid #eee;
    background: #eee;
    color: #808080;
}
.top_info_left {
    width: 215px;
    float: left;
}
.top_info_right {
    float: right;
    width: 290px;
    padding: 0 0 0 35px;
    border-left: 1px solid #eee;
}
.browse_category {
    padding-left: 30px;
    padding-right: 65px;
    font-size: 0.9em;
    width: 190px;
   
    background: inherit;
}
.bar { 
    font-size: 0.9em;
    height: 30px;            
    color: white;
    margin: 0 0 0 0px; 
    border-bottom: #6A93AA 3px solid;
    background: #5582D2
}
.bar li {                   
    padding-top: 6px;
    padding-bottom: 7px;
    color: White;
    background: #5582D2;
    float: left; 
}	
.bar li.active { 
    background-image: url(bar.gif) ; 
    color: yellow;
    font-weight: bold; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 7.5px;
}
.bar li a { 
    padding: 6px 10px 7px 10px;
    font-weight: bold;
     color:  White ;
    background: inherit;
    text-decoration: none;
} 
.bar li a:hover { 
    background: #FF9148; /*#9FD500 url(bar.gif) no-repeat center top; */
  color: #FFF;
    font-weight: bold; 
    padding-top: 8.5px;
    padding-bottom: 8.5px;
} 
/* IE Hack Top Navigation Bar
   ------ */
html>body .bar li a:hover { 
    padding-top: 7.5px;
    padding-bottom: 8.5px;
}
.search_field { 
background: #fff url(../images/searchbg.gif) no-repeat right; 
    color: #808080;
    clear: both;
    font-weight: bold;
    padding: 7px 25px 10px 10px;
    margin: 5px 0;
    font: bold .7em Tahoma, Arial, Sans-Serif;
}
.grey {
    color: #808080;
    background: inherit;
    font-weight: normal;
}
.search_form { 
    float: right; 
}
.subheader {
    margin: 0px 0 10px 0;
    border-bottom: 1px solid #eee;
    padding: 5px 0 5px 0;
    background: #A4A4A4;
    color: #fff;
}
.sponsor {
    clear: both;
    background: #A9C0CE url(../images/corner.gif) no-repeat top right;
    border-left: #CC3300 3px solid;
    color: #FFF;
    padding: 4px 0 4px 5px;
    font: bold 1em Tahoma, Arial, Sans-Serif;
    margin: 0;
}
.textbox {
border-left : 1px solid #acc6db; 
border-right : 1px solid #acc6db; 
border-top : 1px solid #acc6db; 
border-bottom : 1px solid #acc6db; 
background-color : #fff; 
font-size : 11px;
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #000; 
} 
.textbox2 {
border-left : 1px solid #acc6db; 
border-right : 1px solid #acc6db; 
border-top : 1px solid #acc6db; 
border-bottom : 1px solid #acc6db; 
background-color : #FFFBF2; 
font-size : 11px;
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #000; 
} 
.cselect {
background-color : #F4F9FF; 
font-size : 11px; 
color : #336699; 
font-family : Verdana, arial, helvetica, sans-serif; 
text-decoration : none; 
}
.cselect2 {
background-color : #FFFBF2; 
font-size : 11px; 
color : #275078; 
font-family : Verdana, arial, helvetica, sans-serif; 
text-decoration : none; 
}

.subcattable { 
    font-size: 0.9em;
    border-bottom: #6A93AA 2px solid;
   border-Top: #6A93AA 2px solid;
   border-left :#6A93AA 2px solid;
   border-right :#6A93AA 2px solid;
   background :white;
}   
   /* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}
/*---------------*/
.tabsystem {
 border: none;
 width: 100%;
 scrollbar-3dlight-color:#666;
 scrollbar-arrow-color:#eee;
 scrollbar-base-color:#ffffff;
 scrollbar-darkshadow-color:#ffffff;
 scrollbar-face-color:#eeeeee;
 scrollbar-highlight-color:#eeeeee;
 scrollbar-shadow-color:#666;
}

.tabsystem .tabcontainer ul, li {
 list-style-type: none;
 display: inline;
 margin: 0; padding: 0;
 border: none;
}

.tabsystem .firstHeading {
 display: block;
 text-align: right;
 border: 1px #bbb dotted;
 border-width: 0px 0px 1px 0px;
 padding-bottom: .5em;
 margin-bottom: 1em;
}

.tabsystem .tabcontainer {
 margin:0;padding:0;
 background-color: #fff;
 border: none;
 float: left;
 filter: none;
}

.tabsystem .tabpage {
 background: #fff;
 padding: .5em 1em;
 font: 14px Verdana;
 color: black;
 border: 1px solid rgb( 145, 155, 156 );
 clear: both;
 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#eeeeee');
}

.tabsystem .tabcontainer .tab {
 background-image: url( "tab.png" );
 position:	relative;
 top: 0;
 display: inline;
 float: left;
 overflow: hidden;	
 margin: 1px 1px 1px 0px;
 padding: 2px 0px 0px 0px;
 border: 0;
 z-index: 1;
 font: 11px Tahoma;
 white-space: nowrap;
 text-align: center;
 width: 70px;
 height: 18px;
}

.tabsystem .tabcontainer .tab-hover {
 margin: 1px 1px 1px 0px;
 background-image: url( "tab.hover.png" );
 width: 70px;
 height: 18px;
}

.tabsystem .tabcontainer .tab-active{
 position:	relative;
 top: 1px;
 display: inline;
 float: left;
 overflow: hidden;	
 margin: 1px 1px 1px 0px;
 padding: 2px 0px 0px 0px;
 border: 0;
 z-index: 1;
 font: 11px Tahoma;
 white-space: nowrap;
 text-align: center;
 width: 74px;
 height: 18px;
 background-image: url( "tab.active.png" );
 letter-spacing: 0px;
 text-decoration: none;
}