/* Page body */

.TitleSmall {
	font-size:large
	}
.Title {
	font-size: x-large
	}
.SmallContent {font-size: x-small}
.style14 {font-size: xx-small}
body{
	background-color:#CFDDE7;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	color:#1B597A;
	overflow:auto;
	}
.ForumPage{
	background-color:#FFFFFF;
	height: 400px; 
	width: 775px;
	font-size:large;
	overflow: auto;
	}
.WeatherPage{
	background:url(http://www.cosmichamlet.net/New/Images/WeatherBG.jpg) top center no-repeat fixed;
	height: 400px; 
	width: 775px;
	font-size:large;
	overflow: auto;
	}
.WiFiPage{
	background:url(Images/WiFiBG.jpg) top center no-repeat fixed;
	height: 400px; 
	width: 775px;
	font-size: 12px;
	overflow: auto;
	}
.DialUpPage{
	background:url(Images/DialUpBG.jpg) top center no-repeat fixed;
	height: 400px; 
	width: 775px;
	font-size: 12px;
	overflow: auto;
	}
.WebHostingPage{
	background:url(Images/WebHostingBG.jpg) top center no-repeat fixed;
	height: 400px; 
	width: 775px;
	font-size: 12px;
	overflow: auto;
	}
.WebDesignPage{
	background:url(Images/WebDesignBG.jpg) top center no-repeat fixed;
	height: 400px; 
	width: 775px;
	font-size: 12px;
	overflow: auto;
	}

.ConsultingPage{
	background:url(Images/ConsultingBG.jpg) top center no-repeat fixed;
	height: 400px; 
	width: 775px;
	font-size: 12px;
	overflow: auto;
	}

.DatabasePage{
	background:url(Images/DBDesignBG.jpg) top center no-repeat fixed;
	height: 400px; 
	width: 775px;
	font-size: 12px;
	overflow: auto;
	}
.ServicesPage{
	background:url(Images/ServicesBG.jpg) top center no-repeat fixed;
	height: 400px; 
	width: 775px;
	font-size:large;
	overflow: auto;
	}
.CosmicLoginPage{
	background:url(Images/LoginBG.jpg) top center no-repeat fixed;
	height: 400px; 
	width: 775px;
	font-size:large;
	overflow: auto;
	}

.TidesPage{
	background:url(Images/TidesBG.jpg) top center no-repeat fixed;
	height: 400px; 
	width: 775px;
	font-size:large;
	overflow: auto;
	}
.DownloadLoginPage{
	background:url(Images/DownloadLoginBG.jpg) top center no-repeat fixed;
	height: 400px; 
	width: 775px;
	font-size:large;
	overflow: auto;
	}

.AdvertisingPage{
	background:url(Images/Advertising.jpg) top center no-repeat fixed;
	height: 400px; 
	width: 775px;
	font-size:large;
	overflow: auto;
	}

.CalendarPage{
	background:url(Images/CalendarBG.jpg) top center no-repeat fixed;
	height: 400px; 
	width: 775px;
	font-size:large;
	overflow: auto;
	}

.WebAppLoginPage{
	background:url(Images/CalendarEntryBG.jpg) top center no-repeat fixed;
	height: 400px; 
	width: 775px;
	font-size:large;
	overflow: auto;
	}
.DirPage{
	background:url(Images/DirectoryBG.jpg) top center no-repeat fixed;
	height: 400px; 
	width: 775px;
	font-size:large;
	overflow: auto;
	}
a.Menu:link {color: #E68A00;text-decoration: none; }
a.Menu:visited {color: #E68A00; font-weight:lighter;text-decoration: none; }
a.Menu:hover {color: #1B597A;text-decoration: none; font-weight:bold;  }
a.Menu:active {color: #E68A00;text-decoration: none; } 
a.SubMenu:link {color: #1B597A;text-decoration: none; font-weight:lighter; }
a.SubMenu:visited {color: #1B597A;font-weight:lighter;text-decoration: none; }
a.SubMenu:hover {color: #1B597A;text-decoration: none; font-weight:bold;  }
a.SubMenu:active {color: #1B597A; text-decoration: none; } 
a.DirSort:link {color: #1B597A;text-decoration: none; font-weight:lighter;font-size: 11px; }
a.DirSort:visited {color: #1B597A;font-weight:lighter;text-decoration: none;font-size: 11px; }
a.DirSort:hover {color: #1B597A;text-decoration: none; font-weight:bold;font-size: 11px;  }
a.DirSort:active {color: #1B597A; text-decoration: none;font-size: 11px; } 

td.Google{
	border-right:solid 1px;
	border-right-color:#006699;
	background-image:url(http://www.cosmichamlet.net/New/Images/LogoBG.jpg);
	background-position:0,0;
	}
td.WebMail{
	background-image:url(http://www.cosmichamlet.net/New/Images/LogoBG.jpg);
	border-right:solid 1px;
	border-right-color:#006699;
	background-position: 0 -25;
}
td.MenuMainIdle {
	background-image:url(http://www.cosmichamlet.net/New/Images/MenuMainBG.jpg);
	background-position:'0 0';
	border-right: solid 1px;
	border-right-color:#CCCCCC;
	border-top:solid 1px;
	border-top-color: #999999;
	cursor:hand;
	border-left: solid 1px;
	border-left-color:#FFFFFF;

}
td.MenuMainActive {
	background-image:url(http://www.cosmichamlet.net/New/Images/MenuMainBG.jpg);
	background-position:'0 -25';
	border-right: solid 1px;
	border-right-color:#CCCCCC;
	border-top:solid 1px;
	border-top-color:#006699;
	cursor:hand;
	border-left: solid 1px;
	border-left-color:#FFFFFF;

}
td.MenuSubIdle {
	background-image:url(http://www.cosmichamlet.net/New/Images/MenuSubBG.jpg);
	background-color:#E4E4E4;
	background-position:'0 0';
	cursor:hand;
	border-left: solid 1px;
	border-left-color:#006699; 
	vertical-align: bottom;
}
td.MenuSubActive {
	background-image:url(http://www.cosmichamlet.net/New/Images/MenuSubBG.jpg);
	background-position:'0 -20';
	cursor:hand;
	border-left: solid 1px;
	border-left-color:#006699;
	vertical-align: bottom;
}
td.DirSortActive {
	cursor:hand;
	background-color:#F18A00;
	
}
td.DirSortInactive {
	cursor:hand;
	background-color:#FFFFFF;
}
.Content {
	font-size:medium;
}
.PicCaption {
	font-size:medium;
	font-style:italic;
}


.DirLabel {
	font-size: 12px
	}
.MainMenuText {
	color: #E68A00;
	font-weight: bold;
	font-size: 12px;
	}
.SubMenuText {
	font-size: 12px
	}

.KBBIPlayer{
	z-index:1500;
}


/* 
  -----------------------------------
  PopMenu Magic Style Sheet
  by Project Seven Development
  www.projectseven.com
  Menu Type: Horizontal
  Style Theme:3 -Blue Sapphire
  -----------------------------------
*/
#p7PMnav {
	margin: 0;
	padding:0;
}
#p7PMnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-image:  url(http://www.cosmichamlet.net/New/Images/sapphire.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#p7PMnav ul {
	margin: 0;
	padding: 0;
	position: absolute;
	left: -9000px;
	z-index: 10000;
}
#p7PMnav a, #p7PMnav ul a {
	display: block;
	text-decoration: none;
	background-color:#1B597A;
	padding: 1px 1px;
	color: #CCCCCC;
	border-top: 1px solid #495F96;
	border-right: 1px solid #394975;
	border-bottom: 1px solid #394975;
	border-left: 1px solid #495F96;
	line-height:1;
}
#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus {
	background-color: transparent;
	border-top: 1px solid #333333;
	color: #333333;
	letter-spacing: .01px;
}

/* ------ the current page marker style ------ */
#p7PMnav .p7PMmark {
	color: #FFFFFF;
	font-weight: bold;
}
/* ------ the trigger link styles ------- */

/*the normal trigger links */
#p7PMnav ul .p7PMtrg {
	background-image:  url(http://www.cosmichamlet.net/New/Images/Menu/p7PM_light_east.gif);
	background-repeat:	no-repeat;
	background-position: right center;
}
/* the active trigger link style */
#p7PMnav .p7PMon {
	background-color: #5971AE;
	color: #FFFFFF;
}
#p7PMnav ul .p7PMon {
	background-image:  url(http://www.cosmichamlet.net/New/Images/Menu/p7PM_light_east.gif);
	background-repeat:	no-repeat;
	background-position: right center;
}
/*the submenu classes */

#p7PMnav .p7PMhide {
	left: -9000px;
	border: 0;
}
#p7PMnav .p7PMshow {
	left: auto;
	z-index: 20000 !important;
}
/* Top level menu width */
#p7PMnav li {
	float: left;
	width: 75;
}
#p7PMnav ul li {
	float: none;
}
/* 2nd and subsequent Submenu widths */
#p7PMnav ul, #p7PMnav ul li {
	width: 260px;


}
#pmmcrumb {
	font-weight: bold;
	margin-bottom: 16px;
	color: #333333;
}
#pmmcrumb a, #pmmcrumb a:visited {
	font-weight: normal;
	color: #535FAC;
}
#pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus {
	font-weight: normal;
	color: #333333;
}

/* Text for most CSS classes */
.text, .smText, .error, a, a.smLink, a.nav, a.msgLink, a.tLink, .WebWizRTEtextarea, .basicTable, .errorTable, .tableLedger, .tableSubLedger, .tableSearchLedger, .tableRow, .tableTopRow, .tableBottomRow, .evenTableRow, .oddTableRow, .hiddenTableRow, .PMtableRow, .PMmsgBody, .msgBody, .msgEvenTableRow, .msgOddTableRow, .msgHiddenTableRow, .msgOddTableSide, .msgEvenTableSide, .msgSignature, .calLedger, .calDateCell, .calTodayCell, .BBquote, .BBcode {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	font-weight: normal;
	font-size: 12px;
}
.lgText, .heading{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
}

/* Text */
.smText{
	font-size: 10px;
}

.lgText{
	font-size: 15px;
}

.heading{
	font-size: 19px;
}

.error{
	color : #FF0000;
}

/* Search highlight */
.highlight{
	background-color: #ffff66
}

/* Hyperlinks */
a:link {
	color : #0000FF;
	text-decoration: underline;
}

a:visited{
	color : #990099;
	text-decoration : underline;
}

a:hover, a:visited:hover{
	color : #FF0000;
	text-decoration : underline;
}

a.smLink {
	font-size: 10px;
}

/* navigation hyperlinks */
a.nav, a.nav:visited{
	color : #444444;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

a.nav:hover, a.nav:visited:hover{
	color : #999999;
	text-decoration : underline;
	font-size: 10px;
	font-weight: bold;
}

/* Misc */
ul{
	list-style-type: circle;
}

form{
	display: inline;
}

a img,:link img,:visited img{
	border:none 
}

.avatar, #avatar{
	width: 64px;
	height: 64px;
	border: 1px solid #000000;
	margin: 2px;
}

/* Rich Text Editor */
.WebWizRTEbutton{
	 border: #EFEFEF 1px solid;
}

.WebWizRTEtextarea{
	background-color: #FFFFFF;
	font-size: 12px;
}

.RTEbutton{
	background-color: #E6E7F2;
}

/* Tables */
.basicTable{
	border: 0px;
	width: 98%;
}

.errorTable{
	border: 1px solid #FD7D40;
	background-color: #FFF2E6;
	width: 98%;
	color: #FF0000;
}

.tableBorder, .wwgAdTable{
	border: 1px solid #B6B9CB;
	background-color: #FFFFFF;
	width: 98%;
}

/* Table Ledger */
.tableLedger{
	font-weight: bold;
	color: #FFFFFF;
	background-color: #7F7F99;
	height: 26px;
}

.tableLedger a:link, .tableLedger a:visited{
	color : #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}

.tableLedger a:hover, .tableLedger a:visited:hover{
	color : #CCCCCC;
	text-decoration: underline;
	font-weight: bold;
}

/* Search Sub-Ledger */
.tableSubLedger{
	font-weight: bold;
	background-color: #DCDDE4;
	height: 22px;
}

.tableSubLedger a:link, .tableSubLedger a:visited{
	color : #000000;
	text-decoration: underline;
	font-weight: bold;
}

.tableSubLedger a:hover, .tableSubLedger a:visited:hover{
	color : #666666;
	text-decoration : underline;
	font-weight: bold;
}

/* Search Ledger */
.tableSearchLedger{
	font-weight: bold;
	background-color: #DCDDE4;
}

.tableSearchLedger a:link, .tableSearchLedger a:visited{
	color : #000000;
	text-decoration: underline;
	font-weight: bold;
}

.tableSearchLedger a:hover, .tableSearchLedger a:visited:hover{
	color : #666666;
	text-decoration : underline;
	font-weight: bold;
}

/* Tables */
.tableRow{
	background-color: #F0F1F5;
}

.tableTopRow, .tableBottomRow{
	background-color: #F0F1F5;
}

/* Alternating Row Colours */
.evenTableRow{
	background-color: #F0F1F5;

}

.oddTableRow{
	background-color: #F0F1F5;
}

.hiddenTableRow{
	background-color: #DFDFDF;
}

/* Private messager */
.PMtableRow{
	background-color: #F0F1F5;
}

.PMmsgBody{
	width: 99%;
	max-height: 350px;
	float: left; 
	overflow: auto;
}

/* Forum posts */
.msgBody{
	width: 100%;
}

.msgEvenTableRow, .msgEvenTableSide{
	background-color: #F8F8FC;
	font-size: 10px;
}

.msgOddTableRow, .msgOddTableSide{
	background-color: #F8F8FC;
	font-size: 10px;
}

.msgEvenTableSide a:link, .msgEvenTableSide a:visited, .msgOddTableSide a:link, .msgOddTableSide a:visited{
	color : #000000;
	text-decoration: underline;
	font-weight: bold;
}

.msgEvenTableSide a:hover, .msgEvenTableSide a:visited:hover, .msgOddTableSide a:hover, .msgOddTableSide a:visited:hover{
	color : #666666;
	text-decoration : underline;
	font-weight: bold;
}

.msgHiddenTableRow{
	font-size: 10px;
	background-image: url(../forum_images/pre_approved_post.gif);
}

.msgLineDevider{
	border: solid #D1D7DC 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
}

.msgSignature{
	max-height: 160px;
	width: 100%;
}

.postSeparatorTableRow{
	height: 10px;
	background-color: #E1E2F0;

}

/* Calendar */
.calLedger{
	font-weight: bold;
	background-color: #DCDDE4;
	padding:4px;
}
.calLedger a:link, .calLedger a:visited{
	color : #000000;
	text-decoration: none;
	font-size: 10px;
}

.calLedger a:hover, .calLedger a:visited:hover{
	color : #666666;
	text-decoration: none;
	font-size: 10px;
}

.calDateCell{
	background-color: #F8F8FC;
}

.calTodayCell{
	background-color: #F8F8FC;
	border:1px solid #FF0000;
}

.calEmptyDateCell{
	background-color: #FFFFFF;
}

/* BBcode blocks */
.BBquote{
	border: 1px dotted #999999;
	background-color: #FFFFFF;
	width: 97%;
	padding: 5px;
	margin: 8px 0px;
	text-align: left;
	overflow: auto;
	display: block;
	padding: 5px;
}

.BBcode{
	font-family: Courier New, Courier, mono;
	border: 1px dashed #999999;
	width: 97%;
	padding: 5px;
	margin: 8px 0px;
	text-align: left;
	overflow: auto;
	display: block;
	padding: 5px;
}

/* Forum ads */
/* WARNING: Changing the adverts so they are no-longer visable or readable will break the terms of the license agreement */

.wwgAdTD {
	background-color: #F8F8FC;
	color : #000000;
}

.wwgAdTitle a:link, .wwgAdTitle a:visited, .wwgAdTitle a:hover, .wwgAdTitle a:visited:hover{
	color : #0000FF;
	text-decoration: underline;
}

.wwgAdFooter{
	color: #FFFFFF;
	background-color: #7F7F99;
}

.wwgAdFooter a:link, .wwgAdFooter a:visited, .wwgAdFooter a:hover, .wwgAdFooter a:visited:hover{
	color : #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}