@charset "utf-8";
/* CSS Document */

/*Skin Style Sheet Notes for [People Making Waves]

version:   		1.0
author:    		StormID
email:    		info@stormid.com
website:   		http://www.[THESITE].com/

last updated:	15/10/2009

Basic Color Palette

primary-color:
secondary-color:
titles-color:
font-color:
link:
link-hover:
link-visited:

Font-size Adjustment

To change the size of a font, use a percentage value from the list below.
Always use percentages as the units because they render more consistently than ems,
and because they allow user-initiated resizing (unlike pixels).
		 
For pixels(px) Declare the appropriate percentage(%)

			Pixels 	EMs 		Percent Points  
			6px 	0.462em 	46.2% 	5pt     
			7px 	0.538em 	53.8% 	5pt	    
			8px 	0.615em 	61.5% 	6pt      
			9px 	0.692em 	69.2% 	7pt      
			10px 	0.769em 	77% 	8pt     
			11px 	0.846em 	85% 	8pt      	
			12px 	0.923em 	93% 	9pt      	
			13px 	1em 		100% 	10pt
			14px 	1.077em 	108% 	11pt
			15px 	1.154em 	116% 	11pt
			16px 	1.231em 	123.1% 	12pt
			17px 	1.308em 	131% 	13pt
			18px 	1.385em 	138.5% 	14pt
			19px 	1.462em 	146.5% 	14pt
			20px 	1.538em 	153.9% 	15pt
			21px 	1.615em 	161.6% 	16pt
			22px 	1.692em 	167% 	17pt
			23px 	1.769em 	174% 	17pt
			24px 	1.846em 	182% 	18pt 
				
For custom font sizes see http://pxtoem.com/ and use the 100% setting as body size.
				
Skin Style Sheet Notes end */ 



body  {

	background:#FFFFFF url(../images/common/bg-body.png) repeat-x left top;
	height:100%;
}

.wrapper 
{
     background:url(../images/common/bg-wrapper.jpg) repeat-x left top;
     background-position:center bottom;
}

/* Basic Positional Holders Starts */

.container_12 {
    /* wraps the whole of the content. Appears directly after the body tag*/
    /* temp background image used as visual aid for grid*/
    /*background: url(../images/common/bg-grid.gif) repeat-y left top;*/
    background-color:Transparent;
}

.hd {
	background: url(../images/branding/bg-header.png) no-repeat -54px bottom;
	height:200px;
	position:relative;
}

.hd.print {
	/* hides inline logo for print.css use*/
	display:none;
}


.bd {
   margin-bottom:10px;
   background:url(../images/common/bg-right-content.png) no-repeat right -165px;
}


.ft {

}

/* Basic Positional Holders Ends */

/* Basic Element Styles Starts (part of YUI's CSS Foundation) */


h2 {
	/*14px equivalent*/
	font-size:146%; 
}


h1, h2, h3, h4 {
	/* top & bottom margin based on font size */
	margin:1em 0 .5em;
	padding:10px;
}

 h3, h4 {
 padding-left:0px;
 }

h1, h2, h3 {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold;
	/*font-family:Lucida Sans, Georgia, Times New Roman, Serif;*/
    font-weight:normal;
    color:#00A4E3; 
}



h1 span 
{
    color:#999;
}


h1 {
	/*22px equivalent*/
	font-size:200%;
	padding-left:10px;
	padding-bottom:5px;
	margin-bottom:5px;
}

h3 {
	/*12px  equivalent*/
	font-size:104.1%;
	color:#008CC1;
	margin-bottom:0;
    margin-top:0;
    padding-bottom:5px;
    padding-top:0;
	/*padding-left:10px;*/
}

h3 a, h3 a:visited {
	text-decoration:none;
	color:#00A4E3;
	font-weight:bold;
}


h4 {
	/*11px  equivalent*/
	font-size:100%; 
	margin-bottom:.25em;
	padding:5px 0;
	color:#00A4E3;
}

/* Custom Header styles for H2 titles. These will be picked up automaticaly depending on what grid container they are in. */

.grid_2 h2, .grid_3 h2, .grid_4 h2, .grid_5 h2, .grid_6 h2, grid_9 h2 {
   /*margin-left:-10px;
    margin-right:-10px;*/
    height:34px;
    line-height:34px;
    padding:0 10px;
    font-size:104.1%;
    color:#333333;
    position:relative;
    margin-bottom:10px;
    font-weight:bold;
}

.grid_2 h2
{
    background:transparent url(../images/common/bg-h2-grid2.png) no-repeat left center!important;
    clear:left;
}

.grid_3 h2
{

    background:transparent url(../images/common/bg-h2-grid3.png) no-repeat left center!important;
    clear:left;
}

.grid_4 h2
{
    background:transparent url(../images/common/bg-h2-grid4.png) no-repeat left center!important;
    clear:left;
}

.grid_5 h2
{
    background:transparent url(../images/common/bg-h2-grid5.png) no-repeat left center!important;
    clear:left;
}

.grid_6 h2
{
    background:transparent url(../images/common/bg-h2-grid6.png) no-repeat left center!important;
    clear:left;
}

.grid_9 h2
{
    background:transparent url(../images/common/bg-h2-grid9.png) no-repeat left center;
    margin-top:0;
    clear:left;
    position:relative;
}
/* Custom Header styles for H2 titles end */

strong {
	/*bringing boldness back to the strong element*/
	font-weight:bold;
}


p 
{
    /* Sets equivilant of 12px */
	font-size:93%;
    line-height:150%;
    color:#666666;
    margin-bottom:1em;
    /*padding-left:10px;
    padding-right:10px;*/
    
}

abbr, acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}

strong, b {
	/*bringing bold back to the strong and b elements*/
	font-style:italic;
}

.blockquote {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}

ol {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
	
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;
	margin:4px 0;	
}

/*ul li {
	giving UL's LIs generated disc markers
	list-style: disc outside;
	margin:4px 0;	
}*/

.blockquote {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}


blockquote 
{
	/*callout text holder default styling*/
	border-bottom:1px solid #ccc;
	border-top:10px solid #ccc;
	display:block;
	float:right;
	margin:10px 0px 20px 10px;
	padding:10px 0;
	width:220px;
	display:block;
}

blockquote  p {
	/*callout text default styling*/
	color:#666666;
	display:block;
	float:left;
	font-size:130%;
	line-height:140%;
	margin:0 15px 5px;
	padding:0 !important;
}

.annotation 
{
	display:block;
	padding:10px;
	font-size:93%;
	color:#999;
	background-color:#ededed;
	margin:0 0 10px 0;
	border-bottom:1px solid #ddd;
}

.left 
{
    float:left;
}

.right 
{
    float:right;
}

.static-content p
{
    margin-left:10px;
}

.box p {
    margin-left:0px;
}

.static-content ul, .static-content ol
{
    margin:20px 40px;
}

.static-content ul li, .static-content ol li
{
    margin:10px 0px;
    list-style-type:disc;
}

.static-content ol li
{
    list-style-type:decimal;
}

/* Basic Element Styles Ends */

/* Search Box Styles Start*/

.srch 
{
	margin:0 0 0;
    position:absolute;
    right:17px;
    top:44px;
    width:auto;
}

.srch label
{
    display:none;
}

.srch .textfield 
{
	
    background-color:Transparent;
    border:0;
    height:16px;
    margin-right:4px;
    padding:0 0;
    width:137px;
}

