/******************************************
 * Central Online Campus Main Style Sheet
 * Copyright: 360Hubs 2008
 * Created By: Ken Colton <kcolton@360hubs.com>
 ******************************************/

/***** BASIC TAGS *****/

/* Remove browser defaults */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img { margin: 0; padding: 0; border: 0; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
img, object { vertical-align:bottom; }

html, body {
  background:#001e38 url(/images/bf/bg.gif) top repeat-x;
  height:100%;
  margin:0;
  padding:0;
  font-family:Arial, sans-serif;
  font-size:12px;
}

p {
  margin:10px 0;
}

h4 {
  color:#095B88;
  font-weight:bold;
  font-size:1.2em;
  margin-bottom:10px;
}

h3 {
  color:#FFFFFF;
  background-color:#000000;
  height:23px;
  font-size:1.2em;
  font-weight:bold;
  margin-bottom:5px;
  padding:7px 0 0 15px;
  overflow:hidden;
}


/***** MAIN SITE *****/
#mainContainer {
  width:952px;
  margin:0 auto;
}

#mainContainer a {
  color: #1a6bae;
}

#chatBar a, #windowBar a {
  color: #1a6bae;
}

/***** TOP BAR NAVIGATION *****/

#logo {
  width:952px;
  height:107px;
  background:url(/images/bf/logo.jpg) center no-repeat;
  overflow:hidden;
}


#logo #topNavigation {
  margin-top:65px;
  margin-left:225px;
}

#logo #topNavigation ul#links {
  list-style:none;
  overflow:hidden;
}

#logo #topNavigation ul#links li {
  float:left;
  margin-right:10px;
}

#logo #topNavigation ul#links li a {
  color:#FFFFFF;
  text-decoration:none;
}

#logo #topNavigation ul#links li a:hover {
  color:#D0D0D0;
}

/***** LOGGED IN LINKS ******/


#mainContainer ul#loggedInNav{
  list-style:none;
  overflow:hidden;
  float:left;
  margin:5px 0 0 5px;
}

#mainContainer ul#loggedInNav li {
  float:left;
  margin-right:10px;
}

#mainContainer ul#loggedInNav li a {
  color:#336699;
  text-decoration:none;
  font-size:14px;
}

#mainContainer ul#loggedInNav li a:hover {
  text-decoration:underline;
}


/***** LOGIN BAR *****/

#mainContainer #loginBar {
  margin-bottom:10px;
}

#navigation {
  width:952px;
  height:75px;
  background:url(/images/bf/navigation.gif) no-repeat;
  overflow:hidden;
}

#navigation ul#navLinks {
  list-style:none;
  overflow:hidden;
  margin:28px 0 0 50px;
}

#navigation ul#navLinks li {
  float:left;
  margin-right:10px;
}

#navigation ul#navLinks li a, #profileAreaTitle a {
  color:#FFFFFF;
  text-decoration:none;
  font-size:14px;
}

#navigation ul#navLinks li a:hover, #profileAreaTitle a:hover {
  color:#D0D0D0;
}

/***** MAIN CONTENT AREA *****/

#mainContainer #content {
  background:url(/images/bf/contentBG.gif) repeat-y;
  overflow:hidden;
}

#mainContainer #innerContent {
  background:url(/images/bf/contentBGTop.gif) top no-repeat;
  padding:0px 50px;
  min-height:400px;
  overflow:hidden;
}

#mainContainer #footer {
  background:url(/images/bf/footer.gif) top no-repeat;
  padding:45px 50px 25px 50px;
  color:#FFFFFF;
}

#mainContainer #footer a {
  color:#FFFFFF;
}

/***** COMMON CLASSES *****/

/* Clean borders */
.CleanBorderSmall {
  border-width: 1px;
  padding: 3px;
  background-color: #FFFFFF;
  border-style: solid;
  border-color: #dbdbdb;
}

.CleanBorderLarge {
  border-width: 1px;
  padding: 8px;
  background-color: #FFFFFF;
  border-style: solid;
  border-color: #dbdbdb;
}

/* Clean Vertical List */
#mainContainer ul.CleanVerticalList {
  list-style:none;
  margin-left:0;
  padding-left:0;
  font-size: 11px;
  font-family: arial;
}

