@CHARSET "UTF-8";

/****************************************************/
/* Global Styling - ONEsite Core                    */
/* Last Edit: 1:41 PM CST - 07.07.09                */
/* Last Edit By: rmiller                            */
/* Version: 2.1 / Production                        */
/****************************************************/

@import "buttons.css?ver=3";

body {
	margin: 0;
	padding: 0;
	font: 500 12px/14px arial, helvetica, verdana, sans-serif;
	color: #000;
}

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

h1, h2, h3, h4, h5, h6 {line-height: normal}
.module h1,
.module h2,
.module h3,
.module h4,
.module h5,
.module h6 {margin: 0; padding: 0;}
.module ul,
.module li {margin: 0; padding: 0; list-style: none;}
img {border: 0 none;}

.spreader {clear: both;}
.center {margin: 0 auto;}


/*--  Link Styles (default)  -----------------------------------------------------*/

a {color: #06c; text-decoration: none;}
a:visited {}
a:hover {color: #147;}
a:active {}


/*--  Toolbar Defaults  ----------------------------------------------------------*/

/* network nav */
.one_tb_menulinks_separatorspan {display: none;}
.one_tb_menulinks_default {margin-right: 10px;} /* still in use? */


/*--  Module Defaults  -----------------------------------------------------------*/

/* base module (new structure - modCap elements) */

.modCap {} /* sets the height for the top and bottom module caps */
 .modCapTop {}
 .modCapBottom {}
.modCorner {height: 100%;}
 .modCorner-tl {}
 .modCorner-bl {}
 .modCorner-tr {} /* set left margin to the width of the corner graphic below*/
 .modCorner-br {} /* set left margin to the width of the corner graphic below*/
 .modCapContent {height: 100%;} /* set right margin to the width of the corner graphic below*/
.modBody {}
.modBodyContent {}


/* base module (legacy elements **most are still used in new modCap structure**) */  

.module {/*clear: both;*/ margin: 0 0 10px; padding: 0; border: 0;}
.module .container {margin: 0; padding-bottom: 5px; border: 0 none;}
.module .title_container {}
.module h3.title {margin: 0; padding: 3px 0;}
.module h3.title a.title_span_link {color: #000;}
.module h3.title a.title_span_link:hover {color: #000;}
.module h3.title .title_span {margin-left: 10px;}
.module h3.title .title_span_div {display: inline;} /* still active on legacy sites */
.module h3.title span.title_html {}
.module ul {margin: 0; padding: 0; list-style: none;}
.module ul.modUl {}
.moduleFooter {clear: both; text-align: right;}

/***  Module More Link  ***/
.moreLink {margin-right: 10px; padding: 3px 0; /*position: relative; z-index: 999;*/} /* was for CC? */
.moreLinkTop {float:right;}

 /* other module styling */
.description {display: none;} /* module description field, currently used in the D&D layout in the cpanel */

/** casing title */
.casingSubtitle {
	margin: 0 10px;
}
.casingSubtitle h1 {
	margin: 0 0 10px 0;
}

/***  Module RSS link  ***/
.title_rss {
	width: 36px;
	height: 14px;
	margin: 10px 0 0 10px;
	float: right;
	background-image: url('/resources/images/rss.gif');
	background-repeat: no-repeat;
}
.title_rss a span {
	padding: 0;
	display: none;
}

.rssButton {
	background:url('/resources/images/icons/icn_rss.gif') no-repeat top left;
	display:block;
	float:right;
	width:16px;
	height:16px;
}


/***  custom html modules  ***/

.mod_custom_html {

	padding: 0;
	border: 0 none;
	background: transparent;
}
.mod_custom_html .container,
.mod_custom_html ul {

	margin: 0; 
	padding: 0;
	border: 0 none;
	background: transparent;
}


/*--  Navigation  ------------------------------------------------------------------*/

/*** User Nav (owner / horizontal) ***/

.mod_user_cp {
	margin: 0;
}
.mod_user_cp .container {
	margin: 0;  /* remove this from style.one! */
}
#cpContainer {
	margin: 0 auto;
	background: transparent;
	clear: both;
	margin-top: 10px;
	border: 0px;
}
a.cpTab {
	width: 72px;
	/* height: 12px; */
	display: block;
	float: left;
	margin: 3px 2px 0 0;
	padding: 7px 0px;
	color: #000;
	text-align: center;
	text-decoration: none;
	background: transparent url('/resources/images/tab_off.gif') top left no-repeat; /* NEED A TALLER IMAGE */
}
a.cpTab:hover {
	text-decoration: none;
}
a.cpTabSelected {
	background: transparent url('/resources/images/tab_on.gif') top left no-repeat; /* NEED A TALLER IMAGE */
	font-weight: bold;
}
div.cpTabOptions { /* need the div element here because the <a> tags have the same class name */ 
	margin: 0;
	padding: 6px 5px;
	border: 1px solid #666;
	background: #FFF;
	clear: both;
}
.cpTabOptions span {
	margin-right: 4px;
	padding: 2px;
	padding-top: 0;
}
.cpTabOptions span a {
	color: #000;
	text-decoration: none;
}
.tabON {
	font-weight: bold;
}

/* old? */ #cpTabContainer {   
	padding: 5px;
	background: #FFFFFF;
}
/* old? */ #cpTabContent {
	background: #FEFEFE;
	padding-top: 5px;
	border-top: 1px solid #D0D0D0;
}
/* old? */ #cpTabClose {
	float: right;
	padding: 3px;
	color: #999999;
	letter-spacing: .1em;
}
/* old? */ img.cpTabOptions {
	padding-right: 3px;
	position: relative;
	top: 4px;
	border: 0;
}