.srch .button, input.button
{
	padding:0px 0px;
	height:25px;
	width:68px;
	border:0;
	background-image:none;
	background-color:Transparent;
	color:#fff;
	cursor:pointer;
}
.srch .button:hover, input.button:hover
{
    color:#ccc;   
}



/* Search Box Styles End*/



/* Basic Link Styles Start */

a.header:link, a:link {
	/* unvisited link */
	color: #00A4E3;
	text-decoration: none;
} 
a.header:active, a:active {
	color: #999;
	text-decoration: underline;
}

a:visited {
	/* visited link */
	color:#00A4E3;
	text-decoration: none;
}

a:hover {
	 /* mouse over link */
	color: #333;
	text-decoration: underline;
}

/* Basic Link Styles End */

.logo 
{
    float:left;
}
.logo a{
	margin:0;
	position:relative;
	width:160px;
	height:125px;
	font-size:77%;
	display:block;
	text-decoration:none;
}

.logo a span {
	background:#FFFFFF url(../images/branding/bg-logo.jpg) no-repeat left top;
	display:block;
	height:100%;
	position:absolute;
	width:100%;
}

.pc {
    /*class name to identify the main content on a page*/
    
}

.box 
{
    
    padding:10px 10px 0;
    margin:0 0 10px;
    border:2px solid #ECECEC;
    -moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	background-color:Transparent;

}

.box embed 
{
    margin:0 0 10px;
    clear:both;
}

.grid_6 .box textarea 
{
    width:420px;
    border:0;
}

.box li 
{
    position:relative;
}

/*.box .edit {
position:absolute;
right:10px;
top:10px;
}*/

.green
{
    border:1px solid #7DBB3F;
    position:relative;
    padding-bottom:20px;
    margin-top:0px;
}

.green label
{
    padding:5px 0;
    color:#999;
    font-weight:bold;
    display:block;
}

.simple-list .green ul
{
    padding:0;
    margin:0;
}
.simple-list .green ul li
{
    padding:0;
    margin:0;
}

.left-element 
{
    float:left;
    margin-right:0px;
}
.right-element 
{
    float:right;
    margin-right:0px;
}



.left-element input, .right-element input, .green textarea

{
    background-color:#F1F1F1;
    padding:2px;
    border:0;
}

.left-element input, .right-element input 
{
    width:190px;
}

.grid_6 .box .green textarea 
{
    width:410px;
    margin-bottom:20px;
}

.grid_6 .box .green input.medium 
{
    bottom:-10px;
}


.box h1, .box h2, .box h3
{
    margin-top:0;
    padding-bottom:0;
    padding-top:0;
}
.box h2 
{
    background-image:none;
    color:#00A4E3!important;
}

.box h3
{
    padding-bottom:0px;
}

.adjust h3
{
    padding-bottom:10px;
}
.curvedbox-outer 
{
     width:700px;
     background:url(../images/common/bg-curvedbox-outer.png) no-repeat 0px top;
     margin:10px 0;
     padding:0 0 0;
     
}
.curvedbox-inner
{
     width:680px;
     background:url(../images/common/bg-curvedbox-inner.png) no-repeat 0px bottom;
     padding:10px; 
}

.curvedbox-inner h2 
{
    background:transparent none no-repeat 0 0!important;
    margin:0;
    padding:0;
    color:#00A4E3;
    height:auto;
    font-size:145%;
    line-height:120%;
}

.curvedbox-inner h3 
{
    color:#000000;
    clear:both;
    margin:10px 0;
}

.curvedbox-inner p 
{
    margin:10px 0;
}

.curvedbox-inner ul.grid 
{
    margin-left:0;
    padding-left:0;
}



.curvedbox-inner .media 
{
    /*margin-right:20px;
    float:right;*/
    float:right;
    padding:0 0px 0 0;
}

.curvedbox-inner .edit
{
    float:right;
   /* margin-right:12px;*/
   margin-right:0px;
}

.curvedbox-inner .details
{
     margin:0 62px 10px 0;
}

.curvedbox-outer.small 
{
    width:300px;
    outline:1px solid red;
}

.small .curvedbox-inner
{
    width:auto;
    outline:1px solid red;
}

.share img
{
    float:right;
    margin:0 20px;
}



.center 
{
    text-align:center;
}
.bookmark 
{
    margin:40px 10px 40px
}
.bookmark h5
{
    float:left;
    margin-right:10px;
    color:#fff;
}


.inverted-L 
{
      background:url(../images/common/bg-inverted-L.png) no-repeat 10px top; 
}

/* Buttons Start*/

a.button-small, a.button-medium, a.button-large, input.button-small, input.button-medium, input.button-large 
{
     background:url(../images/common/sprite-buttons.png) no-repeat 0px top;
     height:40px;
     display:block;
     text-align:center;
     line-height:30px;
     font-weight:bold;
     text-decoration:none;
     color:#fff!important;
     border:0;
     cursor:pointer;
}

input.button-small, input.button-medium, input.button-large 
{
    padding:0;
    margin:0;
    height:40px;
    padding-bottom:10px;
}

.box input.button-small, .box input.button-medium, .box input.button-large, .box a.button-small, .box a.button-medium, .box a.button-large
{

    margin:10px 0!important;

}


a.button-medium, input.button-medium

{
    width:180px!important;
    background-position:-120px 0;
}

a.button-small, input.button-small
{
    width:120px!important;
    background-position:0px 0;
    border:0!important;
}


a.button-large, input.button-large
{
    width:240px!important;
    background-position:-300px 0;
}

 a.button-small:hover, a.button-medium:hover, a.button-large:hover,  input.button-small:hover, input.button-medium:hover, input.button-large:hover 
{
    color:#ccc!important;
} 




/* Buttons End */



/* Profile area Starts*/

.profile-details, .intro 
{
    color:#969696;
}

.intro p 
{
    padding-left:0;
}

.profile-details ul
{
    margin:0 15px;
    padding:0;
}

.profile-details ul li
{
    margin:5px 0;
    padding:0;
    line-height:160%;
}

.profile-details ul li span, .intro span
{
    color:#000;
    margin:0;
    display:block;
    font-weight:bold;
    font-size:108%;
}



.profile-details .thumb
{
    float:right;
    margin:0 10px 10px;
    border:5px solid #fff;
    height:80px;
}

.profile-details .thumb img
{
    margin:0;
    padding:0;
}

.podcast .thumb 
{
    width:60px;
    height:50px;
    border:1px solid #ECECEC;
    background-image:url(/Content/Images/icons/sprite-icons.png);
    background-position:0 -16px;
    background-repeat:no-repeat;
    display:block;
    margin:0 1em .25em 0;
    padding:0;
}

.rss 
{
    width:16px;
    height:16px;
    font-size:1%;
    border:0px;
    background-image:url(/Content/Images/icons/sprite-icons.png);
    background-position: -128px top;
    background-repeat:no-repeat;
    display:block;
    margin:0 1em .25em 0;
    padding:0;
    position:absolute;
    right:10px;
    top:9px;
    overflow:hidden;
}
h2.adjust .rss 
{
   top:15px;
}



.rss a 
{
    display:block;
    height:16px;
    width:16px;
}

.rss a:hover
{
    text-decoration:none;
}

/* Profile area Ends */

/* Edit Styles Starts */

div.global-edit-button 
{
    margin:10px;
    display:block;
    width:44px;
    height:17px;
}

.global-edit-button img 
{
    vertical-align:middle;
}

