/* 
    Document   : _base
    Created on : Feb 9, 2012, 5:25:11 PM
    Author     : David
    Description:
------------------------------------------------------------------------------*/
.content-container { padding: 4px;}
.h1, .h2, .h3, .h4, .h5, .h6,
.content-container h1,
.content-container h2,
.content-container h3,
.content-container h4,
.content-container h5,
.content-container h6{ margin: 0; padding: 0;}
.h1, .content-container h1 { font-size: 1.5em;  line-height: 1.65em; margin-bottom: .40em; }
.h2, .content-container h2 { font-size: 1.25em; line-height: 1.38em; margin-bottom: .40em; }
.h3, .content-container h3 { font-size: 1.10em; line-height: 1.22em;}
.h4, .content-container h4 { font-size: 1.00em; line-height: 1.10em;}
.h5, .content-container h5 { font-size: 0.90em; line-height: 1.0em;   font-weight: bold;}
.h6, .content-container h6 { font-size: 0.75em; line-height: 0.825em; font-weight: bold;}
.trans-10 {	zoom: 1; filter: alpha(opacity=10);	opacity: 0.1; }
.trans-20 {	zoom: 1; filter: alpha(opacity=20);	opacity: 0.2; }
.trans-30 {	zoom: 1; filter: alpha(opacity=30);	opacity: 0.3; }
.trans-40 {	zoom: 1; filter: alpha(opacity=40);	opacity: 0.4; }
.trans-50 {	zoom: 1; filter: alpha(opacity=50);	opacity: 0.5; }
.trans-60 {	zoom: 1; filter: alpha(opacity=60);	opacity: 0.6; }
.trans-70 {	zoom: 1; filter: alpha(opacity=70);	opacity: 0.7; }
.trans-80 {	zoom: 1; filter: alpha(opacity=80);	opacity: 0.8; }
.trans-90 {	zoom: 1; filter: alpha(opacity=90);	opacity: 0.9; }
.btn_newcontent     { float: left; display: block; margin: 3px 0; }
.btn-forum-content  { float: left; display: block; margin: 3px 0; }
.btn-forum          { float: left; display: block; margin: 3px 0; }
/*  Reset Code
------------------------------------------------------------------------------*/
.btn-container button {
  margin         : 0;
  padding        : 0;
  border         : 0;
  background     : transparent;
  font-family    : inherit;
  font-size      : 1em;
  letter-spacing : 1px;
  cursor         : pointer;
}
.btn-container button::-moz-focus-inner {
  padding : 0;
  border  : 0;
}
.btn-container button span {
  display : block;
}
button {
	color: initial;
}
/*  ^Custom colors
----------------------------------------------------------------------------*/
span.gold		{ color: #FFCC33; }
span.silver		{ color: #BFC1C2; }
span.bronze		{ color: #CD7F32; }
/*  ^Content extensions
----------------------------------------------------------------------------*/
.block  { clear: both; padding: 1%; height: auto; }
.inline { display: inline-block; clear: none; }
.full         { width: 98%; padding: 1%; }
.half         { width: 48%; padding: 1%; }
.quarter      { width: 23%; padding: 1%; }
.one-third    { width: 31%; padding: 1%; }
.two-thirds   { width: 64%; padding: 1%; }
.one-fifth    { width: 18%; padding: 1%; }
.two-fifths   { width: 38%; padding: 1%; }
.three-fifths { width: 58%; padding: 1%; }
.four-fifths  { width: 78%; padding: 1%; }
.one-tenth    { width: 8%;  padding: 1%; }
.nine-tenths  { width: 88%; padding: 1%; }
.left     { float: left; }
.right    { float: right; text-align: left; }
.centered { text-align: center; }
/** These are all "bad" **/
.margin-small  { margin: 10px; }
.margin-medium { margin: 25px; }
.margin-large  { margin: 50px; }
.margin-bottom-small { margin-bottom: 10px; }
.margin-bottom-medium { margin-bottom: 25px; }
.margin-bottom-large { margin-bottom: 50px; }
.margin-left-small { margin-left: 10px; }
.margin-left-medium { margin-left: 25px; }
.margin-left-large { margin-left: 50px; }
.margin-right-small { margin-right: 10px; }
.margin-right-medium { margin-right: 25px; }
.margin-right-large { margin-right: 50px; }
.margin-top-small { margin-top: 10px; }
.margin-top-medium { margin-top: 25px; }
.margin-bottom-large { margin-bottom: 50px; }
.no-space { margin: 0px; padding: 0px; }
.no-space-bottom { margin-bottom: 0px; padding-bottom: 0px; }
.no-space-left { margin-left: 0px; padding-left: 0px; }
.no-space-right { margin-right: 0px; padding-right: 0px; }
.no-space-top { margin-top: 0px; padding-top: 0px; }
.padding-small { padding: 10px; }
.padding-medium { padding: 25px; }
.padding-large { padding: 50px; }
/** in use **/
.border-purple { border: 4px solid #663695; }
.border-gray { border: 4px solid #666; }
.border-bottom { border-bottom: 3px solid #663695; }
.border-left { border-left: 3px solid #663695; }
.border-right { border-right: 3px solid #663695; }
.border-top { border-top: 3px solid #663695; }
.border-top-section { border-top: 2px solid #666;}
.border-bottom-section { border-bottom: 2px solid #666;}
/** Good **/
.bdr-bs { border-bottom: 1px solid #666; }
.bdr-bm { border-bottom: 2px solid #666; }
.bdr-bl { border-bottom: 3px solid #666; }
.bdr-ts { border-top: 1px solid #666; }
.bdr-tm { border-top: 2px solid #666; }
.bdr-tl { border-top: 3px solid #666; }
.bdr-hs { border-top: 1px solid #666; border-bottom: 1px solid #666;}
.bdr-hm { border-top: 2px solid #666; border-bottom: 2px solid #666; }
.bdr-hl { border-top: 3px solid #666; border-bottom: 3px solid #666; }
.bdr-vs { border-left: 1px solid #666; border-right: 1px solid #666;}
.bdr-vm { border-left: 2px solid #666; border-right: 2px solid #666; }
.bdr-vl { border-left: 3px solid #666; border-right: 3px solid #666; }
.bdr-as { border: 1px solid #666; }
.bdr-am { border: 2px solid #666; }
.bdr-al { border: 3px solid #666; }
.bdr-notice  { border-color: #8A8A8A; } /** Grey   **/
.bdr-info    { border-color: #3399FF; } /** Blue   **/
.bdr-success { border-color: #4F8A10; } /** Green  **/
.bdr-warning { border-color: #CC9900; } /** Yellow **/
.bdr-verify  { border-color: #CC6600; } /** Orange **/
.bdr-error   { border-color: #D8000C; } /** Red    **/
.box-notice  { color: black; border-color: #8A8A8A; background-color: #C0C0C0; } /** Grey   **/
.box-info    { color: black; border-color: #3399FF; background-color: #BDE5F8; } /** Blue   **/
.box-success { color: black; border-color: #4F8A10; background-color: #BADDB0; } /** Green  **/
.box-warning { color: black; border-color: #CC9900; background-color: #FEEFB3; } /** Yellow **/
.box-verify  { color: black; border-color: #CC6600; background-color: #FFCC99; } /** Orange **/
.box-error   { color: black; border-color: #D8000C; background-color: #FFBFBF; } /** Red    **/
/** bad **/
.rounded {   border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; }
img.tiny { height: 14px; }
.green { color: #3f3 !important; }
.red { color: #f33 !important; }
.yellow { color: #ff3 !important; }
/*  ^Dropdown Lists
-----------------------------------------------------------------------------*/
/* Example: games and clubs page */
ul.list-spaced li, ol.list-spaced li { margin-bottom: 10px; }
ul.custom-select { background: #1A1A1A; display: inline-block; list-style: none; }
li.custom-select-parent { font-weight: bold; }
li.custom-select-parent ul
{
  visibility: hidden;
  position: absolute;
  display: block;
  margin-left: -8px;
  clear: both;
  list-style: none;
  background: #1A1A1A;
  border-bottom: 4px solid #663695;
} /* width: 27.5%;  */
li.custom-select-parent:hover ul { visibility: visible; }
li.custom-select-parent ul:first-child { padding-top: 5px; }
li.custom-select-parent ul:last-child { padding-bottom: 7px; }
li.custom-select-parent ul li { margin-left: -5px; padding-right: 10px; }
/*  ^Caption
------------------------------------------------------------------------------*/
.caption-container .caption {
	line-height: normal;
	margin: 0 0 5px;
	text-align: left;
}
.caption-container H2.caption {
	font-weight: bold;
}
.caption-container .caption {
	font-size: 1.6em;
}
.caption-container H3.sub-caption {
	margin-bottom: 8px;
}
.caption-container .sub-caption {
	background: url("/pics/misc/ui_line.gif") repeat-x scroll 0% 90%;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 8px;
    overflow: hidden;	
}
.caption-container .sub-caption span {
	background: none repeat scroll 0 0;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 8px 5px 0;	
}
/*  ^Form
-------------------------------------------------------------- */
form ul, form ol {
	list-style: none outside none;
}
.form {
	margin: 0 0 8px;
}
.form-body {
	margin: 0 0 8px;
}
.form-field {
	margin: 0 0 8px;
}
.field-label {
	padding-bottom: 4px;
}
.field-label label {
	font-weight: normal;
}
.field-label label .note {
	font-weight: normal;
	font-size: 83%;
	padding-left: 8px;
}
.form-field input[type="text"], 
input[type="password"], 
input[type="search"], 
textarea, 
select {
	background-color: #FFFFFF;
	border: 1px solid #BBBBBB;
}
.form-field input[type="text"],
.form-field input[type="password"],
.form-field input[type="search"],
.form-field select {
	width: 300px;
	padding: 4px;
}
.form-field textarea {
	font-size: 14px;
}
.form-row .form-field textarea {
    width: 300px;
    height: 10em;
}
.form-field input[type="text"].error,
.form-field input[type="password"].error,
.form-field input[type="search"].error,
.form-field input[type="checkbox"].error,
.form-field textarea.error,
.form-field select.error ,
.form-field ul.error {
	background-color: #FCC;
	border: 1px solid #D8000C;
}
.form-field span.error {
    margin: 8px 0px;
    padding: 4px;
	border: 1px solid #FCC;
}
.form-field input[type="text"].warning,
.form-field input[type="password"].warning,
.form-field input[type="search"].warning,
.form-field input[type="checkbox"].warning,
.form-field textarea.warning,
.form-field select.warning ,
.form-field ul.warning {
	background-color: #FEEFB3;    
	border: 1px solid #CC9900;
}
.form-field span.warning {
    margin: 8px 0px;
    padding: 4px;
	border: 1px solid #FEEFB3;
}
.form-field div.error {
    padding: 4px 0px;
}
.form-field label.error {
    display: inline-block !important;
    font-weight: bold;
    padding: 4px 0px;
}
.form-field div.error,
.form-field label.error {
	color: #CC6666;
}    
.form-field div.warning,
.form-field label.warning {
	color: #FF9900;
}    
.form-field input:disabled {
	background-color: #DDD;
}
div.form-field ul.error li span {
	color: #000;
}
/*  ^Images
------------------------------------------------------------------------------*/
.iconify { height: 125px; }
.iconifytiny { height: 80px; opacity:0.3; filter:alpha(opacity=30); } 
.iconifytiny:hover { height: 80px; opacity:1.0; filter:alpha(opacity=100); }
img.grayscale, 
.grayscale { filter: gray; -webkit-filter: grayscale(100%); }
img.grayscale:hover, 
.grayscale:hover { filter: none; -webkit-filter: none; }
/*  ^Messages
------------------------------------------------------------------------------*/
.messages {
	margin: 8px;
	border: solid 1px #BBBBBB;
	padding: 1px;
	float: right;
	width: 47%;
	text-align: left;
	vertical-align: baseline;
}
.msg-bar {
	text-align: center;
	vertical-align: baseline;
}
.msg-bar div {
    display: inline-block;
}
.msg-bar span {
    padding-right: 8px;
}
.forum .messages,
.club-container .messages {
    float: none;
    margin: 20px auto;
	text-align: center;
    width: 80%;
}
.forum .messages .message-container div {
    padding: 8px 60px;
}
.messages .caption {
	margin: 2px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	background-color: #696969;
	color: #DCDCDC;
	padding: 4px;
}
.messages .notice, 
.msg-bar .notice, 
.messages .link,
.msg-bar .link,
.messages .info, 
.msg-bar .info, 
.messages .success, 
.msg-bar .success, 
.messages .warning, 
.msg-bar .warning, 
.messages .verify, 
.msg-bar .verify, 
.messages .error, 
.msg-bar .error {
	background-repeat: no-repeat;
	background-position: 8px center;
	border-bottom: 1px solid;
	border-left: 1px solid;
	color: black;
	font-weight: bold;
	margin: 2px 2px 2px 2px;
	padding: 4px 4px 4px 35px;
}
.messages .notice, 
.msg-bar .notice {
	border-color: #8A8A8A;
	background-color: #C0C0C0;
	background-image: url('/pics/icons/flag_green.png');
}
.messages .link, 
.msg-bar .link {
	border-color: #8A8A8A;
	background-color: #C0C0C0;
	background-image: url('/pics/icons/link.png');
}
.messages .info, 
.msg-bar .info {
	border-color: #3399FF;
	background-color: #BDE5F8;
	background-image: url('/pics/icons/info.png');
}
.messages .success, 
.msg-bar .success {
	border-color: #4F8A10;
	background-color: #BADDB0;
	background-image: url('/pics/icons/success.png');
}
.messages .warning,
.msg-bar .warning {
	border-color: #CC9900;
	background-color: #FEEFB3;
	background-image: url('/pics/icons/warning.png');
}
.messages .verify,
.msg-bar .verify {
	border-color: #CC6600;
	background-color: #FFCC99;
	background-image: url('/pics/icons/error.png');
}
.messages .error,
.msg-bar .error {
	border-color: #D8000C;
	background-color: #FFBFBF;
	background-image: url('/pics/icons/cancel.png');
}
.msgbox.info,
.msgbox.success,
.msgbox.warning,
.msgbox.error {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.msgbox.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('/pics/icons/msg_box_info.png');
}
.msgbox.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url('/pics/icons/msg_box_success.png');
}
.msgbox.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('/pics/icons/msg_box_warning.png');
}
.msgbox.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('/pics/icons/msg_box_error.png');
}
/*  ^nav-right
------------------------------------------------------------------------------*/
.nav-right .nav-right-container {
	padding: 0px;
	margin: 0px;
}
.nav-right .nav-header {
	background-color: #204;
	border-top: 1px solid #60f;
	display: block;
	font-family:  "Century Gothic", Arial;
	font-weight: bold;
	padding: 5px;
	text-shadow: #000 1px 1px;	
}
.nav-right .nav-body {
	padding: 2px;
	margin: 0;
}
/*  ^Table
------------------------------------------------------------------------------*/
table.center {align: center; margin-left: auto; margin-right: auto; }
dl.plain {
	margin: 0;
	padding: 0;
	list-style: none outside none;
}
dl.plain dd {
	display: inline;
	margin: 0;
	padding: 0;
}
ul.plain {
	margin: 0;
	padding: 0;
	list-style: none outside none;
}
ul.plain li {
	display: inline;
}
ul.plain li a {
	/*text-decoration: none;*/
}
ul.plain li a:hover {
	/*background-color: #333;*/
}
ul.plain span.special {
	padding: 0px 6px;
}

.table.table-admin
{
	border: 2px solid rgb(102, 103, 103);
}
.table.table-admin:hover
{
	border-color: rgb(100, 149, 54);
}
.table.table-admin tr:first-child td
{
	font-weight: bold;
	background-color: rgb(34, 34, 34);
}
.table.table-admin td
{
	border: none;
}