/* Global Styles */
html {
margin: 0px;
padding: 0px;
}
body  { 
color: #666666; 
font: 0.8em arial, sans-serif; 
background: #bfc0c2 url(images/bodyBackground.jpg) repeat-y center top; 
margin: 0px 0px; 
padding: 0px; 
}
#layoutContainer {
width: 740px;
margin: auto;
color: #666666;
background: #ffffff;
position: relative;
}
.clear {
height: 1px;
clear: both;
overflow: hidden;
}
p {
margin: 0px;
padding: 0px;
}
form {
margin: 0px;
padding: 0px;
}
img {
border: none;
}

.hidden {
display: none;
}

/* Old Header - to be removed later */
#header  { 
color: inherit;
background: transparent url(images/header.jpg) no-repeat left top; 
width: 740px; 
height: 122px;
position: relative;
}
#logoHomeLink {
height: 122px;
width: 250px;
display: block;	
}


/* Header */
#headerForum  { 
color: inherit;
background: transparent url(../rotate.php) no-repeat left top; 
width: 740px; 
height: 122px;
position: relative;
}
#loginForum {
font: 0.9em arial, sans-serif; 
color: #4d4d4d;
background: #ffffff url(../images/loginBackground.jpg) top left repeat-y;
height: 103px;
width: 191px;
position: absolute;
bottom: 0px;
right: 0px;
text-align: right;
border-bottom: 19px solid #00adef;
overflow: hidden;
}
#loginSpacingForum {
margin: 8px 10px;
}
#loginForum div {
padding: 0px 0px 1px 0px;
}


/* Content Container */
/* Holly Hack \*/
*html #bodyContainer {
height: 1%;
}
/* End Hack */


.inlineLink {
color: #005da9;
text-decoration: none;
cursor: pointer;
}
.inlineLink:hover {
color: #005da9;
text-decoration: underline;
}
.inlineLink:visited {
color: #665da9;
text-decoration: none;
}
.inlineLink:visited:hover {
color: #665da9;
text-decoration: underline;
}


/* Main Navigation */
#mainNavContainer {
float: left;
width: 140px;
color: #999999;
overflow: hidden;
}
.menuContainer {
background: #ffffff url(images/menuTitleBackground.jpg) top left repeat-y;
border: 1px solid #ffffff;
border-bottom: 1px solid #c6c7cb;
padding: 8px 0px;
}
.menuTitle {
font: normal normal bold 1em arial, sans-serif;
color: #981b1f;
margin: 0px 0px 0px 40px;
}
.mainNav {
width: 140px;
list-style: none;
margin: 0px 0px 0px 20px;
padding: 0px;
}
.mainNav li {
padding: 3px 0px 0px 0px;
}
.activeLink  {
color: #005da9;
font: normal normal bold .9em arial, sans-serif;
text-decoration: none;
margin: 0px 0px 0px 20px;
}
.mainNav li a:link, .mainNav li a:visited {
font: normal normal bold .9em arial, sans-serif;
text-decoration: none;
margin: 0px 0px 0px 20px;
color: #999999;
}
.mainNav li a:link:hover, .mainNav li a:visited:hover  {
color: #005da9;
font: normal normal bold .9em arial, sans-serif;
text-decoration: none;
margin: 0px 0px 0px 20px;
}


/* Main Navigation Login */
.menuLoginContainer{
background: #abd7f2;
border: 1px solid #ffffff;
border-bottom: 1px solid #c6c7cb;
padding: 0px;
}
#username {
background: #abd7f2;
color: #404040;
padding: 4px 10px;
text-align: right;
}
#password {
background: #abd7f2;
color: #404040;
padding: 4px 10px;
text-align: right;
}
#login {
background: #abd7f2;
color: #404040;
padding: 4px 10px 10px 10px;
text-align: right;
}
#loggedIn {
font-size: .9em;
padding: 4px 10px;
background: #abd7f2;
text-align: right;
}
#loggedInUsername {
font-weight: bold;
padding: 0px 10px 4px 10px;
background: #abd7f2;
text-align: right;
}
#logoutMessage {
font-size: .9em;
padding: 4px 10px 4px 10px;
background: #abd7f2;
text-align: right;
}
#logout {
font-size: .9em;
padding: 0px 10px 5px 10px;
background: #abd7f2;
text-align: right;
}


/* Search Box */
#siteSearch {
width: 138px;
background: #cae5f6;
text-align: right;
border: 1px solid #ffffff;
border-bottom: 1px solid #c6c7cb;
overflow: hidden;
}
#searchSpacing {
margin: 3px 10px;
}
#siteSearch div {
padding: 3px 0px;
}