.generic-edit-button 
{
    /*margin-bottom:10px;
    background-image:url(/Content/Images/edit/button-edit-generic.png);
    background-repeat:no-repeat;
    height:22px;
    width:123px;
    margin-left:10px;*/
    background-image:url(/Content/Images/edit/button-edit-generic.png);
    background-position:10px center;
    background-repeat:no-repeat;
    height:22px;
    margin-bottom:10px;
    padding:0px 0 5px 10px;
    margin-top:-3px;
}

.generic-edit-button a, .generic-edit-button a:active, .generic-edit-button a:visited
{
    color:#FFFFFF;
    display:block;
    float:left;
    height:23px;
    line-height:27px;
    padding-left:17px;
    text-decoration:none;
    width:106px;
}

.generic-edit-button a:hover 
{
    color:#000;
    text-decoration:none;
}


h2 a:link, h2 a:visited
{
    color:#000;
    text-decoration:none;
}

h2 a:hover, h3 a:hover
{
    color:#999!important;
}


h2 span.details 
{
    margin:0;
    display:inline;
    height:17px;
    position:absolute;
    line-height:17px;
    right:10px;
    top:9px;
}

h2 span.details a
{
    display:inline;
    margin:-4px 0 0;
    line-height:100%;
    text-decoration:none;
    color:#00A4E3;
}

.thumblister .edit 
{
    height:22px;
    left:35px;
    position:absolute;
    top:25px;
    width:22px;
}





.edit a 
{
    display:block;
    color:#FFFFFF;
    font-family:Arial;
    text-align:center;
    margin-left:5px;
    float:left;
    text-decoration:none;
    line-height:22px;
    height:22px;
    font-size:81%;
}

.edit a:hover
{
    color:#333;
    cursor:pointer;
}

.edit 
{
    position:absolute;
    top:0px;
    right:0;
    font-size:90%;
}

.curvedbox-inner .edit {
	float:none;
	position:static;
}

a.button-green-small 
{
background:#7DBB3F url(../images/forms/bg-input-small.jpg) no-repeat 0 0;
width:60px;
hight:22px;
display:Block;
linehight:22px;
}

a.button-green-medium
{
    background:#7DBB3F url(../images/forms/bg-input-medium.jpg) no-repeat 0 0;
    width:120px;
}

a.button-green-large
{
    background:#7DBB3F url(../images/forms/bg-input-large.jpg) no-repeat 0 0;
    width:180px;
}

a.button-green-small, a.button-green-medium, a.button-green-large
{
    color:#FFFFFF;
    height:22px;
    line-height:22px;
   /* font-family:Lucida Sans, Arial. Sans-Serif;*/
    border:0;
    padding:0;
}

a.button-red-small 
{
    background:url('../images/edit/button-small-red.png') no-repeat 0 0;
    width:22px;
    height:22px;
    line-height:20px;

}

.lister-wrapper 
{
    position:relative;
}

.lister-wrapper ul
{
    margin-bottom:20px;
    float:left;
}

.lister-wrapper .add
{
    position:absolute;
    top:9px;
    right:6px;
}
.lister-wrapper .add a
{
    margin-left:20px;
    background:url('../images/edit/button-small-add.png') no-repeat right center;
    height:16px;
    line-height:16px;
    padding-right:20px;
    text-decoration:none;
}
/*.listerwrapper h2 
{
    font-size:120.1%!important;
    height:34px!important;
    line-height:34px!important;
    margin-bottom:15px!important;
    padding:0 10px!important;
    position:relative!important;
}*/



/* Edit Styles Ends */

.story-image img 
{
    width:440px;
    margin:5px 0 10px;
    padding:0;
}

/* Campaign area Starts*/

.info-links 
{
    height:40px;
    background:url(../images/common/bg-info-links.jpg) no-repeat left top; 
    line-height:40px;
    background-color:#DADADA;
    color:#fff;
}

.info-links a
{
    color:#0091C9;
    text-decoration:none;
    display:inline;
    float:left;
}

.campaign 
{
    width:700px;
    background-position:right top;
    background-repeat:no-repeat;
    
    *Height:auto;
    margin-bottom:15px;
}

.campaign label 
{
    display:none;
}

.campaign  p 
{
    font-size:112.5%;
    line-height:139%;
    margin-left:0px;
    margin-right:243px;
}

.campaign  p.tab span 
{
    background:url('../images/common/bg-filter-search-tab.jpg') no-repeat left center;
    height:30px;
    line-height:40px;
    width:150px;
    display:block;
    text-align:center;
    float:left;
    font-size:80%;
    font-weight:bold;
}

.campaign p.tab 
{
    padding-left:0px;
    margin-left:0;
}

.campaign  p.adv-srch 
{
    height:30px;
    line-height:30px;
    margin:0;
    padding:0 0 0 20px;
    float:left;
    font-size:100%;
}

.campaign  p.adv-srch a
{
    color:#00A4E3;
    text-decoration:none;
}
.campaign h1 
{
    padding-left:0;
}


.campaign h3 
{
    margin:5px 10px 20px!important;
    color:#000;
}

.height-reset 
{
    height:auto;
}

.height-reset p
{
    margin:10px!important;
}

.memberssrch 
{
    background-image:url(../images/campaign/bg-generic5.png);
    Border-bottom:1px solid #ddd;
}
.eventssrch 
{
    background-image:url(../images/campaign/bg-generic4.png);
    Border-bottom:1px solid #ddd;
}
.newssrch 
{
    background-image:url(../images/campaign/bg-generic3.png);
    Border-bottom:1px solid #ddd;
}

.groupsrch
{
    background-image:url(../images/campaign/bg-generic2.png);
    Border-bottom:1px solid #ddd;
}

.storiessrch
{
    background-image:url(../images/common/bg-generic1.jpg);
    Border-bottom:1px solid #ddd;
}

.storiessplash
{
    background-image:url(../images/campaign/bg-generic7.png);
    Border-bottom:1px solid #ddd;
}

.homesplash
{
    background-image:url(../images/rotator/rotator_2_masthead.png);
    Border-bottom:1px solid #ddd;
}

.videosrch
{
    background-image:url(../images/campaign/bg-generic6.png);
    Border-bottom:1px solid #ddd;
}

.imagesrch
{
    background-image:url(../images/campaign/bg-generic7.png);
    Border-bottom:1px solid #ddd;
}


.filterSearchOuter 
{
    background:url('../images/common/bg-filter-search-outer.png') no-repeat right center;
    float:left;
    padding:0px;
    clear:left;
    margin-left:0px;
    margin-bottom:10px;
}

.filterSearchInner 
{
    background:url('../images/common/bg-filter-search-inner.png') no-repeat left center;
    height:58px;
    line-height:58px;
    padding:0 17px 0 10px;
}

.filterSearchInner input, .filterSearchInner select 
{
    padding:5px;
    margin-right:5px;
    width:350px;
}


.partner-search .button-small
{
    margin-top:32px;
}

.partner-search .details a
{
    font-size:90%;
}

.partner-search label
{
    display:none;
}

.partner-search h3 
{
    color:#333333!important;
    margin:5px 0 5px 0px;
    padding:0 0 5px;
    border-bottom:1px solid #ccc;
    font-size:123%;
}

.partner-search h3, .partner-search label, .partner-search select
{
    margin-bottom:10px;
    margin-left:0px;
    margin-right:8px;
    padding:5px;
}



