/******************************************
 * 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-color:#eeede9;
  height:100%;
  margin:0;
  padding:0;
  font-family:Arial, sans-serif;
  font-size:12px;
}

p {
  margin:10px 0;
}

h3 {
  color:#FFFFFF;
  background-color:#195f9d;
  padding:4px 7px;
  margin-bottom:5px;
  overflow:hidden;
  text-transform: uppercase;
  font-size: 11px;
  background: url(../images/coc/h3bg.gif) repeat-x;
}

h4  {
  font-size:1.2em;
  font-weight:bold;
  color:#195f9d;
  border-bottom:1px solid #195f9d;
  padding:3px 0;
  overflow:hidden;
}

/* Form tags */
input.COCTextBox {
  height:19px;
  border:1px solid #d9d9d7;
  background-image:url(/images/coc/textBoxBG.gif);
  background-repeat:repeat-x;
  color:#757575;
  font-size:12px;
  padding:3px 3px 0 3px
}

input.COCButton80 {
  width:80px;
  background-image:url(/images/coc/button80.gif);
  background-position:left;
  background-repeat:no-repeat;
  background-color:transparent;
  height:28px;
  padding:0;
  text-align:center;
  color:#2d6fab;
  font-size:10px;
  border:0;
  margin:0;
  cursor:pointer;
  text-transform:uppercase;
  font-family:arial;
}

input.COCButton80:hover {
  background-position:right;
}



/***** TOP BAR *****/
#topBarBG {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:41px;
  background-image:url(/images/coc/topBarLeft.gif);
  background-repeat:repeat-x;
  overflow:hidden;
  z-index:1;
}

#topBarBG #rightSide {
  float:right;
  width:50%;
  height:41px;
  background-image:url(/images/coc/topBarRight.gif);
  background-repeat:repeat-x;
}

#topBarCenterBG {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:41px;
  z-index:2;
  background-image:url(/images/coc/topBarCenter.gif);
  background-repeat:no-repeat;
  background-position:center;
}



/***** MAIN SITE *****/
#mainContainer {
  width:855px;
  margin:0 auto;
  padding-bottom:45px;
}

#mainContainer a {
  color: #1a6bae;
}

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

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

#topBarContainer {
  width:855px;
  position:relative;
  z-index:3;
  margin:0 auto;
}

#topBarContainer #topBar {
  overflow:hidden;
  margin-bottom:10px;
}

#topBarContainer #topBar #navigation {
  float:right;
  height:41px;
}

#topBarContainer #topBar #navigation ul#links {
  list-style:none;
  overflow:hidden;
  margin-top:11px;
}

#topBarContainer #topBar #navigation ul#links li {
  float:left;
  margin-right:10px;
}

#topBarContainer #topBar #navigation ul#links li a {
  color:#FFFFFF;
  text-transform: uppercase;
  text-decoration:none;
  font-size:11px;
}

#topBarContainer #topBar #navigation 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;
}


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

#mainContainer #content {
  background-color:#FFFFFF;
  padding:10px;
  overflow:hidden;
}

/***** 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-image:url(/images/coc/cocButtonLeft.png);
  background-repeat:no-repeat;
  background-position:top left;
  cursor:pointer;
}

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

.COCButton a {
  display:block;
  background-image:url(/images/coc/cocButtonRight.png);
  background-repeat:no-repeat;
  background-position:top right;
  margin-left:10px;
  padding-right:15px;
  text-align:center;
  padding-top:7px;
  height:20px;
  font-size:10px;
  color:#2d6fab;
  text-decoration:none;
  text-transform:uppercase;
}

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

/****** 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;
}


/***** 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 {

}