/********** Content Column **********/
#mainContentContainer {
width: 599px;
float: right;
}
#content {
margin: 20px;
text-align: justify;
color: #404040;
}
/* Holly Hack \*/
*html #content {
height: 1%;
}
/* End Hack */
.contentBox {
border: 1px solid #0d4476;
margin-bottom: 20px;
position: relative;
}
h2 {
font-size: 1em;
font-weight: bold;
background: #0d4476;
color: #ffffff;
padding: 4px 40px 4px 10px;
margin: 0px;
position: relative;
}
.h2Faded {
font-size: 1em;
background: #a4bed6;
color: #ffffff;
padding: 4px 40px  4px 10px;
margin: 0px;
position: relative;
}
.linkList {
list-style: url(images/linkArrow.jpg);
padding: 0px;
margin: 5px 0px 0px 18px;
}


/* Important Message Box */
#importantMessageBox {
border: 1px dashed #957a66;
margin-bottom: 20px;
}
#importantMessageTitleBox {
color: #981b1f;
background: #ffffff url(images/iMTitleBackground.jpg) top left repeat-y;
border-bottom: 1px dashed #957a66;
}
#importantMessageTitleBox h1 {
font: bold 1.2em arial, sans-serif;
color: #981b1f;
background: transparent url(images/importantMessageIcon.jpg) center left no-repeat;
padding: 6px 6px 6px 36px;
margin: 0px;
}
#importantMessage {
padding: 8px;
background: #fff5e9;
}
#iMTitle {
font: bold 1em arial, sans-serif;
color: #981b1f;
}


/* Welcome Box */
#welcomeBox {
border: 1px solid #808080;
margin-bottom: 20px;
width: 267px;
float: left;
}
#welcomeTitleBox {
color: #981b1f;
background: #ffffff url(images/wTitleBackground.jpg) top right repeat-y;
border-bottom: 1px solid #808080;
}
#welcomeTitleBox h1 {
font: bold 1.2em arial, sans-serif;
color: #2c7f00;
background: none;
padding: 6px 6px 6px 8px;
margin: 0px;
}
#welcome {
padding: 8px;
background: #eff6ed;
}


/* Stats Box */
.statsBox {
border: 1px solid #808080;
margin-bottom: 20px;
width: 267px;
float: right;
font-size: .9em;
}
.statsTitleBox {
color: #ffffff;
background: #ffffff url(images/fSTitleBackground.jpg) top right repeat-y;
border-bottom: 1px solid #808080;
}
.statsTitleBox h1 {
font: bold 1.2em arial, sans-serif;
color: #ffffff;
background: none;
padding: 6px 6px 6px 8px;
margin: 0px;
}
.statsRow1 {
padding: 8px;
color: #404040;
background: #ffffff;
}
.statsRow2 {
padding: 8px;
color: #404040;
background: #cae5f6;
}


/* Participate Box */
#participateBox {
border: 1px solid #808080;
margin-bottom: 20px;
}
#participateTitleBox {
color: #981b1f;
background: #ffffff url(images/pTitleBackground.jpg) top right repeat-y;
border-bottom: 1px solid #808080;
}
#participateTitleBox h1 {
font: bold 1.2em arial, sans-serif;
color: #005da9;
padding: 6px 6px 6px 8px;
margin: 0px;
}
#participate {
padding: 8px;
background: #f2f2f2 url(images/participateLine.jpg) top center repeat-y;
}
#participateBrowse {
width: 260px;
float: left;
text-align: left;
}
#participateInvite {
width: 260px;
float: right;
text-align: left;
}
.participateSectionTitle {
font: bold 1em arial, sans-serif;
}
.participateSectionTitleInvitation {
font: bold 1em arial, sans-serif;
color: #981b1f;
}


/* Browse Forum Box */
#browseForumBox {
border-top: 1px solid #808080;
border-left: 1px solid #808080;
border-right: 1px solid #808080;
margin-bottom: 20px;
}
#browseForumTitleBox {
color: #981b1f;
background: #ffffff url(images/pTitleBackground.jpg) top right repeat-y;
border-bottom: 1px solid #808080;
position: relative;
}
#browseForumTitleBox h1 {
font: bold 1.2em arial, sans-serif;
color: #005da9;
padding: 6px 6px 6px 8px;
margin: 0px;
}
.browseForumRow1 {
background: #ffffff url(images/rowBackground.jpg) top right repeat-y;
font-weight: bold;
font-size: .9em;
}
.browseForumRow2 {
background: #f2f2f2 url(images/rowBackground.jpg) top right repeat-y;
font-weight: bold;
font-size: .9em;
}
.browseListItemContainer {
width: 410px;
float: left;
}
.browseListItem {
padding: 8px;
}
.browseListItem p {
font-weight: normal;
}
.browseIconContainer {
width: 143px;
float: right;
background: #e8e9eb url(images/iconBackground.jpg) top left repeat-x;
}
.pos1 {
height: 30px;
width: 35px;
background: #ffffff url(images/iconBackground.jpg) bottom left no-repeat;
cursor: help;
}
.pos2 {
height: 30px;
width: 35px;
background: #ffffff url(images/iconBackground.jpg) bottom left no-repeat;
cursor: help;
}
.pos3 {
height: 30px;
width: 35px;
background: #ffffff url(images/iconBackground.jpg) bottom left no-repeat;
cursor: help;
}
.pos4{
height: 30px;
width: 35px;
background: #ffffff url(images/iconBackground.jpg) bottom left no-repeat;
cursor: help;
}
.withTopic {
padding: 8px 10px;
color: #981B1F;
}
.withoutTopic {
padding: 8px 10px;
}
.browseForumRowClear {
height: 1px;
clear: both;
overflow: hidden;
background: #808080;
}
#explore {
margin-top: 20px;	
}