.campaign input.button 
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    height:48px;
    width:84px;
    background:url('../images/common/bg-filter-search-button.jpg') no-repeat left center;
    color:#FFF;
    padding-right:10px;
    margin:0 0 0 12px;
    cursor:pointer;   
}

.campaign input.button:hover 
{
    color:#ccc;
}

/* Campaign area Ends*/

.members p 
{
    padding-left:0;
}

/* Featured content starts, this would be the content with the notepad style background */

.featured-stories 
{
   background:url(../images/common/bg-featured-stories.jpg) no-repeat left top;
   margin-bottom:10px;
   padding-bottom:0px;
}

.featured-stories h2
{
   display:none;
   background-image:none;
}



.featured-stories h3, .article h3 {
    color:#000000;
    margin-bottom:0;
    margin-top:5px;
}

.featured-stories ul 
{
   margin:0px;
   padding:60px 15px 20px;
   background:url(../images/common/end-cap-featured-stories.jpg) no-repeat left bottom;   
}
.featured-stories ul li
{
   list-style-type:none;
}

.featured-stories ul li img 
{
 height:105px;
}

p.details, p.date
{
    color:#999999;
    float:none;
    margin:0 0 4px;
    padding-left:0;
    font-style:italic;
    line-height:110%;

    font-size:80%;
}

p.edit-details 
{
    margin-left:120px;
}

.featured-stories p 
{
    z-index:600;
}


span.details
{
    font-size:77%;
    margin-bottom:.7em;
    font-family:Arial;
}

.details a:link 
{
    text-decoration:none;
    color:#00A4E3;
}

.details a:hover 
{
    text-decoration:underline;
}

.featured-stories ul li a 
{
    color:#00A4E3;
}

.featured-stories ul li a:hover 
{
    text-decoration:underline;
}

.groups 
{
    background:url(../images/common/bg-groups.png) no-repeat center bottom;
    margin-bottom:20px;
}

.groups p, .article p, .article h3
{
    margin-left:10px;
}

.rt-content .article p, .rt-content .article h3 
{
    margin-left:0;
}

 /* Article Header Styles Start */
 
/*.article-comments h3
{
    color:#000;  
}*/

.article-comments Label 
{
    display:none;
}

.article-comments li
{
    position:relative;
}

.article-header /* Article Header Style - contains the title and navigation for the profile and similar pages*/ 
{
    height:115px;
    position:relative;
}

.article-header h1
{
    background-image:none;
    padding-bottom:0;
    margin-bottom:0;
    padding-left:0;
    color:#000;
}

.article-header h2 
{
    background-image:none;
    padding:3px 0;
    margin:0;
    font-size:108%;
    height:auto;
    line-height:100%;
    font-weight:bold;
}

.article-header p {
    padding:0;
    margin:0;
}

.article-lead
{

}

.article-lead h3
{
    font-size:182%;
    color:#000;
    margin-bottom:.25em;

}

.article .thumb 
{
    float:right;
    margin:0 0px 5px 15px;
    width:140px;
}

.simple-list h3
{
    color:#000;
    margin:5px 0 5px;
}

.simple-list
{
    position:relative;
}

.simple-list ul 
{
    margin:0;
    padding:0;
}

.simple-list ul li
{
     margin:0 0 25px;
     position:relative;
}

.albums ul li 
{
     margin:0 0 0;
}


.simple-list ul li h3, .simple-list ul li p
{
     margin-left:65px;
} 

.article-related h3 
{
    color:#000000;
    margin-bottom:0;

}

.article-related h4 a 
{
    color:#00A4E3;
    font-weight:bold;
}

.article-related ul 
{
    margin:0 10px 10px;
}

.article-related ul li
{
     background:url(../images/common/bg-related-li.png) no-repeat left top;
     padding-left:60px;
     margin:0 0 25px;
     position:relative;
} 

.text-list ul 
{
    margin:10px 0;
}

.text-list ul li 
{
    border-bottom:1px solid #ddd;
    padding-bottom:10px;
    margin-bottom:10px;
}

.text-list  ul li h3 
{
    margin:5px 0 0;
    padding:5px 0 0;
}

/* Article Header Styles End */

/* Article Body Styles Start */

.article-body
{
    margin:0 10px;
}

.article-body 
{
    margin:0 10px;
}


.article-body ul
{
    margin:20px 40px;

}

.article-body ul li
{
    list-style-type:disc;
}

.article-body ol li
{
    list-style-type:decimal;
}

.article-body li
{
   margin:4px 0;
}

.article-body h3 
{
    font-weight:bold;
}

/* Article Body Styles Start */

/* Right hand content area Starts - Handles are containing nuggets etc*/

/* Visual Thumb listers This is a generic styling, creates a grid like or normal list effect, append the class name with either "list" or "grid" to achieve disired choice. Change width by placing in different size grid class*/

.nuggets
{
    margin:0 0 10px 0;
}

.thumb-large-left
{
    float:left;
    margin:0 10px 5px 0px;
    /*width:140px;*/
}

li.thumb-large-right img
{
    float:right!important;
    margin:0 10px 5px 10px;
    border:0!important;
   /* width:140px;*/
}

ul.list li.thumb-large-right p, ul.list li.thumb-large-right h3, .text-list ul li p, .text-list ul li h3  {
margin:0 0 5px;
padding:0px;
}


.thumb-large-left img
{
     border:5px solid #fff;
     float:left;
     z-index:500;
}  

.thumb-large-left a, .thumb-large-left a
{
    margin:0;
    padding:0;
    border:0;
}


ul.thumblister  
{
    margin:0 0 0 10px;
    padding:0 0 0 0;  
}

ul.thumblister li
{
    margin:0 7px 10px 0;
    padding:3px 0;
    list-style:none;
    position:relative;
    /*overflow:auto;*/
    min-height:45px;
}

ul.list li, ul.list
{
    float:none;
    /*min-height:45px;*/
}
ul.list
{
    float:none;
    /*min-height:45px;*/
}


ul.no-thumb li
{
    border-bottom:1px dotted #ddd;
   /* padding-bottom:10px;*/
}


ul.list li a img
{
    float:left;
    margin-right:10px;
    outline:1px solid #ECECEC;
}
ul.list li p, ul.list li h3  
{
    margin-left:70px;
    line-height:115%;
}

 /*ul.list li h3 
 {
     margin-top:0;
    padding-top:0;
 }*/

ul.no-thumb li p, ul.no-thumb li h3  
{
    margin-left:0px;
}

 ul.list h3
{
    margin-bottom:0;
    color:#00A4E3;
}

 ul.list h3 a
{
    color:#00A4E3;
    text-decoration:none;
}

 ul.list h3 a:hover, ul h3 a:hover 
{
    text-decoration:underline;
}

.simple-list ul li
{
    position:relative;
}

.simple-list textarea 
{
    width:415px;
}

ul.grid li
{
    float:left;
    margin-left:0px;
    /*width:60px;*/
    position:relative;
    border:0;
}

ul.grid h3 
{
    display:none;
}

ul.grid li a img 
{
   z-index:500;
   border:1px solid #f1f1f1;
}

ul.grid li p.details
{
    display:none;
}

.related-content ul.grid li, .related-content ul.thumblister li  
{
    
}

.related-content ul li p.details 
{
  margin-top:2px;
}

.related-content ul li .icon-grid
{
    margin-right:10px;
}