/*** User Nav (guest / horizontal) ***/

#siteSiteMenu {
	text-align: center;
}
#siteSiteMenu a {
	text-decoration: none;
}


/*--  Specific module element styling  --------------------------------------------------*/

.mod_photo_thumbs ul,
.mod_video_thumbs ul {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 10px;
}

.mod_photo_thumbs li, .mod_video_thumbs li, .mod_media li, .mod_users_list li, .mod_friends li {
	display: inline;
}

.media-thumb {
	display: block;
	float: left;
	width: 82px;
	height: 82px;
	margin: 5px;
	background-position: 50% 20%;
}

/*** friend and user listings  ***/

/* - original (backup)
.mod_friends li {
	display: inline;
	vertical-align: top;
} */
.mod_friends li {
	display: inline; /* probably need to condense to a temp(hopefully?) section */
	/* vertical-align: top; */
} 

.a-friend {
	float: left;
	margin: 5px;
	text-align: center;
}

a.main {display: block; margin: 0 0 3px;}
a.main img {margin: 0;}

/* need to remove the br tags from inside the oneMiniProfile, otherwise we need to use this */
.oneMiniProfile br {display: none;}
.oneMiniProfile #cc_profile_name br {display: block;}


.friend_srch_scroll_div  {
	z-index:100;
	border : solid 1px #696969; 
	background-color : #efefef; 
	color : #000000; 
	padding : 4px; 
	width : 525px; 
	height : 240px; 
	overflow : auto; 
}

/*** Subscriptions Module ***/
li.subscriptionsModRow {
	margin-top:10px;
}
li.subscriptionsModRowFirst {
	margin:0;
}

/*--  Comments  -------------------------------------------------------------------------*/

/*** Comments (Rounded Corners) - (untouched, except adding .comment td.comment-body)  ***/