#mainContainer ul.CleanVerticalList li a {
  border-bottom:1px solid #dbdbdb;
  padding:3px 0 3px 25px;
  background-image:url(/images/coc/raquoBullet.gif);
  background-position:5px 50%;
  background-repeat:no-repeat;
  color:#757575;
  text-decoration:none;
  display:block;
}

#mainContainer ul.CleanVerticalList li a.alt {
  background-color:#F4F4F4;
}

#mainContainer ul.CleanVerticalList li a:hover {
  color:#FFFFFF;
  background-color:#b3dcff;
}

.COCButton {
  background-color:#F0F0F0;
  border:1px solid #D0D0D0;
  margin:1px;
}

.COCButton:hover, .COCButton.hover {
  background-position:bottom left;
}

#mainContainer .COCButton a, .COCButton a {
  display:block;
  text-align:center;
  color:#1A6BAE;
  text-decoration:none;
  font-size:12px;
  cursor:pointer;
  padding:3px 6px;
}

/****** COMMENTS ******/

.CommentContainer {
  background-color:#F9F9F9;
  padding:5px;
}

.CommentContainerBorder {
  border:1px solid #E0E0E0;
}

.CommentBox {
  border:1px solid #bbbbbb;
  background-color:#FFFFFF;
}

.CommentRow {
  background-image:url(/images/coc/commentrow.gif);
  background-position:top;
  background-repeat:repeat-x;
  background-color:#f5f5f5;
  color:#2c2c2c;
  padding:7px;
  border-bottom:1px solid #bbbbbb;
}

.CommentRowAlt {
  background-image:url(/images/coc/commentrowalt.gif);
  background-color:#cbcbcb;
}

.CommentRow a {
  color:#2c2c2c;
}

.NoBorder {
  border:0;
}

/* *** BOX150 *** */
.box150 {
  width:150px;
  background:url(/images/bf/box150_top.gif) top no-repeat;
  padding-top:20px;
  overflow:hidden;
}

.box150 .bottom {
  background:url(/images/bf/box150_bottom.gif) bottom no-repeat;
  padding-bottom:20px;
  overflow:hidden;
}

.box150 .bottom .content {
  background:url(/images/bf/box150_bg.gif) repeat-y;
  padding:0 20px;
  overflow:hidden;
}

/* *** BOX350 *** */
.box350 {
  width:350px;
  background:url(/images/bf/box350_top.gif) top no-repeat;
  padding-top:20px;
  overflow:hidden;
}

.box350 .bottom {
  background:url(/images/bf/box350_bottom.gif) bottom no-repeat;
  padding-bottom:20px;
  overflow:hidden;
}

.box350 .bottom .content {
  background:url(/images/bf/box350_bg.gif) repeat-y;
  padding:0 20px;
  overflow:hidden;
}

/* *** BOX350 *** */

.bar {
  background:url(/images/bf/barRight.gif) right no-repeat;
}

.bar .content {
  background:url(/images/bf/barLeft.gif) left no-repeat;
  padding:7px 15px 0 15px;
  height:23px;
  font-size:1.2em;
  color:#FFFFFF;
  font-weight:bold;
}

/***** Member CSS ****/


div#COCSpacer{
  height: 95%;
  float: left;
  width: 1px;
  font-size: 1px; /* to make sure width is not overridden */
  padding: 0;
  margin: 0;
  background-color: #fffff; /* visual effect only */
}

div#COCMemberHomeContent{
  background-color: #fffff;
}

br{
  clear:left;
}

div#COCPlaneImage{
  clear:right;
}

div#COCLeftPane{
  float: left;
  width:600px;
}

div#COCRightPane{
  float: right;
  width:210px;
  margin-left:2px;
  text-align:right;
}

div#COCBottomCenter{
  position:relative;
  bottom: 10px;
  text-align:center;
  clear:both;
}
div#COCCountDownClock{
  padding:10px;
  border-style: solid;
  border-width: thin;
  border-color: #000000;
  text-align:center;
}

.COCUsersOnline{
  margin-top: 10px;
  text-align: left;
  overflow:hidden;
}

.COCUsersOnlineText{
  padding:5px;
}

div#COCMenuSeparatorThick{
  background-color: #336699;
  height:5px;
  margin-top: 10px;
}
div#COCMenuSeparatorThin{
  background-color: #C0C0C0;
  height:1px;
}
.COCMenuGroupTitleText{
  font-size: 16px;
  font-weight: bold;
  font-family: arial;
  color: #336699;
  text-decoration: none;
  margin-top: 10px;
}