a.related-title 
{
    font-weight:bold;
    text-decoration:none;
    font-size:90%;
    color:#00A4E3;
    line-height:110%;
}
a.related-title:hover
{
    text-decoration:underline;
    color:#999;
}

.latest-title a
{
    font-size:130%;
    color:#333;
    color:#00A4E3;
    display:block;
    font-style:normal;
    font-weight:bold;
    text-decoration:none;
    padding-bottom:4px;
}

ul.grid li:hover p.details
{
    display:block;
    position:absolute;
    bottom:40px;
    left:-20px;
    width:90px;
    margin:0!important;
    padding:10px 5px 25px!important;
    background-image:url(/Content/images/common/bg-thumblister-li-p.png);
    background-repeat:no-repeat;
    background-position:0 bottom;
    z-index:600;
    color:#fff;
    text-align:center;
    background-color:Transparent;
    line-height:130%;
    overflow: visible;
    font-size:70%;
}
ul.grid li:hover p.details a 
{
    color:#fff;
    font-weight:bold;
}

ul.grid
{
    float:left;
    margin-left:10px;
}

ul.grid p
{
    font-size:80%;
}

ul.large h3, ul.large p
{
    margin-left:155px;
    margin-top:5px;
}

ul.large p
{
    margin-bottom:.25em;
}

/* Visual Thumb listers Ends */

/* Generic Counter. This gets puled up into the title H3 above it with absolute positioning*/

.members
{
    position:relative;
}

.counter 
{
    position:absolute;
    right:10px;
    top:1px;
    /*float:right;
    margin-top:-50px;
    margin-right:15px;
    position:relative;
    z-index:1000;*/
}

.counter p 
{
    color:#000;
    float:left;
    font-size:70%;
    margin-right:10px;
    line-height:100%;
    padding-top:7px;
}

.counter p span
{
    color:#F47B20;
    font-size:174.5%;
    height:30px;
    line-height:20px;
}
/* Generic Counter. Ends*/

/* Icons Start*/



span.large-icons a
{
    display:block;
    text-decoration:0;
    text-decoration:none;
    width:60px;
    height:45px;
    outline:1px solid #ECECEC;
    background-color:transparent;
}


span.small-icons /* Calls in the base sprite and row for the required size */ 
{  
    width:16px;
    height:16px;
    text-decoration:none;
    display:block;
    background:transparent url(/Content/Images/icons/sprite-icons.png)no-repeat 0 0px;
}

.add-icon /* Calls in the base sprite and row for the required size */ 
{  
    background-position:-112px 0px!important;
    display:inline!important;
}
span.large-icons /* Calls in the base sprite and row for the required size */ 
{
    width:60px;
    height:45px;
    background:transparent url(/Content/Images/icons/sprite-icons.png)no-repeat 0 -16px;
    float:left;
    margin-right:10px;
}

span.pod-icon a /* identifies the correct image from the row */ 
{
   background-position: 0 -16px!important;
   background-image: url(/Content/Images/icons/sprite-icons.png);
   background-color:#fff;
}

span.comment-icon /* identifies the correct image from the row */ 
{
   background-position: -60px -16px!important;
   background-image: url(/Content/Images/icons/sprite-icons.png);
}

span.album-icon /* identifies the correct image from the row */ 
{
   background-position: -120px -16px!important;
   background-image: url(/Content/Images/icons/sprite-icons.png);
}

.icon-grid 
{
    width:60px;
    text-align:center;
    border:1px solid #DDD;
    height:45px;
    background-color:#fff;
}

/* Icons End */

.upload 
{
    background:transparent;
    padding:10px 10px 0px 12px;
    text-align:center;
    margin-bottom:10px;
}

.upload h3 
{
    padding:0px 5px 5px 0;
}

.rt-content 
{
   padding:20px 10px 0;
   /*min-height:510px;*/
}

.rt-content h2 
{
    margin:10px -10px 5px;
    font-weight:bold;
}

.rt-content ul.thumblister
{
    padding-left:0;
    margin-left:0px;
    margin-top:0px;
}

.rt-content ul.thumblister li
{
    margin:0 5px 2px 0;
}

.rt-content ul.grid 
{
    margin-left:0px;
}
/*.rt-content p.details 
{
    font-size:80%;
}*/

.nugget 
{
    margin:5px 0px 10px;
    text-align:center;
}
.nugget img 
{
    width:200px;
}



/* Right hand content area Ends*/

/* Two Column Content Specific CSS Starts */


/* Two Column Content Specific CSS Ends*/


/* Basic Element Styles End */

/* Navigation Styles Start - Handle Sub-navigation by casscading styles, eg .ns ul ul*/

.np ul, .ns ul, .nt ul, .nb ul, .ft ul, .tools ul {
	/*giving navigation ul's no margins*/
	margin:0;
}

.np li, .ns li, .nt li, .nb li, .ft li, sn, .tools li  {
	/*giving navigation ul li's no margins and removing disc markers*/
	margin:0 0 0 0;
	list-style-type:none;
}

/* Navigate Primary Styles Start */

.np { /* Navigate Primary*/ 
    float:left;
    font-size:93%;
    line-height:normal;
    padding:0;
    margin:91px 0 0;
  }
.np ul {
    margin:0 0 0px 0;
    padding:0px 10px 0 10px;/* Controls the indentation of the tabs */
    list-style:none;
    float:left;
  }
.np li {
    display:inline;
    margin:0 0px 0 0;
    padding:0;
  }
.np a {
    float:left;
    background:url(../images/navigation/bg-np-left-1.png) no-repeat left -85px; /* displays the left hand side of the Tab graphic in the off state */
    margin:0 5px 0 0;/* Controls the space between the tabs */
    padding:0 0 0 10px;
    text-decoration:none;
    font-weight:bold;
  }
