/******************************
Defaults 
*******************************/
body {
	margin: 0px;
	background-image:url('http://www.ymex.org/files/back-gradient.png');
	background-repeat:repeat-x; 
	background-position:top;
	background-color: #007996;
	color:#fff;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

td, th, div, p {
	color:#000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a { color: #007996; text-decoration: none; }
a:hover { background-color: #b2d4dc; }
.nohover:hover { background-color:transparent; }

.underlinelinks a {
	text-decoration: underline !important;
}

hr { 
	/*width:100%; */
	border-style:none; 
	background:#fff;
	color:#fff;
	border-top:1px dotted #666666;
	margin:0 0 10px 0;
}

hr.solid{
	/*width:100%; */
	border-style:none; 
	background:#fff;
	color:#fff;
	border-top:1px solid #666666;
	margin:10px 0 10px 0;
}


h1 { font-size:36px; font-weight:bold; }
h2 { font-size:18px;  font-weight:bold; }
h3 { font-size:16px; font-weight:bold; }

/******************************
Common
*******************************/
/* Colors */
.note { font-size: 11px; color: #999; font-weight: normal; }
.white { color: #fff; }
.red { color:#990000; }
.black { color:#333; }
.grey { color:#999; }


/* text sizes */
.smalltext { font-size:10px; } 

/* structural */
.yellowbox { background-color:#FFFFCC;  border:#FFCC33 solid 1px; padding: 4px; }
.authorbox { background-color:#CFFFCC;  border:#4DBF47 solid 1px; padding: 4px; width: 250px; margin:4px 0px 4px 22px; padding: 4px; }


.nobullets li { list-style-type:none; }
.inline { display:inline; }
.avatar { border: 1px solid #ccc; }

/* hr lines */
div.dottedline { height: 15px; background: url('http://www.ymex.org/files/dot.png') repeat-x center; }
div.dottedline hr { display: none; }



/******************************
Modules
*******************************/

/* Featured Module */
.mod_featured { padding:0px 10px 15px 10px; border:1px solid #DFDFDF; background-color:#6a99a5 ; }
.mod_featured img.leftimage { float:left; margin:0px 15px 7px 0px; border: 1px solid #fff; }
.mod_featured h2 { color:#E4FFDF !important; }
.mod_featured p { padding: 0px 5px 0px 5px;  }
.mod_featured a { color: #FFFFFF; text-decoration: underline;}
.mod_featured a:hover { color: #FFFFFF; text-decoration: none;}

/* Blueish Gradient Module */
.mod_blue { background: url('http://www.ymex.org/files/login_box.gif') no-repeat; height: 150px; width:300px; padding:10px; }
.mod_blue h1, .mod_blue h2 { margin:0px; color:#fff !important;  }
.mod_blue a { color:#fff !important; text-decoration:none; }

/* News Feed (homepage) */
.mod_newsfeed { background-color:#f5f5f5; border: solid 1px #eee; padding: 0px 10px; }
.mod_newsfeed  h2 { color: #7c7c7c;  padding: 0px 10px; }
.mod_newsfeed .odd { background-color:#dce9ef; padding: 10px; }
.mod_newsfeed .even { background-color:#f5f5f5; padding: 10px; }


/* Modules/Spotlights */
.mod_spotlight { background-color:#f2f2f2; border: solid 1px #ececec; padding:10px; }
.mod_spotlight  h2 { color: #7c7c7c;  margin:0px 15px 7px 0px; }
.mod_spotlight img.left { float:left; margin:0px 15px 7px 0px; }
.mod_spotlight img.right { float:right; }

/* Member Story */
.mod_memberstory { background-color:#f5f5f5; border: solid 1px #ececec; padding:10px; }
.mod_memberstory img.left { float:left; margin:0px 15px 7px 0px; width: 140px; height: 90px; }
.mod_memberstory  h3, .mod_memberstory  h2 { color: #7c7c7c;  margin:0px 15px 7px 0px; }
.mod_memberstory  p { font-style:italic; color:#666666; }

/* Generic */
.mod_genericbox { background-color:#f5f5f5; border: solid 1px #ececec; padding:10px; }
.mod_genericbox  h3, .mod_genericbox  h2 { color: #7c7c7c; margin:0px 15px 7px 0px; }
.sectionhead { background-color:#484848; border-bottom:1px solid #FFFFFF; line-height:25px; color:#FFFFFF; padding-left: 15px; background-position:97%; background-repeat: no-repeat; }
.sectionhead a { color:#FFFFFF; }

/* Profile Box */
.mod_profilebox { background-color:#f5f5f5; border: solid 0px #ececec; padding:0px; }
.mod_profilebox .ribbon a { color:#FFFFFF; }
.mod_passionbox { background-color:#f5f5f5; border: solid 1px #ececec; padding:5px; }
.mod_passionbox h2 { color:#007996; font-style:italic; font-size:16px; font-family: Georgia !important; }

/* Comments */
.comments_author { clear:both; color:#999999; padding-top: 8px; text-align:left; }
.comments_avatar { float:left; padding-right: 10px;} 
.comments_text { float:left; padding: 10px; width:80%; background-color:#FFFFFF; border: solid #cccccc 1px }
.comments_counter { float:right; font-size: 28px; color:#B5D7DF;  }

/* Media List Items */
.media_author { clear:both; color:#999999; padding-top: 8px; text-align:left; }
.media_avatar { float:left; padding-right: 10px;} 
.media_text { float:right; padding: 10px; width:80%; background-color:#FFFFFF; border: solid #cccccc 1px }
.media_counter { float:right; font-size: 28px; color:#B5D7DF;  } 

/* Mini Media Box (Used on Profiles mainly) */
.minimidea_author { clear:both; color:#999999; padding-top: 8px; text-align:right; font-size: 10px; }
.minimidea_text { float:left; border:1px dotted #DBDBDB; padding: 9px; width:87%; } 
.minimidea_counter { float:right; font-size: 28px; color:#B5D7DF;  } 

/* FAQ Box, used on FAQ (duh) */
.faq_author { clear:both; color:#999999; padding-top: 8px; padding-left: 15px; text-align:left; font-size: 10px; }
.faq_text { float:left; padding:10px; background-color:#FFFFFF; border: solid #cccccc 1px; }

/* Group Task Lists */
.tasktable td,
.tasktable th {
	border: 1px #CCC solid;
}
.tasktable th {
	background-color:#91E3F2;
}

/* New Box with border and heading in border (like on forums) */
fieldset {
	border:1px solid #CCCCCC;
	padding: 10px;
}
fieldset h3 {
	font-size: 12px;
	font-weight: bold;
}
fieldset legend{
	font-size: 14px;

	color:#999999;
}
fieldset hr {
	border-style:none; 
	background:#fff;
	color:#fff;
	border-top:1px solid #CCC;
	margin:25px auto;
	width: 50%;
}

/******************************
Widget
*******************************/
#widget {
	padding: 8px 8px;
	width:400px;
	border:#CCCCCC 1px dotted;
	vertical-align:middle;
}
#widget_stats {
	padding-bottom: 7px;
}

#widget .share {
	float:left;
	line-height:24px;
	padding-right: 5px;
}
#widget  #btn_widget_fav {
	float:left;
	padding-left: 26px;
	padding-right: 5px;
	background: url('http://www.ymex.org/files/icons/fav_blank.png') no-repeat left;
	line-height: 24px;
}
#widget #btn_widget_fav.fav_active {
	float:left;
	padding-left: 26px;
	padding-right: 5px;
	background: url('http://www.ymex.org/files/icons/fav.png') no-repeat left;
	line-height: 24px;
}

#widget  #btn_widget_flag {
	float:left;
	padding-left: 26px;
	padding-right: 5px;
	background: url('http://www.ymex.org/files/icons/flag_blank.png') no-repeat left;
	line-height: 24px;
	margin-left: 5px;
}
#widget #btn_widget_flag.flag_active {
	float:left;
	padding-left: 26px;
	background: url('http://www.ymex.org/files/icons/flag.png') no-repeat left;
	line-height: 24px;
	padding-right: 5px;
	margin-left: 5px;
}

/* Rating */
.rating {
	float:left;
	margin:4px 7px 0px 0px;
	cursor: pointer;
	display: block;
}
.rating:after {
	content: '.';
	display: block;
	height: 0;
	width: 0;
	clear: both;
	visibility: hidden;
	float: left;
}
.cancel,
.star {
	float: left;
	width: 17px;
	height: 16px;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
}
.star-left, .star-right {  width: 8px }
.cancel, .cancel a {background: url("http://www.ymex.org/files/icons/delete.gif") no-repeat 0 -16px;}

.star, .star a {background: url("http://www.ymex.org/files/icons/rating.png") no-repeat 0 0px;}
.star-left, .star-left a {background: url("http://www.ymex.org/files/icons/star-left.gif") no-repeat 0 0px;}
.star-right, .star-right a {background: url("http://www.ymex.org/files/icons/star-right.gif") no-repeat 0 0px;}
	
.cancel a, .star a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0px;
}

div.rating div.on a { background-position: 0 -16px; }
div.rating div.hover a, div.rating div a:hover { background-position: 0 -32px; }


/******************************
Bubble Buttons
*******************************/
a.btn_blue:link span, a.btn_blue:visited span { 
	float:left; 
	background:url("http://www.ymex.org/files/btn-blue.png") top right no-repeat; 
	padding: 8px 12px 0 0; 
	height:26px; 
	cursor:pointer; 
	color:#ffffff; 
	font-weight:bold; 
	font-size:120%; 
	text-decoration:none;
}
a.btn_blue:link span.btn_blue_left, a.btn_blue:visited span.btn_blue_left { 
	float:left; 
	background:url("http://www.ymex.org/files/btn-blue.png") top left no-repeat; 
	width:12px; 
	padding: 0; 
	height:33px; 
	cursor:pointer;
}
a.btn_blue:hover span, a.btn_blue:focus span { 
	color:#ffffff; 
	text-decoration:underline; 
}


/*********************************
CONTENT TABS (USED ON MEDIA INDEXS)
**********************************/

#contentbox_tabs { margin-bottom:6px;  margin-top:8px;  font-weight:bold;  }

#contentbox_tabs li.active {
	padding: 5px 10px 6px 10px;
	display: inline;
	list-style-type: none;
	font-size:14px;
	border-top: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
	border-left: 1px solid #bcbcbc;
}

#contentbox_tabs li.inactive {
	padding: 2px 8px 2px 12px;
	position:relative;
	top: 4px;
	margin-left: -1px;
	margin-right: -1px;
	display: inline;
	list-style-type: none;
	font-size:12px;
	border-top: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
	border-left: 1px solid #bcbcbc;
	background-color: #f5f5f5; 
}


#contentbox_tabs li.active a, #contentbox_tabs li.active a:hover{
	color: #7c7c7c !important;
	text-decoration:none;
}
#contentbox_tabs li.inactive a, #contentbox_tabs li.inactive a:hover{
	color: #7c7c7c !important;
	text-decoration:none;
}
#contentbox_tabs li.inactive a:hover, #contentbox_tabs li.active a:hover{
	background-color: transparent;
	text-decoration:underline;
}


/******************************
Forms & Errors & Messages
*******************************/

textarea, .input  {
	background-color:#F0F0F0;
	border:1px solid #8F8F8F;
	padding: 3px;
	font-family:lucida grande, tahoma, verdana;
	font-size: 11px;
}

select, optgroup {
	background-color:#F0F0F0;
	border: 1px solid #8F8F8F; 
	padding: 2px;
}

input.button, .button {
	background-color: #CCCCCC;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	padding: 2px;
}

/* Forms on white backgrounds, generally big forms */
table#form { margin: 10px; width: 100%; }
table#form td { padding: 3px; vertical-align:top; }

table#form label {
	color:#363636;
	display:block;
	font-size: 11px;
	/*font-weight: bold;*/
	margin: 3px 5px 1px 0px;
	text-align:right;
}

/* Errors & Messages */
.errorbox {
	border: 2px solid #9F0B00;
	background-color:#9F0B00;
	vertical-align:middle;
	padding: 5px;
	color: #fff !important;
}
.error { font-weight:bold; color:#D50000 !important; }
.msgbox {
	border: 1px solid #00CC33;
	background-color:#CCFFCC; 
	padding: 4px;
	vertical-align:middle;
	color: #333 !important;
}

/******************************
Header & Footer
*******************************/
/* Styles */
.maincontent {
	border-top: 1px solid #484848; 
	border-left: 1px solid #484848; 
	border-right: 1px solid #484848; 
	padding: 20px 7px; 
	background-color:#fff;
	width: 960px;
	color:#000 !important;
	
}
.header { 
	margin-top:8px;
	width: 960px;
}
.headlinks {
	font-size: 10px;
}

.header a { font-size: 11px; }
.footer {
/*	padding: 0px 20px 0px 20px; */
	line-height:18px;
	color: #999 !important;
	border-left: 1px solid #484848; 
	border-right: 1px solid #484848;
}

/* Navigation */
#navcontainer { padding: 0; border-top: 1px solid #001A1E; }

#navcontainer ul {
	border: 0; margin: 0; padding: 0;
	list-style-type: none;
	text-align: center;
	width: 960px;
}

#navcontainer ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#navcontainer ul li a {
	line-height: 40px;
	border-left: none;
	border-right: none;
	padding: 0; margin: 0;
	display:block;
	height:40px;
	text-align: center; text-decoration: none;
	vertical-align: middle; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; color:#FFFFFF;
	font-weight:bold;
	background-image:url('http://www.ymex.org/files/nav-gradient.png');
	background-repeat:repeat-x;
	background-position: left;
}

#navcontainer  #current {
	background-image:url('http://www.ymex.org/files/nav-active.png');
	background-repeat:repeat-x;
	background-position: left;
}

#navcontainer  #dropdown {
	background:url('http://www.ymex.org/files/nav-separator.png') left no-repeat;
}

#navcontainer .home { 	width: 108px; }
#navcontainer .middle { width: 104px; }
#navcontainer .issues {	width: 114px; }
#navcontainer .comm { 	width: 114px; }


/* FOR DROPDOWN MENU */
#dropmenudiv{
	position:absolute;
	border:1px solid black;
	border-bottom-width: 0;
	font:normal 12px Verdana;
	line-height:18px;
	z-index:100;
}

#dropmenudiv a {
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid black;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
}

#dropmenudiv a:hover { /*hover background color*/
	background-color: #CFFFDF;
}


/*  These are the rollover settings use in the upload media popup */
#writingicon {
  display: block;
  width: 110px;
  height: 95px;
  background: url("http://www.ymex.org/files/popup/popup-writing.png") no-repeat 0 0;
}
#writingicon:hover { 
  background-position: 0 -95px;
}
#writingicon span {
  display: none;
}

#audioicon {
  display: block;
  width: 110px;
  height: 95px;
  background: url("http://www.ymex.org/files/popup/popup-audio.png") no-repeat 0 0;
}
#audioicon:hover { 
  background-position: 0 -95px;
}
#audioicon span {
  display: none;
}

#videoicon {
  display: block;
  width: 110px;
  height: 95px;
  background: url("http://www.ymex.org/files/popup/popup-video.png") no-repeat 0 0;
}
#videoicon:hover { 
  background-position: 0 -95px;
}
#videoicon span {
  display: none;
}

#mashupicon {
  display: block;
  width: 110px;
  height: 95px;
  background: url("http://www.ymex.org/files/popup/popup-mashup.png") no-repeat 0 0;
}
#mashupicon:hover { 
  background-position: 0 -95px;
}
#mashupicon span {
  display: none;
}

#gameicon {
  display: block;
  width: 110px;
  height: 95px;
  background: url("http://www.ymex.org/files/popup/popup-game.png") no-repeat 0 0;
}
#gameicon:hover { 
  background-position: 0 -95px;
}
#gameicon span {
  display: none;
}

#imageicon {
  display: block;
  width: 110px;
  height: 95px;
  background: url("http://www.ymex.org/files/popup/popup-image.png") no-repeat 0 0;
}
#imageicon:hover { 
  background-position: 0 -95px;
}
#imageicon span {
  display: none;
}