.COCStatsText{
  font-family: arial;
  margin-top: 10px;
}
.COCAnnouncementTitle{
  font-family: arial;
  font-size: 14px;
  margin-top: 3px;
  font-weight: bold;
  text-decoration: underline;
}
.COCAnnouncementContent{
  font-family: arial;
  margin-top: 15px;
}
.COCReadMore{
  margin-top: 30px;
  margin-bottom: 10px;
  text-align: right;
}

.COCCommentImageText{
  float: left;
  width: 400px;
  }
.COCCommentDelete{
  float:right;
  width: 130px;
  margin-left: 10px;
  margin-top: 10px;
  margin-right: 5px;
  text-decoration: underline;
}
.COCCommentDeleteImage{
  float:left;
  width: 16px;
}
.COCCommentDeleteText{
  margin: 0 0 0 3px;
  width: 110px;
  color: #CC0000;
  text-decoration: underline;
}
.COCMenuText{
  margin: 0 0 0 2px;
  font-family: arial;
  font-size: 12px;
  color: #336699;
  min-height: 18px;
}
.COCLiveHelp{
  float:right;
  margin-left: 10px;
  margin-top: 10px;
  margin-right: 5px;
  width: 190px;
}
.COCLiveHelpImage{
  float:left;
  width: 90px;
}
.COCLiveHelpText{
  margin: 0 0 0 5px;
  color: #00CC00;
  font-size: 12px;
  font-weight: bold;
  text-align:center;
}
.COCCommentImage{
  float:left;
  margin-top: 10px;
  margin-left: 5px;
  width: 90px;
}
.COCCommentText{
  margin-left: 10px;
  width: 290px;
  float: right;
  margin-left: 10px;
  margin-top: 10px;
  text-align: left;
}
.COCHavingTroubles{
  font-size: 24px;
  font-family: arial;
  color: #336699;
  text-decoration: none;
  margin-top: 10px;
}
.COCWelcome{
  font-size: 30px;
  font-family: arial;
  color: #336699;
  text-decoration: none;
}
.COCUserOnlineImage{
  float: left;
  margin-top: 10px;
  width: 70px;
}

.COCUserOnlineUsername{
  margin: 0 0 0 5px;
  margin-top: 15px;
}

.COCUserOnlineIM{
  float: left;
  background-image: url("http://www.centralonlinecampus.com/myimages/im.png");
  text-align: center;
  width: 39px; height: 29px;
}
.COCUserOnlineProfile{
  margin: 0 0 0 115px;
  background-image: url("http://www.centralonlinecampus.com/myimages/profile.png");
  width: 64px; height: 29px;
  text-align: center;
}
.COCUserOnlineUsernameText{
  clear: right;
}
.COCColumn1_4{
  margin-bottom: 10px;
  overflow:hidden;
}
.COCColumn1_3{
  float: left;
  width: 460px;
}
.COCColumn4{
  float: right;
  width: 120px;
}
.COCColumn1{
  float: left;
  width: 160px;
}
.COCColumn2_3{
  float: right;
  width: 290px;
}
.COCColumn2{
  float: left;
  width: 160px;
}
.COCColumn3{
  float: right;
  width: 120px;
}
.COCFriendRequests{
  margin-top: 10px;
}

div#COCInbox{
  margin-top:15px;
  border-style: solid;
  border-width: thin;
  border-color: #E6E6DC;
  text-align:left;
}
div#COCOutbox{
  border-style: solid;
  border-width: thin;
  border-color: #E6E6DC;
  text-align:left;
}
.COCInboxText{
  font-size: 18px;
  font-family: arial;
  color: #CC0000;
  text-decoration: none;
  text-align:left;
}
.COCInboxSeparator{
  font-size: 16px;
  font-family: arial;
  color: #C0C0C0;
  text-decoration: none;
  text-align:left;
}
.COCInboxTotal{
  font-size: 12px;
  font-family: arial;
  color: #000000;
  text-decoration: none;
  text-align:right;
}

#COCMemberHomeContent a {
  color: #336699;
}

/** end MEMBER CSS ***/

#chatBar {

}