.np a span {
    float:left;
    display:block;
    background:url(../images/navigation/bg-np-right-1.png) no-repeat right -85px;  /* displays the right hand side of the Tab graphic in the off state */
    padding:10px 10px 10px 0px;
    color:#FFF;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.np a span 
{
   float:none; display:block;}
/* End IE5-Mac hack */
.np a:hover span {
  color:#FFF;

  }
.np a:hover {
  text-decoration::none;
  background-position:0% -44px;/* Controls position of left hover state graphic */
  }
.np a:hover span {
  background-position:100% -44px;/* Controls position of right hover state graphic */
  }

.np li a.selected {
  background-position:0% 0px; /* Controls position of left Selected state graphic */
}
.np li a.selected  span {
    background-position:100% 0px; /* Controls position of right Selected state graphic */
    color:#000;
    
    
}
/* Navigate Primary Styles End */


/* Navigate Secondary Styles Start */
.ns { /* Navigation Secondary*/ 
     
}

.ns li a {
    display:block;
	height: 24px; /* minimum height = desired height - top + Bottom padding used in following class */
    text-decoration: none;
    color:#000;
	font-size:93%;

}

.ns li a:link, .ns li a:visited {
    color: #000;
	background-image:url(../images/navigation/bg-ns.gif);
    background-position:0 0;
	background-repeat: repeat-x;
    padding: 8px 0 0 10px;
}

.ns li a:hover, .ns li.selected a {
    color: #000;
	background-image:url(../images/navigation/bg-ns.gif);
	background-repeat: repeat-x;
    background-position:0 -32px;
    padding: 8px 0 0 10px;
	text-decoration:none;
}

.ns li.selected 
{
    padding:0;
}

/* Navigate Secondary Submenu Styles Start */
    
.ns ul ul 
{
    margin:0 0 1px 0px;
    padding:0 0 0 20px;
    background-color:#ffffff;
}

.ns ul ul li a 
{
    height:auto;
    padding:5px 10px;
    margin:1px 0 0 0;
}

.ns ul ul li a:link, .ns ul ul li a:visited {
    color: #000;
    display: block;
    background-color:#fff;
    background-image:none;
    padding:5px 10px;

}

.ns ul ul li a:hover, .ns ul ul li.selected a {
    color:#333;
    background-color:#dddddd;
    background-image:none;
}

/* Navigate Secondary Submenu Styles End */     
/* Navigate Secondary Styles End */

/* Navigate Tertiary Styles Start */

.nt { /* Navigation Tertiary*/
    font-size:85%;
    color:transparent;
    margin:0px 0px;
    padding:18px 10px 0;
    background-color:#FFF;
    background-image: url(../images/navigation/bg-nt-1.jpg);
    background-repeat:no-repeat;
}

.nt ul 
{
    float:left;
    margin:0 100px;
    padding:0;
    width:728px;
}
.nt ul li
{
    display:inline;
    float:left;
    margin:0 0 0 0;
    padding:0;
    width:182px;
    height:21px;
    line-height:21px;
}

.nt ul li a
{
    margin:0 0 0 0px;
    padding:0 0px 0 0px;
    display:block;
    text-align:center;
    background-image: url(../images/navigation/bg-nt-ul-li-a.png);
    background-repeat:no-repeat;
    color:#FFF;
    text-decoration:none;
    font-weight:bold;
}


.nt ul li#Li1 a 
{
    background-position:0 -21px;
}
.nt ul li#Li2 a 
{
    background-position:0 -42px;
}
.nt ul li#Li3 a 
{
    background-position:0 -63px;
}
.nt ul li#Li4 a 
{
    background-position:0 -84px;
}

.nt ul li#Li1 a:hover, .nt ul li#Li2 a:hover, .nt ul li#Li3 a:hover, .nt ul li#Li4 a:hover 
{
   background-position:0 0;
}
li#Li1 
{
    background-color:#00A4E3;
}

li#Li1:hover 
{
    background-color:#CCC;
}

/* Navigate Tertiary Styles End */

/* Navigate Breadcrumb Styles Start */
.nb { /* Navigation Breadcrumb*/
    color:#00A4E3;
    margin:0 0 10px;
    font-size:138.5%;
    position:relative;
    padding-right:100px;
   /* font-family:Lucida Sans;*/
    
}

.nb ul 
{
    margin:0;
    padding:0;
    float:left; 
}
.nb ul li
{
    display:inline;
    float:left;
    height:30px;
    line-height:30px;
    margin:0;
    padding:0 0px 0 10px;

}

.nb ul li a
{
    margin:0 0 0 0px;
    padding:0 15px 0 0px;
    background:  url(../images/navigation/bg-nbc-li.png) no-repeat right center;
    color:#666666;
    text-decoration:none;
}

.nb ul li a:hover 
{
    text-decoration:underline;
}

.nb ul li h2
{
    margin:0;
    padding:0;
}

/* Navigate Breadcrumb Styles End */

/*Navigate Profile Story (.nps)Styles Start - This is the navigation with in the Profile Content*/

.nps { /* Navigate Profile Story*/ 
    font-size:93%;
    line-height:normal;
    padding:0;
    margin:0px 0 0;
    position:absolute;
    left:0;
    bottom:0;
  }
.nps ul {
    margin:0 0 0px 0;
    padding:0px;/* Controls the indentation of the tabs */
    list-style:none;
    float:left;
  }
.nps li {
    display:inline;
    margin:0 0px 0 0;
    padding:0;
  }
.nps a {
    float:left;
    background:none no-repeat left -85px; /* displays the left hand side of the Tab graphic in the off state */
    margin:0 5px 0 0;/* Controls the space between the tabs */
    padding:0 0 0 10px;
    text-decoration:none;
    font-weight:bold;
  }
.nps a span {
    float:left;
    display:block;
    background:none no-repeat right -85px;  /* displays the right hand side of the Tab graphic in the off state */
    padding:10px 10px 10px 0px;
    color:#00A4E3;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.nps a span 
{
   float:none;}
/* End IE5-Mac hack */
.nps a:hover span {
  color:#000;
  }
.nps a:hover {
  text-decoration::none;
  background-image:url(../images/navigation/bg-np-left.png);
  background-position:0% -44px;/* Controls position of left hover state graphic */
  }
.nps a:hover span 
{
  background-image:url(../images/navigation/bg-np-right.png);
  background-position:100% -44px;/* Controls position of right hover state graphic */
  }

.nps li a.current 
{
  background-image:url(../images/navigation/bg-np-left.png);
  background-position:0% 0px; /* Controls position of left Selected state graphic */
}
.nps li a.current  span 
{
    background-image:url(../images/navigation/bg-np-right.png);
    background-position:100% 0px; /* Controls position of right Selected state graphic */
    color:#000;
}
/* Navigate Profile Story (.nps)Styles End */

div.panes 
{
	margin:20px 20px 20px 0 ;
}

div.panes h3 
{
    /*margin:0 0 10px 0;*/
    margin:0 0 0px 0;
}

div.panes p 
{
    margin-bottom:0;
}

div.panes ul li 
{
    margin:0 0 10px 0;
    padding-bottom:10px;
    border-bottom:1px dotted #CCCCCC;
}
 div.panes .form-style ul li 
{
    border:0;
}

/* Navigate Footer Styles Start*/

.ft { /* Navigation Footer*/   
    font-size:85%;
    color:#999999;
    background-color:#fff;
    padding-bottom:10px;
}

.ft img 
{
    margin:0 15px 0 0;
}

.ft p 
{
    font-size:110%;
    color:#666666;
    margin:0;
    padding:0px 0px 15px;
}

.ft ul 
{
    margin:0;
    padding:0;
    float:left; 
}
.ft ul li
{
    display:inline;
    float:left;
    margin:0px 0 10px 0;
    padding:0;
    height:20px;
    line-height:20px;
}

.ft ul li a
{
    margin:0 0 0 10px;
    padding:0 0px 0 0px;
    font-size:100%;
    color:#00A4E3;
    text-decoration:none;
}

/* Navigate Footer Styles End */

/* Navigate Help Styles Start (.nh1 at top of page and .nh2 at bottom in footer) */

.nh1 
{
    text-align:center;
    background-color:transparent;
    height:35px;
    line-height:37px;
    font-size:85%;
    background-image:url(../images/common/bg-nh1.jpg);
    background-position: 366px bottom;
    background-repeat:no-repeat;
    
}

.nh1 ul 
{
    margin:1px 0 0;
    padding:0 10px;
    float:left;

}

.nh1 ul li
{
    float:left;
    display:inline;
    list-style-type:none;
    padding:0px;
    margin:0;
}

.nh1 ul li
{
    display:block;
  
    
}

.nh1 ul li a
{
    color:#00CC66;
    text-decoration:none;
    font-weight:bold;
}
.nh1 ul li a:hover
{
    color:#999;
    text-decoration:underline;
}

/*---- Stats in navigate help Start ------*/
/* ---  Logged out stats ---- */
.nh1 ul.stats 
{
    margin-top:14px;
}

.nh1 ul.stats li
{
    color:#00A4E3;
    padding-left:15px;
    margin-left:10px;
    background-position:0 0;
    background-repeat:no-repeat;
    background-image:url(../images/icons/nh-1-icons.png);
    height:12px;
    line-height:12px;
}
.nh1 ul.stats li span
{
    color:#333333;
}

.nh1 ul.stats li.stat-members 
{
    background-position:0 0;
}
.nh1 ul.stats li.stat-stories
{
    background-position:0 -12px ;
}
.nh1 ul.stats li.stat-images
{
    background-position:0 -24px;
}
.nh1 ul.stats li.stat-video
{
    background-position:0 -36px;
}
.nh1 ul.stats li.stat-podcasts
{
    background-position:0 -48px;
}


.nh1 ul.stats li a:hover 
{
    text-decoration:underline;
    color:#999999;
}

.nh1 ul.stats li span 
{
    margin-left:3px;
    font-weight:bold;
    color:#000;
}
/*---- Stats in navigate help End ------*/


.nh2 
{
    text-align:right;
}

.nh2 ul 
{
    float:right;
    margin-right:15px;
}



/* Navigate Help Styles Start */



/* Navigate Tools Styles Start */
.tools 
{
	float:right;
	margin:0 0 0px 0;
}
.tools ul 
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 1px;
	padding:0px 10px 0;
	text-align:right;
	float:right;

}

.tools ul li {
	display:inline;
	margin:0 0 0 0;
	padding:0;
	float:left;
	
}

.tools ul li a {
    border-right:1px solid #666;
    color:#666;
    display:block;
    font-size:93%;
    margin:0 0 0 5px;
    padding:0 5px 0 0;
    text-decoration:none !important;
}

.tools ul li a:hover {
	color:#000;
	text-decoration:underline;
}

.tools ul li a.print span.icon 
{
}

/*
.tools ul li a.print span.icon,
.tools ul li a.top span.icon,
.tools ul li a.email span.icon
.delete span

*/

.icon
{
	
	display:block;
	height:16px;
	width:16px;
	margin:0 5px 0 0;
	float:left;
	color:#000;
	background-image:url(/content/images/icons/sprite-icons.png);

}

.tools ul li a.print span.icon {
	background-position:-48px 0;
}

.tools ul li a.top span.icon {

	background-position:-64px 0;
}

.tools ul li a.email span.icon {
	
	background-position:-80px 0;
	
}

.delete 
{
    text-align:center;
    width:60px;
    margin:14px auto 0px;
}

.delete span.icon
{
    background-position:-96px 0!important;
    display:block;
}

.delete a
{
    color:#000;
    text-decoration:none;
}

/* Navigate Tools Styles End*/

/* Navigation Styles End  */






/* Custom Form Styles Start */

input.small 
{
    background:#7DBB3F url(../images/forms/bg-input-small.jpg) no-repeat 0 0;
    width:60px;
}

input.medium
{
    background:#7DBB3F url(../images/forms/bg-input-medium.jpg) no-repeat 0 0;
    width:120px;
}

input.large
{
    background:#7DBB3F url(../images/forms/bg-input-large.jpg) no-repeat 0 0;
    width:180px;
}

input.small, input.medium, input.large 
{
    color:#FFFFFF;
    height:22px;
    line-height:22px;
    /*font-family:Lucida Sans, Arial. Sans-Serif;*/
    border:0;
    padding:0;
    font-size:100%;
    position:absolute;
    right:10px;
    bottom:10px;
}

input.small:hover, input.medium:hover, input.large:hover 
{
    color:#ccc;
    cursor:pointer;
}


.article-comments textarea 
{
    width:418px;
    border:0;
    height:80px;
}

.vadjust
{
    margin-top:-11px!important;
    z-index:1000;
}

.comment li 
{
    padding-top:5px;
}

/* Add this tool box styles start */

.addthis_toolbox .two_column
{
	width: auto;
	padding: 10px 0 10px 0px;
	border: 3px solid #eee;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	font-size: 11px;
	margin-bottom: 10px;
	background-color:#fff;
}
.addthis_toolbox .padding1
{
	width: 190px;
	padding: 10px 0 10px 10px;
}

.detailstitle
{
	color:#00A4E3;
    float:left;
    margin:4px 0 8px 4px;
    padding:0 0;
    width:70px;
}
.event-details


{
	float: left;
    margin:2px 0;
	padding:2px 0;
	height: auto;
	color: #333;
}

.addthis_toolbox .two_column a
{
	padding: 4px 0 4px 34px;
	position: relative;
	width:55px;
	display: block;
	text-decoration: none;
}

.addthis_toolbox .two_column .link a
{
	padding: 4px 0 4px 21px;
	position: relative;
	width: 170px;
	display: block;
	text-decoration: none;
	font-size: 13px;
}

.word
{
	background-image: url(../images/word_icon.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
		
}

.addthis_toolbox .two_column .link a:hover
{
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	background-position: left 4px;
	background-repeat: no-repeat;
	background: #fff;
	text-decoration: none;
	background-image: url(../images/word_icon.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
}

.addthis_toolbox .two_column .details a
{
	padding: 0px 0 0px 0px;
}


.addthis_toolbox .two_column a:hover
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #B4D3F8;
	text-decoration: none;
}

.addthis_toolbox .two_column .details a:hover
{
	padding: 0px 0 0px 0px;
	background: none;
	color: #999;
}


.addthis_toolbox .two_column span
{
	position: absolute;
	left: 14px;
	top: 4px;
}

.addthis_toolbox .two_column .top
{
	padding: 0 0 10px 0;
	border-bottom: solid 1px #eee;
	margin-bottom: 10px;
	margin: 0 20px 10px 20px;
}

.addthis_toolbox .two_column .more
{
	border-top: solid 1px #eee;
	padding: 10px 0 0 0;
	margin: 10px 20px 0 20px;
	text-align: center;
}

.addthis_toolbox .two_column .more a
{
	padding: 4px 0;
	width: auto;
}

.addthis_toolbox .two_column .more span
{
	display: none;
}

.addthis_toolbox .two_column .column1
{
	width: 90px;
	float: left;
	margin-left: 10px;
}

.addthis_toolbox .two_column .column2
{
	width: 90px;
	float: left;
}

.addthis_toolbox .two_column .clear
{
	clear: both;
	padding: 0;
	display: block;
	height: 0;
	width: 0;
}

/* Add this tool box styles ends */

/* Unigue Uploading styles start */

.edit-album 
{
    
}

ul.edit-album 
{
    padding:0;
    margin:10px 0 5px 3px !important;  
}

ul.edit-album li
{
    margin:0 10px 20px;
    padding:10px 0 0;
    text-align:center;
    width:148px;
    height:155px;
    background:transparent url(/Content/images/common/bg-edit-album-li.png) no-repeat 0 0;
}

ul.edit-album li input
{
    padding:0;
    margin:0 0 0 5px; 
    width:80px;
}

.edit-album img
{
    display:block;
    float:none;
    margin:10px auto;
}

/* Unigue Uploading styles end */

.reset 
{
    margin:0 0 5px 5px;
    padding:0;
}

.reset p, .reset h2, .reset h3
{
    margin:1em 10px .75em 10px;
    padding:0;
}


/* Gallery Rotator Styles Start */

.ad-gallery 
{
    width: 100%;
}
.ad-gallery, .ad-gallery * {
    margin: 0;
    padding: 0;
}

#gallery 
{
	margin-bottom:10px;
	width:430px;
}

.ad-gallery p 
{
    margin:0;
    font-size:80%;
    line-height:177%;
}

.ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 286px;
    margin-bottom:0px;
    position: relative;
    overflow: hidden;
    border:1px solid #ccc
}
    .ad-gallery .ad-image-wrapper .ad-loader {
    position: absolute;
    z-index: 10;
    top: 30%;
    left: 35%;
    border: 1px solid #CCC;
    }
.ad-gallery .ad-image-wrapper .ad-next {
    position: absolute;
    right: 0;
    top: 0;
    width: 25%;
    height: 100%;
    cursor: pointer;
    display: block;
    z-index: 100;
    }
.ad-gallery .ad-image-wrapper .ad-prev {
    position: absolute;
    left: 0;
    top: 0;
    width: 25%;
    height: 100%;
    cursor: pointer;
    display: block;
    z-index: 100;
    }
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
    /* Or else IE will hide it */
    background: url(non-existing.jpg)\9
    }
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
    background: url(../images/gallery/ad_prev.png);
    width: 30px;
    height: 30px;
    display: none;
    position: absolute;
    top: 47%;
    left: 0;
    z-index: 101;
    }
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
    background: url(../images/gallery/ad_next.png);
    width: 30px;
    height: 30px;
    right: 0;
    left: auto;
    }
    