.comment table {
	width: 100%;
}
.comment-avatar {
	width: 50px;
}
.comment {
	margin-bottom: 8px;
}
.comment p {
	margin: 0px;
	padding: 0px;
}
.comment-container {
	border: 0px none;
	color: #444444;
}
.comment td {
	padding: 4px;
}
.comment td.comment-body {  /* needed for IE */
	padding-right: 5px;
}
.comment strong {
	float: left;
	margin-top: 3px;
}
.comment-avatar img {
	border: solid 1px black;
}
.comment .hd2 .c, .comment .ft2 .c {
	font-size:1px; 
	height:13px;
}
.comment .hd2 {
	background:transparent url('/resources/images/comment-top-1.gif') no-repeat 0px 0px;
	margin-right: 9px;
}
.comment .hd2 .c {
	background:transparent url('/resources/images/comment-top-2.gif') no-repeat right 0px;
	margin-right: -9px;  
}
.comment .bd2 .c, .commentFooter {
	background: white;
	border-left: 1px solid #9D9D9D;
	border-right: 1px solid #9D9D9D;
}
.comment table .c {
	border: 0px none;
}
.comment .ft2 {
	background:transparent url('/resources/images/comment-bottom-1.gif') no-repeat 0px 0px;
	margin-right: 9px;
}
.comment .ft2 .c {
	background:transparent url('/resources/images/comment-bottom-2.gif') no-repeat right 0px;
	margin-right: -9px;
}
.bd2 .c {
	padding-left: 8px;
	padding-right: 8px;
}
.commentFooter {
	text-align: right;
	padding: 8px 8px 1px 8px;
}
.deleteCommentLink + span .content_flag_button,
.deleteCommentLink + span .content_flag_button_clicked {
	margin: 0px 0px 5px 0px;
}
.commentIcons {
	float: right;
	padding: 5px 0px 0px 0px;
}
.commentDateTime {
	float: left;
	text-align: left;
}
.commentTimePartTwo {
	color: #ABABAB;
}
.commentFootSpread {
	height: .1px;
}
.comment-gator {
	padding: 0px;
	background:transparent url('/resources/images/comment-gator.gif') no-repeat;
	display: block;
	height: 9px;
	width: 7px;
	float: left;
	right: 6px;
	top: 15px;
	position: relative;
	z-index: 900;
}


/*--  Tags  -----------------------------------------------------------------------------*/

/***  tags (untouched)  ***/
.content_tag_form_div  {
	background-image: url('/resources/images/tagbg.gif');
	padding: 4px;
	color: #000000;
	border:solid 1px #000000;	
	background-color: #F1F0EE;
	width: 350px;
	background-repeat: repeat-x;
	background-position: bottom left;
}
.content_tag_form_hdr  {
	color: #000000;
	font-weight: normal;
	color: #272727;
}
.content_tag_form_sub  {
	color: #807E7F;
	position: absolute;
	bottom: 3px;
}
.content_tag_form_title  {
	color: black;
	font-weight: bold;
}
.content_tag_list_display  {
	color: #000000;
	display: inline;
}
.content_tag_text_input  {
	background-color: #efefef;
	color: #000000;
	font-size: 10px;
	border: solid 1px #000000;
}


/***  tag cloud  ***/

.cloudWeight-5 a {
	font-size: 20px;
}
.cloudWeight-4 a {
	font-size: 18px;
}
.cloudWeight-3 a {
	font-size: 16px;
}
.cloudWeight-2 a {
	font-size: 14px;
}
.cloudWeight-1 a {
	font-size: 12px;
}
.more-link{
	float: right;
}


/*--  Specific Pages  --------------------------------------------------------------------*/

/*--  Photo SubGalleries (07.07.09)  ------------*/

.subGalleryContainer {
	margin: 0 0 10px;
}
.square-image {
	width: 65px;
	height: 65px;
	float: left;
	margin: 0 5px;
	overflow: hidden;
	text-align: center;
	/* position: relative; */
	border: solid 1px black;
}
.square-image img {
	display: block;
	position: relative;
	/* background-color: white; */
	margin: 0 auto;
	/* margin-top: -33px; */
	right: 50%; 
}
.square-image div {
	/* background: none; */ 
	/* position: absolute; */
	padding: 0;
	/* top: 33px; */
}
#gallery_subgalleries_container {
	padding-top: 15px;
	border: 0 none;
	clear: both;
}
#gallery_subgalleries_container h3 {
	margin: 0 0 5px;
	padding: 0;
}
#gallery_subgalleries_container h4 {
	margin: 0 0 3px;
	padding: 0;
	font-size: 12px;
}


/*--  Edit Profile  -----------------------------*/

td.prof_form_title {
	vertical-align: top;
}
.quoteOpt {
	display: block;
	padding-bottom: 5px;
	font-weight: normal;
}