/* Admin/Speaker Box */
.adminSpeakerPostBox {
border: 1px solid #808080;
margin-bottom: 20px;
}
.adminSpeakerPostTitleBox {
color: #981b1f;
background: #ffffff url(images/adminSpeakerTitleBackground.jpg) top right repeat-y;
border-bottom: 1px solid #808080;
position: relative;
}
.adminSpeakerPostTitleBox h1 {
font: bold 1.2em arial, sans-serif;
color: #2c7f00;
background: none;
padding: 6px 6px 7px 8px;
margin: 0px;
}
.adminSpeakerPost {
padding: 8px;
background: #eff6ed;
font-size: .9em;
}
.adminSpeakerPost p {
margin: 0px 0px 10px 0px;
}
.userIcon {
height: 30px;
width: 35px;
cursor: help;
position: absolute;
top: 0px;
right: 0px;
}
.postDetails {
text-align: right;
margin: 10px 0px 10px 0px;
clear: both;
}
.postCol1 {
float: left;
width: 263px;	
}
.postCol2 {
float: right;
width: 261px;	
border: 1px solid #000000;
background: #d1d1d1;
}
.prepMaterials {
border-top: 1px solid #000000;
padding: 4px 4px 4px 32px;
background: #ffffff url(images/prepMaterials.jpg) center left no-repeat;	
}
.prepMaterialsAlone {
border: 1px solid #000000;
padding: 4px 4px 4px 32px;
background: #ffffff url(images/prepMaterials.jpg) center left no-repeat;
width: 150px;	
}
.videoImage {
padding: 5px;	
}
.moreVideoImage {
border-top: 1px solid #000000;
padding: 5px;
background: #ffffff;	
}


/* User Post Box */
.userPostBox {
border: 1px solid #808080;
margin-bottom: 20px;
}
.userPostTitleBox1 {
color: #ffffff;
background: #ffffff url(images/post1Background.jpg) top right repeat-y;
border-bottom: 1px solid #808080;
position: relative;
}
.userPostTitleBox2 {
color: #ffffff;
background: #ffffff url(images/post2Background.jpg) top right repeat-y;
border-bottom: 1px solid #808080;
position: relative;
}
.userPostTitleBox1 h1, .userPostTitleBox2 h1 {
font: bold 1.2em arial, sans-serif;
color: #ffffff;
background: none;
padding: 6px 6px 7px 8px;
margin: 0px;
}
.userPost {
padding: 8px;
font-size: .9em;
}
.userPost p {
margin: 0px 0px 10px 0px;
}


/* Submit Post Box */
.submitPostBox {
border: 1px solid #808080;
margin-bottom: 20px;
font-size: .9em;
}
.submitPostTitleBox {
color: #981b1f;
background: #ffffff url(images/sPostTitleBackground.jpg) top right repeat-y;
border-bottom: 1px solid #808080;
}
.submitPostTitleBox h1 {
font: bold 1.2em arial, sans-serif;
color: #005da9;
background: none;
padding: 6px 6px 6px 8px;
margin: 0px;
}
.submitPost {
padding: 8px;
background: #f8f8f8;
}
.submitPost .button, .submitPost .textfield {
font-size: 1.1em;
}
.submitButton {
margin-top: 10px;
text-align: right;
}


/* Forum Icon System */
.discussionIconBox {
float: right;
width: 35px;
border-left: 1px solid #808080;
}


/* Pages Navigation */
.pageNav {
font-weight: bold;
text-align: center;
margin: 0px 0px 20px 0px;
background: #e4e4e4;
border: 1px solid #808080;
padding: 5px;
position: relative;	
}
.pageNav .submitButton {
margin: 0px;
position: absolute;
top: .2em;
right: .2em;
}