.ad-gallery .ad-image-wrapper .ad-image {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 9;
    }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 7px;
    text-align: left;
    width: 100%;
    z-index: 2;
    background: url(../images/gallery/opa75.png);
    color: #000;
}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
    background: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
    }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
  display: block;
}
.ad-gallery .ad-controls {
    height: 20px;
}
.ad-gallery .ad-info {
    float: left;
}
.ad-gallery .ad-slideshow-controls {
    float: right;
    line-height:100%;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
    padding-left: 5px;
    cursor: pointer;
    font-size:80%;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
    padding-left: 5px;
    color:#999;
}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {
    cursor: default;
    font-style: italic;
}
.ad-gallery .ad-nav {
    width: 100%;
    position: relative;
    border:1px solid #FFFFFF;
    }
.ad-gallery .ad-forward, .ad-gallery .ad-back {
    position: absolute;
    top: 0;
    height: 62px;
    z-index: 10;
}
/* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {
    height:62px;
}
.ad-gallery .ad-back {
    cursor: pointer;
    left: -15px;
    width: 13px;
    display: block;
    background: url(/Content/images/gallery/ad_scroll_back.png) 0px 22px no-repeat;
}
.ad-gallery .ad-forward {
    cursor: pointer;
    display: block;
    right: -15px;
    width: 13px;
    background: url(/Content/images/gallery/ad_scroll_forward.png) 0px 22px no-repeat;
}
.ad-gallery .ad-nav .ad-thumbs {
    overflow: hidden;
    width: 100%;
}
.ad-gallery .ad-thumbs .ad-thumb-list {
    float: left;
    width: 9000px;
    list-style: none;
    }
.ad-gallery .ad-thumbs li {
    float: left;
    padding-right: 5px;
    list-style-type:none;
    }
.ad-gallery .ad-thumbs li a {
    display: block;
    }
.ad-gallery .ad-thumbs li a img {
    border: 3px solid #CCC;
    display: block;
}
.ad-gallery .ad-thumbs li a.ad-active img {
    border: 3px solid #616161;
}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
    position: absolute;
    left: -9000px;
    top: -9000px;
}

/* Gallery Rotator Styles End */

