/**
 * Cascading StyleSheet file: Default Greeble theme definition
 * 
 * @package: User
 * @author: James Bailey (Rob Oplawar) <rob@greeble.net>
 * 
 *********************************************GPL Terms*********************************************
 *                                                                                                 *
 * Greeble User: User framework for web-applications                                               *
 *  Copyright (C) 2008 James Bailey                                                                *
 *                                                                                                 *
 *  This program is free software: you can redistribute it and/or modify it under the terms of the *
 *  GNU General Public License as published by the Free Software Foundation, either version 3 of   *
 *  the License, or (at your option) any later version.                                            *
 *                                                                                                 *
 *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;      *
 *  without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See *
 *  the GNU General Public License for more details.                                               *
 *                                                                                                 *
 *  You should have received a copy of the GNU General Public License                              *
 *  along with this program.  If not, see <http://www.gnu.org/licenses/>.                          *
 *                                                                                                 *
 ***************************************************************************************************
 *
 * Created: Aug 14, 2008
 * Last Modified: Aug 18, 2009
 * 
 * Tasks:
 * 	TODO abstract classes for use across all modules.
 *  TODO bring this back up to standards compliance (that is, fix HTML and associated styles)
 */
  
 /**********************************************MISC***********************************************/
 
 body, html {height:100%}

 body {background:url("gradient.png") #3B89A7 repeat-x fixed; font-family:Arial,Verdana,Sans-Serif;
 	margin:10px 20px 0px 20px; padding:0px;}
 
 p {margin:0px; padding:0px;}
 .floatLeft  {float:left} 
 .floatRight {float:right}
 
 a         {color:#995500; font-weight:bold; text-decoration:none;}
 a:visited {color:#995500;}
 a:hover   {color:#995500; text-decoration:underline;}
 
 h2 {background:no-repeat url('header_back_left.png'); height:35px; margin:0px; padding:0px;
 	vertical-align:center;}
 h2 * {background:repeat-x url('header_back.png'); border-right:2px solid black; color:black;
	display:block; line-height:35px; margin:0px 0px 0px 23px; padding:0px; vertical-align:center;}
 h2 a:visited {color:black;}
 h2 a:hover   {color:#3B89A7; text-decoration:none;}
 h3 {padding:0px; margin:0px;}
 
 .bodyDiv {width:80%; margin:0px auto 0px auto; display:table;}
 
 .paddedBottom {margin:0px 14px 20px 14px;}
 
 .warning {background-color: #FFFFCC; border:2px solid black; display:block; font-weight:bold; 
 	font-size:12pt; padding:4px; text-align:center;}
 
 .errorMessage {overflow-x:scroll; width:650px;}
 
 .hidden {display:none;}
 
 /******************************************CENTRAL TABLE******************************************/
 .centralLogo {border:none;}
 
 .centralTable {width:100%;}
 
 .centralTable img{display:block; margin:0px; padding:0px;}
 
 .centralRightInfo {background-color:white; overflow-x:scroll; vertical-align:top; width:100%;}
 .centralRightInfo img {margin:-7px auto 12px auto;}
 
 .centralLeft {background-color:white; border-left:4px solid black; width:22px;}
 .centralRight {background-color:white; border-right:4px solid black; width:22px;}
 .centralBottom {background-color:white; border-left:4px solid black; border-bottom:4px solid black;
 	height:23px;}
 .centralTop {background-color:white; border-top:4px solid black; border-right:4px solid black;
 	height:23px;}
 .centralTopLeft {background:no-repeat url('corner_top_left.png');}
 .centralBottomRight {background:no-repeat url('corner_bottom_right.png');}
 .centralTopLeft img, .centralBottomRight img {height:23px; width:22px; padding:0px; margin:0px; 
 	display:block;}

 .outerContainer {height:100%; vertical-align:middle; width:100%;}
 
 .outerTable {height:100%; margin:0px auto 0px auto; vertical-align:middle;}
 
 .outerTD {height:100%; vertical-align:middle;}
 
 .innerContainer {width:900px;}
 
 .centralLeftLinks {background-color:white; padding-right:14px; text-align:right;
 	vertical-align:top; width:200px;}
 .centralLeftLinks .menu {list-style:none; padding:0px; margin:0px;}
 .centralLeftLinks .menu>li {background:no-repeat url('header_back_left_alt.png'); height:35px;
 	margin:5px 0px 5px 0px; padding:0px; text-align:right; vertical-align:center; font-size:18pt;
 	white-space:nowrap;}
 .centralLeftLinks .menu>li>a {background:repeat-x url('header_back_alt.png');
 	border-right:2px solid black; color:white; display:block; line-height:35px;
 	margin:0px 0px 0px 23px; padding:0px; padding-right:10px; vertical-align:center; width:150px;}
 .centralLeftLinks .menu>li:hover {background-image:url('header_back_left.png');}
 .centralLeftLinks .menu>li:hover>a {background-image:url('header_back.png'); color:black;
 	text-decoration:none;}
 .centralLeftLinks .menu>li ul {display:none; font-size:14pt; list-style:none; position:absolute;
 	border:1px solid black; border-top:0px; background-color:#3B89A7; margin:0px; margin-left:10px; padding:0px; width:150px;} 
 .centralLeftLinks .menu>li:hover ul {display:block;}
 .centralLeftLinks .menu>li ul li {display:block;}
 .centralLeftLinks .menu>li ul a {display:block; color:#FFFFFF;}
 .centralLeftLinks .menu>li ul a:hover {color:#000000; background-color:#995500; text-decoration:none;}
 
 /********************************************TITLE BAR********************************************/
 
 .titleBarLeft {margin:0px; padding:0px;}
 .titleBar{background-image:url("main_gradient.gif"); font-weight:normal; width:100%;}
 .titleBarLeft a{background:no-repeat url("logo.png"); border:none; display:block; font-size:0px;
 	height:100px;}
 .titleBarLeft {width:100%}
 .titleBarRight {font-weight:normal; padding:2px; white-space:nowrap;}
 .titleBarRight form {background-color:#3B89A7; border:1px solid black; color:white; 
 	font-weight:bold; padding:4px; white-space:nowrap;}
 
 .titleMenu {background:no-repeat url('header_back_left_alt.png'); height:35px; 
 	margin:10px 0px 20px 0px; white-space:nowrap; width:100%;}
 .titleMenu p{background:repeat-x url('header_back_alt.png'); height:35px; margin-left:23px; 
 	padding:0px 12px 0px 12px; vertical-align:middle;}
 .titleMenuLeft {width:100%;}
 .titleMenuRight p {margin:0px; border-right:2px solid black; white-space:nowrap;}
 .titleMenu a         {color:white; display:table-cell; height:35px; padding:0px 4px 0px 4px; 
 	text-decoration:none; vertical-align:middle;}
 .titleMenu a:visited {color:white; text-decoration:none;}
 .titleMenu a:hover   {background-image:url('header_back.png'); color:black; text-decoration:none;}


 /*********************************************NAV BAR*********************************************/
 
 .navBar {background:repeat-x url("gradient_alt1.gif") rgb(238,244,247); 
 	border:1px solid rgb(84,147,186); font-size:11px; font-weight:normal; margin-bottom:15px; 
 	width:100%;}
 .navBarLeft {width:100%}
 .navBarRight {background-color:rgb(205,218,224); border-left:1px solid rgb(84,147,186); 
 	font-weight:normal; padding:2px; white-space:nowrap;}
 .navBar a         {color:rgb(53,108,140); text-decoration:none;}
 .navBar a:visited {color:rgb(53,108,140); text-decoration:none;}
 .navBar a:hover   {color:rgb(53,108,140); text-decoration:underline;}
 .navBar img {padding:0px 4px 0px 4px;}
 .navBar .current {font-size:12px; font-weight:bold}
 .navBarLeft a {float:left; padding:0px 3px 0px 3px}
 .navBarLeft span {float:left}


 /*********************************************FOOTER**********************************************/
 
 p.footer {background-color:#3B89A7; border:2px solid black; color:#FFFFFF; display:block; 
 	font-size:12px; font-weight:normal;padding:20px; margin-bottom:10px; 
 	padding:2px;margin-top:10px; text-align:center;}
 p.footer a         {color:#FFFFFF; text-decoration:none;} 
 p.footer a:visited {color:#FFFFFF; text-decoration:none;}
 p.footer a:hover   {color:#FFFFFF; text-decoration:underline;}


 /**********************************************FORUM**********************************************/
 
 .nav_forum {background:no-repeat url("navbits_start.gif"); display:block; height:15px; font-size:0;
 	width:15px;}
 .nav_post {background:no-repeat url("navbits_start.gif"); display:block; height:15px; font-size:0;
 	width:15px;}
 .nav_begin_post{background:no-repeat url("navbits_finallink_ltr.gif") display:block; height:15px; 
 	font-size:0; width:30px;}
 	
 .forum_thread {background-image:repeat-x url("gradient_alt1.gif") rgb(238,244,247);
 	border:1px solid rgb(84,147,186); margin-bottom:15px; padding:10px;}
 .forum_thread ul {list-style-image:url("navbits_finallink_ltr.gif");}
 .forum_thread li {border-bottom:1px solid rgb(84,147,186); padding-bottom:2px;}
 .forum_thread a         {color:rgb(53,108,140); text-decoration:none;}
 .forum_thread a:visited {color:rgb(53,108,140); font-weight:normal; text-decoration:none;}
 .forum_thread a:hover   {color:rgb(53,108,140); text-decoration:underline;}
 .forum_thread span {margin-top:-15px;}

 .forum_postTablet, .forum_postEditTablet {border:1px solid rgb(84,147,186); font-weight:normal; 
 	margin-bottom:4px;}
 .forum_postTitleBar {background:repeat-x url("gradient_thead.gif"); 
 	border-bottom:1px solid rgb(84,147,186); color:rgb(53,108,140); height:30px; width:100%;}
 .forum_postTimestamp {text-align:left}
 .forum_postTimestamp p {display:block; padding:0px 5px 0px 5px; width:190px;}
 .forum_postTitle {font-size:15px; font-weight:bold; padding:0px 5px 0px 5px; text-align:left; 
 	width:100%;}
 .forum_postLink {padding:0px 5px 0px 5px;}
 .forum_postTitleBar a         {color:rgb(53,108,140); text-decoration:none;}
 .forum_postTitleBar a:visited {color:rgb(53,108,140); text-decoration:none;}
 .forum_postTitleBar a:hover   {color:rgb(53,108,140); text-decoration:underline;}
 .forum_postBodyBar {}
 .forum_postUserBox {background:repeat-x url("gradient_alt2.gif"); 
 	border-right:1px solid rgb(84,147,186); vertical-align:top;}
 .forum_postUserBox p {display:block; padding:6px; width:188px;}
 .forum_postBody {background:repeat-x url("gradient_alt1.gif") rgb(238,244,247); vertical-align:top;
 	width:100%;}
 .forum_postBody {}
 .forum_postOptions {}
 
 
 /*********************************************COMMON**********************************************/
 
 .contentLinksPre {background-color:#3B89A7; border:2px solid black; border-top:0px; color:white;
 	display:block; font-size:12px; margin:0px 5px 0px 5px; padding:2px; text-align:right;
 	vertical-align:top;}
 .contentLinksPre span{float:left;}
 .contentLinksPre a, .article_author a:hover, .article_author a:visited {color:white;}
 .content .contentBody {float:clear; font-size:12pt; padding:0px 10px 0px 10px;}
 .content {padding-bottom:20px;}
 .contentSub {background-color:#f1f7f9; border:1px solid #3B89A7; border-top:0px; 
 	margin: 0px 5px 0px 5px; margin-bottom:20px; padding:0px 5px 5px 5px;}
 
 .smallContent {border:1px solid #3B89A7; border-left:0px; border-right:0px; margin-bottom:-1px;}
 .smallContent h3, .smallContent .contentLinksPre {background-color:#d4e5eb; border:0px; 
 	display:table-cell; font-size:12pt; padding:3px; width:100%; white-space:nowrap;}
 .authorReply h3, .authorReply .contentLinksPre {background-color:#e5ebd4;}
 .smallContent .contentLinksPre, .smallContent .contentLinksPre a, 
 .smallContent .contentLinksPre a:hover, .smallContent .contentLinksPre a:visited {font-size:10pt;
 	color:black;}
 .smallContent p {font-size:10pt; padding:2px;}
 .smallContentRecurse {padding-left:20px;}
 .editSmallContent {background-color:#F0F0F0; border:2px solid black; border-top:0px; 
 	margin:0px 5px 0px 5px; padding:3px;}
 .editSmallContent .textInput {width:400px;}
 .editSmallContent .textareaInput {width:500px;}
 
 
 .userPerm0 {text-decoration:line-through;}
 .userPerm2, .userPerm4, .userPerm6 {text-decoration: underline overline;}
 .userPerm3, .userPerm4 {background:repeat-x url('green_20.png')}
 .userPerm5, .userPerm6 {background:repeat-x url('red_20.png')}
 .userPerm7 {background:no-repeat url('black_20.png') right; padding-right:20px;}
 
 /***********************************************FORM**********************************************/
 /*
 .textLabel, .selectLabel {float:left} 
 .textInput, .selectInput {float:right; width:200px}
 .textInput:focus {background-color:#FFFFDD}
 .inputValid, .inputInvalid, .textMessage, .selectMessage {clear:both}
 div.formLabel {clear:both; background-color:#F5F5FF; border:1px solid #F5F5FF; border-left:0px; border-right:0px; padding:3px;}
 div + div.formLabel {margin-top:30px;}
 .inputValid + .inputValid {border-top:1px solid #EAEAFF}
 .inputInvalid {background-color:#FFDDDD}
 .formContainer {display:block; width:636px; border:2px solid #EAEAFF; margin:0px 10px 0px 10px; border-top:0px;}
 .formContainer div:hover *, .formContainer div:hover {background-color:#FFFFDD}
 input[type="submit"] {clear:both; display:block; padding: 0px 40px 0px 40px}
 .inputValid + .formSubmit {border-top:1px solid #EAEAFF}
 .formSubmit input {margin:auto;}
 .new, .new * {background-color:#DDFFDD;}*/
 
 /***********************************************FORM**********************************************/
 /*
 .gForm {}
 .gFormBody {}
 .gFormLabel {}
 .gFormInputContainer {}
 .gFormValid {}
 .gFormInvalid {}
 .gFormInputRow {}
 .gFormSubmit {}
 .gFormNew {}
 
 .gFormInputLabel {}
 .gFormTextLabel {}
 .gFormSelectLabel {}
 .gFormRadioLabel {}
 .gFormTextareaLabel {}
 .gFormCaptchaLabel {}
 
 .gFormInput {}
 .gFormHiddenInput {}
 .gFormTextInput {}
 .gFormSelectInput {}
 .gFormRadioInput {}
 .gFormTextareaInput {}
 .gFormButtonInput {}
 
 .gFormInputMessage {}
 .gFormHiddenMessage {}
 .gFormTextMessage {}
 .gFormSelectMessage {}
 .gFormRadioMessage {}
 .gFormTextareaMessage {}
 .gFormCaptchaMessage {}
 .gFormButtonMessage {}
 
 .gFormConstraint {}
 .gFormLengthConstraint {}
 .gFormAutoCompleteConstraint {}
 .gFormLabelPseudoConstraint {}
 .gFormPwStrengthConstraint {}
 .gFormPwStrengthBar {}
 .gFormPwStrength {}
 */
 
 .gForm {}
 .gFormTitle {}
 .gFormBody {display:block; width:636px; border:2px solid #EAEAFF; margin:0px 10px 0px 10px; border-top:0px;}
 .gFormBody .gFormInputContainer:hover .gFormInput, .gFormBody .gFormInputContainer:hover {background-color:#FFFFDD}
 .gFormLabel {clear:both; background-color:#F5F5FF; border:1px solid #F5F5FF; border-left:0px; border-right:0px; padding:3px;}
 .gFormLabel * {background:none;}
 .gFormTitle .gFormLabel {background:no-repeat url('header_back_left.png'); height:35px; margin:0px; padding:0px;
 	vertical-align:center;}
 .gFormTitle .gFormLabel * {background:repeat-x url('header_back.png'); border-right:2px solid black; color:black;
	display:block; line-height:35px; margin:0px 0px 0px 23px; padding:0px; vertical-align:center;}
 div + div.gFormLabel {margin-top:30px;}
 .gFormInputContainer {clear:both;}
 .gFormInputContainer + .gFormInputContainer {border-top:1px solid #EAEAFF}
 .gFormValid {}
 .gFormNew {background-color:#DDFFDD;}
 .gFormInvalid {background-color:#FFDDDD}
 .gFormInputRow {}
 .gFormSubmit {clear:both}
 .gFormInputContainer + .gFormSubmit {border-top:1px solid #EAEAFF}
 .gFormSubmit input {display:block; padding: 2px; width:204px; margin-left:auto; border:2px solid #111111; background-color:#FFA53E;}
 .gFormSubmit input:hover {background-color:#FF7B00; font-weight:bold; cursor:pointer;}
 
 .gFormInputLabel {float:left; padding:2px;}
 .gFormTextLabel {}
 .gFormSelectLabel {}
 .gFormRadioLabel {}
 .gFormTextareaLabel {}
 .gFormCaptchaLabel {}
 
 .gFormInput {float:right; width:200px; border:2px solid #B7B7CC;}
 .gFormInput:focus {background-color:#FFFFDD}
 .gFormHiddenInput {}
 .gFormTextInput {}
 .gFormSelectInput {width:204px;}
 .gFormRadioInput {}
 .gFormTextareaInput {}
 .gFormButtonInput {display:block; padding: 2px; width:204px; margin-left:auto; border:2px solid #111111; background-color:#FFA53E;}
 .gFormButtonInput:hover {background-color:#FF7B00; font-weight:bold; cursor:pointer;}
 
 .gFormInputMessage {clear:both}
 .gFormHiddenMessage {}
 .gFormTextMessage {}
 .gFormSelectMessage {}
 .gFormRadioMessage {}
 .gFormTextareaMessage {}
 .gFormCaptchaMessage {}
 .gFormButtonMessage {}
 
 .gFormConstraint {clear:both}
 .gFormLengthConstraint {}
 .gFormAutoCompleteConstraint {}
 .gFormLabelPseudoConstraint {}
 .gFormLabelPseudoConstraint * {display:none; position: absolute; margin-left:14px; width:394px; border:1px solid #EAEAFF; border-top:0px; background-color:#FFFFDD; padding:2px;}
 .gFormInputContainer:hover * {display:block}
 .gFormPwStrengthConstraint {}
 .gFormPwStrengthBar {}
 .gFormPwStrength {}
 
 /*********************************************ARTICLE*********************************************/
 
 .article_author {background-color:#3B89A7; border:2px solid black; border-top:0px; color:white;
 	display:block; font-size:12px; margin:0px 5px 0px 5px; padding:2px; text-align:right;
 	vertical-align:top;}
 .article_author span{float:left;}
 .article_author a, .article_author a:hover, .article_author a:visited {color:white;}
 .article_body {float:clear; font-size:12pt; padding:3px;}