.browseIconContainer .threadRight {
padding: 4px;
margin: 4px;
text-align: left;
display: block;
}
#browseForumTitleBox .threadRight {
position: absolute;
top: .6em;
right: .5em;
display: block;
}


.updatedThread {
color: #2c7f00;	
}





/***************************************** Form Elements *****************************************/


/* Form Elements */
.formBox {
border: 1px solid #808080;
margin-bottom: 20px;
font-size: .9em;
}
.formTitleBox {
color: #ffffff;
background: #ffffff url(images/mPFullTitleBackground.jpg) top right repeat-y;
border-bottom: 1px solid #808080;
}
.formTitleBox h1 {
font: bold 1.2em arial, sans-serif;
color: #ffffff;
background: none;
padding: 6px 6px 6px 8px;
margin: 0px;
}
.formRow1 {
padding: 8px;
color: #404040;
background: #ffffff;
}
.formRow2 {
padding: 8px;
color: #404040;
background: #cae5f6;
}
.textfield {
font: .9em arial, sans-serif;
color: #404040;
background: #ffffff;
border: 1px solid #4d4d4d;
padding: 1px 3px;
}
.dropDown {
font: .9em arial, sans-serif;
color: #404040;
background: #ffffff;
border: 1px solid #4d4d4d;
}
.button {
font: bold .9em arial, sans-serif;
color: #ffffff;
background: #00adef;
border: 1px solid #4d4d4d;
padding: 1px 7px;
cursor: pointer;
}
.formBox .button {
font: bold 1em arial, sans-serif;
color: #ffffff;
background: #00adef;
border: 1px solid #4d4d4d;
padding: 1px 7px;
cursor: pointer;
}
.helpButton {
font: bold .9em arial, sans-serif;
color: #981b1f;
background: #ffffff;
border: 1px solid #4d4d4d;
padding: 1px 2px;
cursor: pointer;
}
.inputTitle {
float: left;
width: 45%;
color: #005da9;
font-weight: bold;
}
.inputElement {
float: right;
width: 45%;
text-align: right;
}


/* Titles */
.nicetitle {
background: #ABD7F2 url(images/titleBackground.jpg) bottom left repeat-x;
color: #981B1F;
font: bold 1em Arial, sans-serif;
padding: 10px;
position: absolute;
top: 0px;
left: 0px;
width: 300px;
z-index: 20;
border: 1px solid #808080;
}
.nicetitle p {
margin: 0px;
padding: 0px 3px;
}
.nicetitle p.destination {
display: none;
}
.nicetitle p span.accesskey {
color: #5a4528;
}


/* Stats Table */
.formRow1 td {
padding: 3px 6px;
text-align: left;	
}
.formRow2 td {
padding: 3px 6px;
text-align: left;	
}
.statsTitleRow td,  .statsTitleRow th{
font-size: 1em;
font-weight: bold;
background: #0d4476;
color: #ffffff;
padding: 3px 6px;
margin: 0px;
position: relative;
text-align: left;
}
.statsTitle {
font: bold 1.2em Arial, sans-serif;	
}
.statsBack {
text-align: right;
font-weight: bold;	
}


/* Profile Box */
.profileBox {
border: 1px solid #808080;
margin-bottom: 20px;
font-size: .9em;
background: #ffffff url(images/profileBoxBackground.jpg) top left repeat-y;
}
/* Holly Hack \*/
* html .profileBox {
height: 1%;
}
/* End Hack */
.profileTitleBox {
color: #ffffff;
background: #ffffff url(images/mPFullTitleBackground.jpg) top right repeat-y;
border-bottom: 1px solid #808080;
position: relative;
}
.profileTitleBox h1 {
font: bold 1.2em arial, sans-serif;
color: #ffffff;
background: none;
padding: 6px 6px 6px 8px;
margin: 0px;
}
.profileType {
font-size: .8em;
font-weight: normal;	
}
.profileImageBox {
float: left;
width: 92px;
}
.profileImage {
padding: 8px;	
}
.profileInfoBox {
float: right;
width: 464px;
}
.profileRow1 {
padding: 8px;
color: #404040;
background: #ffffff;
}
.profileRow2 {
padding: 8px;
color: #404040;
background: #cae5f6;
}

.currentViewing {
color: #0E7B0E;	
}


.checkedOut {
color: #981b1f;	
}


.invalidMsg {
color: #f6d7a7;
}


.resourceVideo, .resourceImage {
text-align: center;	
}

/* Preview */
#disableScreen {
background: #c5c5c5;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
#preview {
position: absolute;
top: 50px;
left: 50px;
width: 600px;
margin: 0 0 2em 0;	
}
#closePreview {
position: absolute;
right: .2em;
top: .5em;
height: 1em;
width: 1em;
cursor: pointer;
color: #555555;	
}