/* Main stylesheet by Jason Mayes 2008 */

/***************************************************************************/
/* Main common styles*/
/***************************************************************************/

html, body
{
	padding:10px 10px 10px 10px;
	margin:0 0 0 0;
	background-color:#5e5e5e;
	font-family:Arial,"Liberation Sans",sans-serif;
	font-size:10pt;
	color:#454545;
	letter-spacing:0.07em;
	text-align:justify;
	background-image: url("imgs/diags.gif");
	background-repeat: repeat;
}

.mainContent ul
{
	font-family:Arial,"Liberation Sans",sans-serif;
	font-size:10pt;
	letter-spacing:0.07em;
	color:#454545;
	text-align:justify;
	margin:0px 0px 0px 10px;
	padding:5px 10px 5px 10px;
}

.mainContent li
{
	font-family:Arial,"Liberation Sans",sans-serif;
	font-size:10pt;
	letter-spacing:0.07em;
	color:#454545;
	text-align:justify;
	margin:5px 0px 0px 10px;
	display:list-item;
	list-style:disc;
}

#imgSnip
{
	float:left;
	clear:both;
	width:961px;
	height:209px;
	background-color:transparent;
	background-image: url("../imgs/register.jpg");
	margin:0 0 0 0;
}

#imgSnip img
{
	float:left;
	clear:both;
	width:961px;
}

#imgSnipTxt
{
	float:left;
	clear:both;
	font-family:Arial,"Liberation Sans",sans-serif;
	font-size:10pt;
	letter-spacing:0.1em;
	font-weight:normal;
	margin: -160px 0 0 0;
	padding: 0px 0px 0px 15px;
	width:500px;
}

#imgSnipTxt li a
{
	font-family:Arial,"Liberation Sans",sans-serif;
	font-size:10pt;
	letter-spacing:0.2em;
	font-weight:normal;
	color:#454545;
}
.mainContent p
{
	font-family:Arial,"Liberation Sans",sans-serif;
	font-size:10pt;
	letter-spacing:0.07em;
	color:#454545;
	background-color:transparent;
	text-align:justify;
	margin:0;
	padding:5px 10px 5px 10px;
}

.mainContent p.zebra1
{
	font-family:Arial,"Liberation Sans",sans-serif;
	font-size:10pt;
	letter-spacing:0.07em;
	color:#454545;
	background-color:#b0d7ff;
	text-align:justify;
	margin:0;
	padding:5px 10px 5px 10px;
}

.mainContent p.zebra2
{
	font-family:Arial,"Liberation Sans",sans-serif;
	font-size:10pt;
	letter-spacing:0.07em;
	color:#454545;
	background-color:#ffd588;
	text-align:justify;
	margin:0;
	padding:5px 10px 5px 10px;
}

p.pRegister
{
	font-family:Arial,"Liberation Sans",sans-serif;
	font-size:10pt;
	letter-spacing:0.07em;
	color:#454545;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:5px 10px 5px 10px;
	float:left;
	width:180px;
	clear:none;
}

p.pRegisterEmail
{
	font-family:Arial,"Liberation Sans",sans-serif;
	font-size:10pt;
	letter-spacing:0.07em;
	color:#454545;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:5px 10px 5px 10px;
	float:left;
	width:400px;
	clear:none;
}

p.pRegisterNewLine
{
	font-family:Arial,"Liberation Sans",sans-serif;
	font-size:10pt;
	letter-spacing:0.07em;
	color:#454545;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:5px 10px 5px 10px;
	float:left;
	clear:both;
	width:180px;
}

p.pRegisterSubmit
{
	font-family:Arial,"Liberation Sans",sans-serif;
	font-size:10pt;
	letter-spacing:0.07em;
	color:#454545;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:5px 10px 5px 10px;
	float:left;
	clear:both;
}

p.deviceSubmit
{
	font-family:Arial,"Liberation Sans",sans-serif;
	font-size:10pt;
	letter-spacing:0.07em;
	color:#454545;
	text-align:left;
	margin:0 0 0 0;
	padding:0 5px 5px 0;
	float:right;
	clear:both;
}

p.error
{
	background-color:#e17373;
	font-weight:bold;
	margin: 3px 0px 3px 0px;
}

.noFormatting
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


h1
{
	font-family:Arial,"Liberation Sans",sans-serif;
	font-size:12pt;
	font-weight:bold;
	letter-spacing:0.4em;
	color:#fea501;
	height:23px;
	background-color:#627991;
	background-image:none;
	margin:10px 0px 10px 0px;
	padding:5px 10px 0px 10px;
	clear:both;
}