/*--  User's group list page  -------------------*/

.groupList {
margin: 5px auto;
padding: 1px;
border: 1px solid #999;
}
.viewGroupLink {
padding: 2px 3px;
text-align: center;
}
.gListTitle {
padding-right: 5px;
}


/*--  Group Contact and Info Box  ---------------*/

#groupInfo {
	margin-top: 5px;
}
#groupInfo br {display: none } /* TEMPORARY! please remove from DOM */
#groupLinks {
	padding: 3px 5px;
}
#groupProfileBox {
	text-align:center;
	padding: 3px;
}
#groupInfo {
	border: 0 none;
}


/*--  login module (untouched)  -----------------*/

#loginBox {
	width: auto/*200px*/;
}
/* added: #loginBox... */
#loginBox .inputtext {
	width: 96%/*100%*/;
	margin: 0 0 5px;
}
.forgotPassword {
	float: right;
}
.signUpButtonLink {
	display: block;
	margin-top: 10px;
}
.monlogintable .inputtext {
	width: 106px;
	font-size: 10px;
}
.incorrectLogin {
	border: 1px solid #999999;
	margin-bottom: 4px;
	font-size: 85%;
	text-align: center;
	color: #CC0000;
	padding: 3px;
}
#quickLogin {
	width: 350px;
	border: 3px groove #331133;
	font-family: Verdana, Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	background-color: #ffffff;
	color: #000000;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 40px;
}
#quickLogin span {
	display: block;
	text-align: center;
	color: #001100;
	padding: 4px;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}


/*--  Message Boxes  --------------------------------------------------------------------*/