/* Search Results Styles Start */

.srch-results 
{
    
}

.srch-results h3
{
    margin:0 10px;
    padding:0 0 0 0;
    font-size:120%;
}


.srch-results h3 span
{
    font-size:90%;
    color:#999999;
}

.srch-results li
{
    border-bottom:1px dotted #ccc;
    margin-bottom:10px;
}

.srch-results li img 
{
    float:left;
}


.news-results ul li h3, .news-results ul li p,
.events-search ul li h3, .events-search ul li p
{
    margin-left:0px;
}


/* Search Results Styles End */

/* paging Styles Start */

.paging 
{
    background-color:#F1F9FC;
    padding:5px 10px;
    margin:10px 0;
    font-size:90%;
    border:1px solid #fff;
    
}

.paging em 
{
    padding:1px 4px;
    margin:0 2px;
}

.paging a
{
    background-color:#fff;
    border:1px solid #ccc;
    padding:1px 4px;
    margin:0 2px;
    text-decoration:none;
    color:#333;
}

.paging a:hover
{
    background-color:#ccc;
    border:1px solid #ccc;
}

/* paging Styles End */

/* autocomplete styles start */

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('../images/common/loading.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}


/* autocomplete styles end */

#newsarticle ol, #newsarticle ul 
{
    margin:10px 40px;
    padding:0;
}
#newsarticle ol li, #newsarticle ul li
{
    margin:5px 0px;
    padding:0;
    color:#999;
}
#newsarticle ul li 
{
    list-style-type:disc;
}

#newsarticle .box h2 {
	/*14px equivalent*/
	font-size:146%; 
	background-image:none!important;
	
}
.copy p 
{
    margin:10px 10px!important;
    padding:0px 0px!important;
}
.copy ul
{
    margin:10px 20px 20px !important;
    padding:0px 0px!important;
    background-color:#fff!important;
    list-style-position:inside!important;
    list-style-type: disc!important;
}

.copy ul li
{
    list-style-position:inside!important;
    list-style-type: disc!important;
    background-color:#fff!important;
    margin:5px 0px!important;
}

.results ul li 
{
    float:none;
}

.search-results 
{
    
}
.search-results ul
{
    margin:0 10px;
}

.search-results ul li
{
    margin:10px 0 ;
    padding:0 0 10px 0;
    border-bottom:1px dotted #ccc;
}
.search-results ul li div.left
{
    margin-right:10px ;
}

/* Related Search Styles Starts */
.volunteering, .friendship, .splash, .change
{
    padding:0;
    margin:0px 0 10px;
    -moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.related-search h3
{
    padding:0;
    margin:10px;
}

.related-search p 
{
    padding:0;
    margin:0;
}
.related-search p a
{
    color:#fff;
    display:block;
    padding:5px 10px;
}
.related-search p a:hover
{
    color:#333;
    text-decoration:none;
}


.related-search p span
{
    color:#fff;
    font-weight:bold;
}

.related-search .volunteering 
{
    background-color:#00A4E3;
}
.related-search .friendship 
{
    background-color:#F37C20;
}
.related-search .splash 
{
    background-color:#FFB409;
}
.related-search .change
{
    background-color:#033A61;
}

.volunteering:hover, .friendship:hover, .splash:hover, .change:hover
{
    background-color:#ccc;
}
/* Related Search Styles Ends */

.event-map 
{
    border:#ccc;
    background-color:#F1F1F1;
    margin:10px 0px 10px;
    height:300px;
}
#Sitemap li a
{
    color:#999999;
}

code 
{
    border:1px solid #ccc;
    padding:5px;
    display:inline-block;
    line-height:120%;
    font-size:85%;
}

.toolkit-bg 
{
    background-image: url(../images/toolkit/toolkit-bg.jpg);
    background-position:right top;
    background-repeat:no-repeat;
    height:100px;
}

h3.toolkit 
{
    font-size:120%;
    border-bottom:1px solid #008CC1;
    margin-bottom:10px;
}

.ie6-leaderboard 
{
    width:700px !important;
    height: 82px !important;
}