h2
{
	font-family:Arial,"Liberation Sans",sans-serif;
	font-size:10pt;
	font-weight:bold;
	letter-spacing:0.2em;
	color:#3979ba;
	height:16px;
	background-color:#ffc458;
	background-image:none;
	margin:10px 0px 10px 0px;
	padding:2px 10px 2px 10px;
	clear:both;
}

h2.settings
{
	font-family:Arial,"Liberation Sans",sans-serif;
	font-size:10pt;
	font-weight:bold;
	letter-spacing:0.2em;
	color:#fea501;
	height:16px;
	background-color:#718ca7;
	background-image:none;
	margin:10px 0px 10px 0px;
	padding:2px 10px 2px 10px;
	clear:both;
}

h3
{
	font-family:Arial,"Liberation Sans",sans-serif;
	font-size:10pt;
	font-weight:bold;
	letter-spacing:0.2em;
	color:#627991;
	height:16px;
	background-color:#ffdb9a;
	background-image:none;
	margin:10px 0px 10px 0px;
	padding:2px 20px 2px 20px;
	clear:both;
}

h3#tselect
{
	font-family:Arial,"Liberation Sans",sans-serif;
	font-size:9pt;
	font-weight:bold;
	text-align:right;
	letter-spacing:0.2em;
	color:#627991;
	height:100%;
	background-color:#ffdb9a;
	background-image:none;
	margin:2px 0px 2px 0px;
	padding:2px 2px 2px 2px;
	clear:both;
}

img
{
	margin:0px;
	padding:0px;
	border-style:none;
}

img.marginTB
{
	margin-top:10px;
	margin-bottom:10px;
	padding:0px;
	border-style:none;
}

img.pretty
{
	margin:10px 10px 10px 10px;
	padding:5px 5px 5px 5px;
	background-color:#d1dee7;
	border-style:none;
}

img.textImgLeft
{
	margin:5px 10px 5px 0px;
	padding:0px 0px 0px 10px;
	background-color:#ffffff;
	border-style:none;
	float:left;
	clear: both;
}

img.textImgRight
{
	margin:5px 0px 5px 10px;
	padding:0px 10px 0px 0px;
	background-color:#ffffff;
	border-style:none;
	float:right;
	clear: both;
}

img.validicon
{
	margin:23px 0 0 0;
	padding:0px;
	background-color:#d1dee7;
	border-style:none;
	float:left;
}

table
{
	border-color:#000000;
	margin: 0 auto;
	margin-top:10px;
	margin-bottom:10px;
}

tr
{
	text-align:left;
}

td.bolden
{
	font-weight: bold;
}

a:link, a:active
{
	color:#fea501;
	text-decoration:none;
	font-weight: bold;
}

a:visited
{
	color:#e99700;
	text-decoration:none;
	font-weight: bold;
}

a:hover
{
	color:#feb70d;
	text-decoration:none;
	font-weight: bold;
}

.alignLeft
{
	text-align:left;
}

.alignRight
{
	text-align:right;
}

.alignMiddle
{
	text-align:center;
}

.floatLeft
{
	float:left;
	clear:both;
}

.floatRight
{
	float:right;
	clear:both;
}


.formbutton
{
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	color: #000000;
	font-size: 11pt;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #767676;
	background-color: #e6e6e6;
	padding: 0px;
	margin:2px 25px 2px 0px;
	float:left;
	clear:both;
}