.greyMsgBox,
.redMsgBox,
.blueMsgBox,
.greenMsgBox,
.yellowMsgBox,
.whiteMsgBox,
.blueWhiteMsgBox {margin: 5px 0; padding: 5px; font-weight: bold; text-align: center;}
.greyMsgBox      {color: #000; border: 1px solid #DDDDDD; background-color: #F4F4F4;}
.redMsgBox       {color: #000; border: 1px solid #FF7070; background-color: #FFE0E0;}
.blueMsgBox      {color: #000; border: 1px solid #7070FF; background-color: #E0E0FF;}
.greenMsgBox     {color: #000; border: 1px solid #70FF70; background-color: #E0FFE0;}
.yellowMsgBox    {color: #000; border: 1px solid #FFE500; background-color: #FFF7AF;}
.whiteMsgBox     {color: #000; border: 1px solid #000000; background-color: #FFFFFF;}
.blueWhiteMsgBox {color: #FFF; border: 1px solid #2378B1; background-color: #2577B1;}

/* new layout system alerts */
.alertPageNotice {margin: 5px 0; padding: 5px; font-weight: bold; text-align: center; color: #000; border: 1px solid #FFE500; background-color: #ffc;}


/*--  Environment Hints  ----------------------------------------------------------------*/

#env_indicator {
	margin: 0;
	padding: 5px;
	float: none;  
	position: absolute; 
	top: 0; 
	left:0;
	z-index: 100;
	border: 1px solid white;
	background: #2f4567;
	color: white;
	font: 900 10px Verdana, Tahoma, Helvetica, Arial;
	text-align: center;
	opacity:.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
}
#previewingTheme {
	width: 100%;
	padding: 5px;
	position: fixed;
	z-index: 10000;
	border-bottom: 1px solid black;
	background: #fff;
	text-align: center;
}

/*--------------------- Drag-n-Drop Styles --------------------------*/

ul.user_dd {padding:0;margin:0;}
ul.user_dd li.dd_mod {list-style-type:none;}


/*--------------------- Flagging Styles -----------------------------*/

.flaggingMainContainer {font-size:12px;line-height:16px;}
.flag_header_div {margin-bottom:5px;}
.flag_header_div span {display:block;}
.flaggingMainContainer label {font-weight:bold;padding-right:5px;}
.flaggingMainForm input {width:250px;}

.flaggingMainForm .flaggingFormRow {padding:4px 0;}
.flaggingMainForm textarea {width:485px;}
.flaggingButtonRow {overflow:hidden;}
.flaggingButtonSubmit {float:left;}
.flaggingButtonCancel {float:right;}


/*--------------------- Badge Styles -----------------------------*/

.miniProfileBadgeStripes {
	position: absolute;	
}

.miniProfileBadgeTitles, .miniProfileBadgeBadges, .miniProfileBadgeRibbons {
	list-style-type: none;
	padding-left: 0;
}

.miniProfileBadgeBadges li {
	float: left;
	padding: 2px;
}


/*--------------------- Genocide/User Menu Styles -----------------------------*/

.moderationIcn {
	height: 16px;
	width: 16px;
	float: right;
	background: url(/resources/images/icons/icn_delete.gif) no-repeat center;
}

.moderationAdvancedIcn {
	height: 13px;
	width: 14px;
	background: url(/resources/images/icons/icn_edt_pfl.gif) no-repeat center;
}

.moderationIcn:hover, .moderationAdvancedIcn:hover {
	cursor: pointer;
}
.moderationMenuContainer {
	border: 1px solid black;
	padding: 5px;
	position: absolute;
	background-color: white;
	float: left;
	z-index: 1;
	width: 200px;
}

.moderationMenuContainer li {
	list-style-type: none;
	text-align: left;
}

.modertaionPanelTitle {
	font-weight:bold;
}

.modJustificationComponent {
	margin-bottom:10px;
}

.modJustificationNotes textarea {
	display:block;
	width:300px;
}

.eventModuleContainer {
	padding-top:5px;
	line-height:1.4em;
}

.eventModuleTime {
	color:#444444;
	font-size:115%;
	font-family:courier new;
}

/*--------------------- BBCode Display -----------------------------*/

/* SBlock BBCode */
.mbSBlockCaption {
	font-weight: bold;
	font-size: 90%;
}

.mbSBlockBtn {
	cursor:pointer;
	font-size: 90%;
}

.mbSBlockHidden {
	background:#dddddd;
	overflow: hidden;
	height: 10px;
}

.mbSBlockHidden span {
	display:none;
}

.mbSBlockVisible {
	background:#dddddd;
	padding: 5px;
}

/* Table BBCode */
.bbTable {
	border-style:solid;
	border-width:1px;
}

.oneBBCodeCode {
	border:1px inset #ffffff;
	background:#dddddd;
	color:#444444;
	padding:3px 5px;
	margin:5px 15px;
}

/* ------------- go/tag/view ------------- */
.content-title{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}

.posted-by-container{
	float: left;
	padding: 5px;
}

.posted-by-container img{
	margin-bottom: 5px;
}

.content-item{
	float: left;
	width: 450px;
	margin-left: 10px;
}

.content-image{
	margin-top: 10px;
}

.content-image img{
	height: 100px;
	width: 100px;
	border: 1px solid black;
}

.content-bounding-box, .content-bounding-box-last{
	padding: 15px 5px 15px 5px;
	margin: 5px;
}

.content-bounding-box{
	border-bottom: 1px solid black;
}

.content_container{
	border: 1px solid black;
	width: 600px;
	background-color: #eeeeee;
	margin-bottom: 20px;
}

.media-type-title{
	font-weight: bold;
	font-size: 16px;
	padding: 5px;
	border-bottom: 1px solid grey;
}

.tag-header {
	font-weight: bold;
	font-size: 16px;
	border-bottom: 1px solid black;
}

.content-footer{
	margin-top: 5px;
}

.num-views{
	float: left;
	padding-right: 10px;
	border-right: 1px solid black;
}

.num-comments {
	float: left;
	margin-left: 5px;
}

.more-content-link {
	text-align: right;
	padding: 5px;
	font-weight: bold;
}

#nav-top {
	margin-bottom: 5px;
}

/*--------------------- Tabs Default CSS -----------------------------*/
.tabNav {
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.tabNavItem {
	display: block;
	float: left;
	list-style: none;
}

.tabNavItem a {
	display: block;
	padding: 0.2em 0.6em 0.3em;
}

/* end style.css */