.settingsButton
{
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	color: #000000;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #767676;
	background-color:#ffc458;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.inputtext
{
	background: #ffffff;
	border: 1px solid #aaaaaa;
	color : #6161ff;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size : 12pt;
	width:180px;
	float:left;
	margin:2px 5px 2px 0px;
}

.inputtextsettings
{
	background: #ffffff;
	border: 1px solid #aaaaaa;
	color : #6161ff;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size : 10pt;
	font-weight: normal;
	width:180px;
	padding-left:5px;
	margin:0 0 0 0;
}

.textarea
{
	background: #ffffff;
	border: 1px solid #aaaaaa;
	color : #6161ff;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size : 12pt;
	float:left;
	margin:2px 5px 2px 0px;
}


.formbuttonProfile
{
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	color: #000000;
	font-size: 16pt;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #767676;
	background-color: #e6e6e6;
	padding: 0px;
	margin:2px 0 2px 0px;
	clear:both;
}

.inputtextProfile
{
	background: #ffffff;
	border: 1px solid #aaaaaa;
	color : #6161ff;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size : 10pt;
	width:180px;
	margin:2px 5px 2px 2px;
}

.inputtextProfileBrowse
{
	background: #ffffff;
	border: 1px solid #aaaaaa;
	color : #6161ff;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size : 10pt;
	width:90%;
	margin:2px 5px 2px 2px;
}


.inputtextWebsite
{
	background: #ffffff;
	border: 1px solid #aaaaaa;
	color : #6161ff;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size : 10pt;
	width:500px;
	margin:2px 5px 2px 10px;
}

.textareaProfile
{
	background: #ffffff;
	border: 1px solid #aaaaaa;
	color : #6161ff;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size : 10pt;
	margin: 10px 0px 10px 0px;
}

.inputtextlong
{
	background: #ffffff;
	border: 1px solid #aaaaaa;
	color : #6161ff;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size : 12pt;
	float:left;
	margin:2px 25px 2px 0px;
}

.inputtextEmail
{
	background: #ffffff;
	border: 1px solid #aaaaaa;
	color : #6161ff;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size : 12pt;
	width:405px;
	float:left;
	margin:2px 5px 2px 0px;
}

#invisibleUser
{
	display:none;
}

#invisibleId
{
	display:none;
}

/***************************************************************************/
/* Utility box styles*/
/***************************************************************************/

#login_formbutton
{
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	color: #000000;
	font-size: 11pt;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #767676;
	background-color: #e6e6e6;
	padding: 0px;
	margin:2px 25px 2px 0px;
	float:right;
	clear:both;
}

.login_inputtext
{
	background: #ffffff;
	border: 1px solid #aaaaaa;
	color : #949494;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size : 12pt;
	float:right;
	clear:both;
	width:180px;
	margin:2px 25px 2px 0px;
}

#txtlogon
{
	margin:25px 30px 5px 0px;
	font-size: 11pt;
	font-weight: bold;
	padding:0 0 0 0;
	float:right;
	clear:both;
}

#forgotPass 
{
	margin:10px 25px 3px 0px;
	font-size: 8pt;
	font-weight: bold;
	padding:0 0 0 0;
	float:right;
	clear:both;
	text-align:right;
	width:300px;
}

#newUser 
{
	margin:3px 25px 3px 0px;
	font-size: 8pt;
	font-weight: bold;
	padding:0 0 0 0;
	float:right;
	clear:both;
	text-align:right;
	width:300px;
}

#titleUtilityBox a:link, #titleUtilityBox a:active
{
	color:#fea501;
	text-decoration:none;
	font-weight: bold;
}

#titleUtilityBox a:visited
{
	color:#e99700;
	text-decoration:none;
	font-weight: bold;
}

#titleUtilityBox a:hover
{
	color:#feb70d;
	text-decoration:none;
	font-weight: bold;
}

/***************************************************************************/
/*Backgrounds and edges style */
/***************************************************************************/

div#topLeft
{
	float:left;
	width:15px;
	height:25px;
	background-image: url("imgs/topLeft.gif");
	background-repeat: no-repeat;
}

div#topRight
{
	float:left;
	width:15px;
	height:25px;
	background-image: url("imgs/topRight.gif");
	background-repeat: no-repeat;
}


div#bottomLeft
{
	float:left;
	width:15px;
	height:21px;
	background-image: url("imgs/bottomLeft.gif");
	background-repeat: no-repeat;
}

div#bottomRight
{
	float:right;
	width:15px;
	height:21px;
	background-image: url("imgs/bottomRight.gif");
	background-repeat: no-repeat;
}

div#footer
{
	clear:both;
	background-color:transparent;
	width:961px;
	height:21px;
	margin:auto;
}

div#footerBody
{
	float:left;
	width:931px;
	height:20px;
	background-color:#ffffff;
}

/***************************************************************************/
/* Containers style */
/***************************************************************************/

div#container
{
	background-color:transparent;
	margin:auto;
	padding:0px;
	width:961px;
	height:100px;
}

div.mainContent
{
	clear:both;
	float:left;
	width:961px;
	background-color:#ffffff;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

div.section
{
	clear:both;
	float:left;
	width:961px;
	background-color:#ffffff;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/***************************************************************************/
/* TitleBars style */
/***************************************************************************/

div#titleBar
{
	width:961px;
	height:204px;
	background-color:#70c8f9;
	clear:both;
	background-image: url("imgs/title.jpg");
}

div#titleUtilityBox
{
	width:358px;
	height:204px;
	background-color:transparent;
	float:right;
}

/***************************************************************************/
/* Navigation style */
/***************************************************************************/

div#navigation
{
	clear:both;
	float:left;
	height:52px;
	width:961px;
	background-image: url("imgs/navMainBack.jpg");
	background-repeat: repeat-x;
}

div#navTop
{
	width:285px;
	height:25px;
	float:left;
	background-color:#ffffff;
}

div#navTopFill
{
	float:left;
	width:646px;
	height:25px;
	background-color:#ffffff;
}


div#navMain
{
	width:603px;
	height:52px;
	float:left;
	background-color:#e6f2fa;
	background-image: url("imgs/navMainBack.jpg");
	background-repeat: repeat-x;
	overflow:hidden;
}

div#navLoggedIn
{
	width:227px;
	height:52px;
	float:left;
	margin:0 0 0 -30px ;
	background-color:#e6f2fa;
	background-image: url("imgs/navMainBack.jpg");
	background-repeat: repeat-x;
	overflow:hidden;
}

div#navOther
{
	width:131px;
	height:52px;
	float:right;
	background-color:#e6f2fa;
	background-image: url("imgs/navMainBack.jpg");
	background-repeat: repeat-x;
	overflow:hidden;
}

ul.nav
{
	margin-left: 0;
	padding-left: 0;
	display: inline;
}

li.navBookmark, li.navRss, li.navContact, li.navHome, li.navAbout, li.navDownload, li.navProfiles, li.navLiveFeeds, li.navFAQ, li.navSuperFeed, li.navYourProfile, li.navMessage, li.navSettings, li.navDevelopers, li.navHelp
{
	list-style: none;
	display: inline;
	float:left;
}



li.navBookmark a
{
	background-image: url("imgs/btnBookmark.gif");
	background-repeat: no-repeat;
	display:block;
	width:94px;
	height:25px;
}

li.navRss a
{
	background-image: url("imgs/btnRss.gif");
	background-repeat: no-repeat;
	display:block;
	width:88px;
	height:25px;
}

li.navContact a
{
	background-image: url("imgs/btnContact.gif");
	background-repeat: no-repeat;
	display:block;
	width:84px;
	height:25px;
}



li.navHome a
{
	background-image: url("imgs/btnHome.jpg");
	background-repeat: no-repeat;
	display:block;
	width:78px;
	height:52px;
}

li.navAbout a
{
	background-image: url("imgs/btnAbout.jpg");
	background-repeat: no-repeat;
	display:block;
	width:76px;
	height:52px;
}

li.navDownload a
{
	background-image: url("imgs/btnDownload.jpg");
	background-repeat: no-repeat;
	display:block;
	width:75px;
	height:52px;
}

li.navProfiles a
{
	background-image: url("imgs/btnProfiles.jpg");
	background-repeat: no-repeat;
	display:block;
	width:75px;
	height:52px;
}

li.navLiveFeeds a
{
	background-image: url("imgs/btnLiveFeeds.jpg");
	background-repeat: no-repeat;
	display:block;
	width:75px;
	height:52px;
}

li.navFAQ a
{
	background-image: url("imgs/btnFAQ.jpg");
	background-repeat: no-repeat;
	display:block;
	width:75px;
	height:52px;
}

li.navSuperFeed a
{
	background-image: url("imgs/btnSuperFeed.jpg");
	background-repeat: no-repeat;
	display:block;
	width:75px;
	height:52px;
}



li.navYourProfile a
{
	background-image: url("imgs/btnYourProfile.jpg");
	background-repeat: no-repeat;
	display:block;
	width:75px;
	height:52px;
}

li.navMessage a
{
	background-image: url("imgs/btnMessage.jpg");
	background-repeat: no-repeat;
	display:block;
	width:76px;
	height:52px;
}

li.navSettings a
{
	background-image: url("imgs/btnSettings.jpg");
	background-repeat: no-repeat;
	display:block;
	width:75px;
	height:52px;
}



li.navDevelopers a
{
	background-image: url("imgs/btnDevelopers.jpg");
	background-repeat: no-repeat;
	display:block;
	width:75px;
	height:52px;
}

li.navHelp a
{
	background-image: url("imgs/btnHelp.jpg");
	background-repeat: no-repeat;
	display:block;
	width:56px;
	height:52px;
}


span.invisible
{
	display: none;
}


/***************************************************************************/
/* Profiles style */
/***************************************************************************/

.profileSpacer
{
	height:10px;
	width:961px;
	background-color:#ffffff;
	float:left;
	clear:both;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:1px;
}

#profileHeader
{
	height:28px;
	width:961px;
	background-color:#627991;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	clear:both;
}

#profileHeaderLeft
{
	height:23px;
	width:641px;
	background-color:#627991;
	margin:0 0 0 0;
	padding:5px 0 0 10px;
	float:left;
	font-family:Arial,"Liberation Sans",sans-serif;
	font-size:12pt;
	font-weight:bold;
	letter-spacing:0.4em;
	color:#fea501;
	overflow:hidden;
}

#profileUserAbilities
{
	height:28px;
	width:300px;
	background-color:#627991;
	margin:0 0 0 0;
	padding:3px 3px 0 0;
	text-align:right;
	float:right;
}


#mapHolder
{
	width:931px;
	margin:0px 0px 0px 0px;
	background-color:#ffffff;
	padding:0 0 3px 3px;
	float:left;
	clear:both;
}

#profileLiveMap
{
	width:931px;
	background-color:#FFFFFF;
	float:left;
	clear:both;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#profileColHolder
{
	width:941px;
	float:left;
	clear:both;
	margin:0 0px 0 0px;
	padding:0 10px 0 10px;
}

#profileThinColumn
{
	width:320px;
	float:left;
	background-color:#ffffff;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#profileThickColumn
{
	width:607px;
	float:left;
	background-color:#ffffff;
	margin:0 0 0 10px;
	padding:0 0 0 0;
}

.profileBoxThin
{
	width:320px;
	float:left;
	clear:both;
	background-color:#f0f0f0;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	border:1px solid #000000;
	overflow:hidden;
}

.profileBoxWide
{
	width:607px;
	float:left;
	clear:both;
	background-color:#f0f0f0;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	border:1px solid #000000;
	overflow:hidden;
}

.profileBoxFull
{
	width:937px;
	float:left;
	clear:both;
	background-color:#f0f0f0;
	margin:0 0 10px 10px;
	padding:0 0 0 0;
	border:1px solid #000000;
	overflow:hidden;
}

.profileBoxTitle
{
	width:100%;
	float:left;
	clear:both;
	background-color:#FFDB9A;
	margin:0 0 0 0;
	padding:0 0 0 0;
	border-bottom:1px solid #627991;
	overflow:hidden;
	cursor: n-resize;
}

.profileBoxKeyLink
{
	width:100%;
	float:left;
	clear:both;
	background-color:#ff0000;
	margin:0 0 0 0;
	padding:0 0 0 0;
	border-bottom:1px solid #627991;
	overflow:hidden;
}

.profileBoxContent
{
	width:100%;
	float:left;
	clear:both;
	background-color:#f0f0f0;
	margin:0 0 0 0;
	padding:0 0 0 0;
	overflow:hidden;
}

.profileBoxTitle h1, .profileBoxKeyLink h1
{
	font-family:Arial,"Liberation Sans",sans-serif;
	font-size:9pt;
	font-weight:bold;
	letter-spacing:0.2em;
	color:#fea501;
	height:18px;
	background-color:#627991;
	background-image:none;
	margin:0px 0px 0px 0px;
	padding:5px 0 2px 10px;
}

.profileBoxTitle h2, .profileBoxKeyLink h2
{
	font-family:Arial,"Liberation Sans",sans-serif;
	font-size:10pt;
	font-weight:bold;
	letter-spacing:0.2em;
	color:#3979ba;
	height:16px;
	background-color:#ffc458;
	background-image:none;
	margin:0px 0px 0px 0px;
	padding:3px 0 3px 10px;
}

.profileBoxContent h3, .profileBoxKeyLink h3
{
	font-family:Arial,"Liberation Sans",sans-serif;
	font-size:10pt;
	font-weight:bold;
	letter-spacing:0.2em;
	color:#627991;
	height:16px;
	background-color:#ffdb9a;
	background-image:none;
	margin:3px 0px 0px 0px;
	padding:3px 0 3px 10px;
}

.profileBoxContent h3.settings
{
	font-family:Arial,"Liberation Sans",sans-serif;
	font-size:10pt;
	font-weight:bold;
	letter-spacing:0.2em;
	color:#627991;
	height:20px;
	background-color:#ffdb9a;
	background-image:none;
	margin:3px 0px 0px 0px;
	padding:3px 0 3px 10px;
}

/***************************************************************************/
/* Latest users stuff  */
/***************************************************************************/

.latestUser
{
	width:170px;
	height:160px;
	display:inline;
	float:left;
	background-color:#ffdb9a;
	margin: 5px 11px 15px 11px;
	text-align:center;
	font-size:8pt;
	overflow:hidden;
}