* { margin: 0; padding: 0; outline: none; }

html { height: 100%; }


body{
	font: normal 11px "Helvetica Neue", arial, verdana, sans-serif;
	background-color: #6BA6D6;
	background-image:url(images/bg.gif);
	background-repeat:repeat-x;
}

a { text-decoration: none; color: #333; }
a:hover { color: #0099CC; }

h1 { font-size: 20px; }
h2 { font-size:11px; color: #333; font-weight: bold; }

img { border: 0; }

#sub_body {
	height:100%;
    width:778px; 
    margin: 1em auto;
    margin-top: 0;
	margin-bottom:0px ;//margin-bottom: 10px;
    text-align: left;
    position: relative;
	background-color: white;
	
	
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}



#container {
    width:778px; 
    margin: 0 auto;
    text-align: left;
    //position: relative;
	
}


/********************************************************
* Header
********************************************************/

#header { height: 90px; }

#header { margin: 0; } 

#header {
    width: 778px; //width: 779px;
    background-color: #666666;
    padding: 0;
	
}

#logo {
	padding: 20px 80px 0 30px;
	float:left;
}

#ads { padding-top: 10px; }

/********************************************************
* Main Nav
********************************************************/

div#navbar {
    background: #CCCCCC url(images/navbar_bg.gif) repeat-x;
	border-bottom: 1px solid #ccc;
    margin: 0;
	padding: 0;
    width: 778px; //width: 778px;
    height: 20px;
    position: relative;
	
}

#navbar ul {
	list-style: none;
	height:10px;
	padding: 0;
	margin: 0;
	position: relative;
}

#navbar li { 
	float:left; 
	margin: 1px 1px 0 0;
	padding: 3px 10px 0 10px;
}

#navbar li:hover {
background-color: #efefef;
}

#navbar a {
	font-weight: bold;
	text-decoration: none;
	color: #333;
}

#navbar a:hover { color: #0099CC; 	 }

/********************************************************
* Main Styles
********************************************************/

#profile {
    position: relative;
	width: 765px;
	margin: 0 auto;
	//margin-left: 10px;
}

#infoLinks {
	 
	height:16px;
	
	text-align:right;
	font-size:12px;
}

#infoLinks a { text-decoration: none; color: #333; border-bottom:1px solid #bbb; }
#infoLinks a:hover { color: #0099CC; }



#userbar H1 {
	margin: 5px 0 0 10px;
	font-size: 25px;
	font-family: "Helvetica Neue", arial, verdana, sans-serif;
	color: #666;
}

#section1 {
	overflow:hidden;
	width: 540px; //width:540px;	
	height: 228px;
	margin-bottom: 5px;
	padding:5px;
	margin-left:5px;
	margin-right:5px;
	border:1px solid #bbb;
	background-color:#efefef;
	
}

#section1_1{
	float:left;
	width:145px;
	padding-right: 5px;
}

#section1_2 { 
	float:right;
	width: 530px;
	
	padding:0px;
	height: 205px;
	overflow: visible;

 }
 
.infoTable { width:300px; //width:300px }
.infoTable td { padding: 1px 0 5px 3px;  }
.infoTable { font-size: 12px;  }
.infoTable b { color: #000; }
.infoTable td { color: #666; }

#section1_2 td {
	vertical-align: top;
}

#section1_2 * a { color: #666; text-decoration: underline; }
#section1_2 * a:hover { color: #0099CC; }
 
#section2 {
	overflow:hidden;
	width: 550px;
	margin-left: 5px; 
	border:1px solid #bbb; //border: 1px solid #bbb; 
	background-color:#efefef;
}

#section2_1{

	margin: 0 auto;
}

#section2_2 { 
	float:right;
	width: 390px;
	padding:10px;
 }


/********************************************************
* User Styles
********************************************************/

#user_photo {
	background-color: #fff;
	border:1px solid #bbb;
	margin: 5px;
	margin-top:0;
	padding: 1px;
	width: 150px;
	height: 150px;
}

#user_photo2 { text-align:center;float:left;margin:8px 0px 5px 5px; width:155px;}
#avatar { border:1px solid #bbb; padding:2px ;background-color:white;}

#user_handle {
	color: #333;
	text-align:left;
	margin-top: 7px;
	font: bold 20px "Helvetica Neue", arial, verdana, sans-serif;
	
}

div#userbar {
	position: relative;
    margin: 0 auto;
	margin-top: 20px;

    padding: 0 0 0 10px;
	width: 740px;

	
	
	text-align:right;
}
#friendButton { 
	color: black; 
	margin:  4px 20px 0 0;

	font-size:12px;
	
}


#canvas { 
	margin: 15px 10px 20px 10px;
	background-color: #fff;
	padding:5px;
	width: 512px;
	border: 1px solid #bbb;
}

#canvas2 { 
	margin: 6px;
	
	margin-top:0px;
	width: 350px; // width:350px;
	border: none;
	float:right;
}



/********************************************************
* Sidebar
********************************************************/

#sidebar {
	width: 180px;
	color: #333;
	padding:2px;
	float:right;

}

#sidebar h2 { margin-bottom: 15px; font-size: 12px; }
#sidebar .pageLinks { width: 100%; text-align: right; margin-top: 5px; }

#sidebar .panelRow {
	width: 100%;
	margin-bottom: 5px;
	margin-top: 0px;
	overflow: hidden;
}

#sidebar .panelRow img { margin-right: 5px; }

div#sidebar a { text-decoration: none; color: #333;  }
div#sidebar a:hover { color: #0099CC; }

/********************************************************
* Footer
********************************************************/

#footer {
	margin: 0 auto;
	width: 777px; //width: 778px;
	margin-left: 1px; //margin-left: 0px;
	background-color: #ddd;
	height: 140px;
	border-top:1px solid #bbb;
	clear:left;
	margin-top: 0px;
}

/********************************************************
* Tabs
********************************************************/

#profileTabs {
	text-align: right;
	padding-right: 10px;
	color: #ff0000;
	
}
#profileTabs ul {
	list-style-type: none;
	float:right;
	margin:0px;
}

#profileTabs ul li { 
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	height:19px;
}

#profileTabs a { background-image:url(images/tab.jpg);	
		background-repeat:no-repeat; }

#profileTabs a:link, #profileTabs a:visited
	{
		float: left;
		font-size: 12px;
		
		font-weight: normal;
		text-align: center;
		padding-left: 2px;
		padding-right: 2px;
		padding-bottom:0px; 
		padding-top:3px;
		margin-right:2px;
		height:19px;
		text-decoration: none;
		color: #000;
		width:66px;
		
	}

#profileTabs a:link.active, #profileTabs a:visited.active
	{
		background-image:url(images/tab.jpg);
		color: #000;	
	}

#profileTabs * a:hover
	{
		background: url(images/tab_over.jpg);
		border-bottom:none;
	}
	
#profileTabs * { border-bottom:none; height:19px; margin-bottom:0px;}
#profileTabs * .tab {
	background-image:url(images/tab_on.jpg);
	height:19px; //height:18px;
}
	
.frontBox {
	width: 233px; //width: 223px;
	height: 200px;
	float: left;
	margin: 0 auto;
	padding:10px;
}
	
.frontBoxHeader {
	font-size:26px;
	color: #0095DD;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold;
}

.frontBoxDescription {
	font-size: 12px;
	text-align: justify;
	line-height: 1.7em;
	color: #666666;
	margin-top: 10px;
	clear: left;
	margin-bottom: 10px;
}

.frontBox a { text-decoration: none; color: #333;  }
.frontBox a:hover { color: #0099CC; }

/********************************************************
* Login Module
********************************************************/

div#loginModule {
	width: 210px;
	height: 150px;
	float: left; //float: right;
	margin-right: 2px;
	line-height: 20px;
	border-left: 1px solid #efefef;
	
	padding-left: 5px;
	border:1px solid #BDD9FB;
	border-rigth:2px solid #BDD9FB;
	border-bottom:2px solid #BDD9FB;
	background-color: #efefef;
}

div#loginModule input[type=text]{
	font-size: 12px;
	padding:2px;
	border:1px solid #999;
}
div#loginModule input[type=password]{
	font-size: 12px;
	
	padding:2px;
	border:1px solid #999;
}

div#loginModule .loginSubmit {
	margin-top: 10px;
	font-size: 12px;
}

.userRow {
	padding: 10px 0 10px 5px;
	width: 172px;
	float:left;
	cursor: pointer;
}
.userRow img { border:1px solid #999; margin-right: 10px; padding:1px; background-color: white; }
.friendRow { border-bottom:1px solid #ccc; }


#messagesTable { 
	width: 100%;
	font-size: 14px; 
	font-family: "Helvetica Neue", arial, verdana, sans-serif;
	margin-bottom: 20px;
}

#messagesTable img { border: 1px solid #999; padding: 1px; background-color: white; }
#messagesTable td { padding: 5px 0 5px 0; vertical-align: top; }
#messagesTable .message { padding-left: 10px; }
#messagesTable .messageinfo { font-size: 10px; color: #808080; }

.userPhoto { border:1px solid #999; padding:1px; background-color: white; margin: 5px 10px 0 0; }

.delButton { height:12px;
	width:44px; 
	font-size:10px; 
	border:1px solid #bbb; 
	background-color: #efefef;
	background-image: url(images/delButton.gif);
	cursor: pointer;
	margin-top:2px; 
	text-align: center;
	padding: 0px;
}
.delButton:hover {
	//background-color: #ddd;
}
/********************************************************
* Settings Page
********************************************************/

#settingsPanel {
	padding: 0 10px 10px 10px;
	position: relative;
	border:1px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	margin: 0 auto;
	margin-top:19px; //margin-top: 19px;
	width: 730px;
	background-image:url(images/settingsFade.jpg);
	background-repeat: no-repeat;
}

#settingsPanel div {
	margin-bottom: 10px;
}
#settingsPanel * p { margin-bottom: 15px; }

#settingsPanel .text {
	width: 350px;
	margin-top: 2px;
	border: 1px inset #999;
	color: #333;
	padding:3px;
	font-size:12px;
	background-image:url(../images/form-back.gif);background-repeat:repeat-x;
	
}

#settingsPanel .settingtitle {
	font-size: 12px; 
	padding-left: 5px;
	font-weight: bold;
	color: #333;
}

#settingsPanel .tArea {
	width: 500px;
	height: 120px;
	border: 1px inset #999;
	color: #333;
	padding:3px;
	font-family:"Helvetica Neue", arial, verdana, sans-serif;
	font-size: 12px;
	background-image:url(../images/form-back.gif);background-repeat:repeat-x;
	background-color: #D6ECFF; 
}


#settingsPanel .dropdown {
	font-size: 12px;
	padding: 0;
}
#settingsPanel .dropdown option { padding-right: 10px; }

.settingtextboxa {
	margin-left: 12px;
	margin-bottom: 20px;
	width: 600px;
	border: 1px solid #D6ECFF;
}
.settingsHeader1 {
	font-size: 17px;
	color: #0066CC;
	width: 700px;
	height: 18px;
	margin-top: 10px;
	border-bottom: 1px dotted #999;

}
#settingsPanel .checkbox {
	margin-right: 10px;
	vertical-align: middle;
}

.frmBookmarks { width: 650px;font-size: 14px; padding:10px; }
.frmBookmarks ul { list-style: none; margin: 0 0 0 20px; }
.frmBookmarks ul li { margin-bottom: 20px; }
.frmBookmarks ul li ul { margin: 0 }
.frmBookmarks ul li ul li {margin:5px 0 0 0; }
.frmBookmarks a { font-weight: normal; font-size:10px; color: #666; }
.frmBookmarks a:hover { font-weight: normal; font-size:10px; color: #000;}
.frmBookmarks * .checkbox { margin-right: 10px; vertical-align: middle; }

/********************************************************
* iTunes style table
********************************************************/
#stripeTable { background-color: #ddd; margin-left: 10px; width: 680px; border-right: 2px solid #bbb; border-bottom: 2px solid #bbb; }
#stripeTable * a { font-size: 12px; }
#stripeTable tbody tr:hover { background-color: #999; }
#stripeTable tbody tr.hdr td { background-color: #bbb; font-weight: bold; padding-bottom: 5px; padding-top: 5px; }
#stripeTable tbody tr td { 
	padding:2px 5px 2px 5px;   
	background-color: #eee;
}
#stripeTable tbody tr.odd  td {
  background-color: #fff;
}

* form.addBookmark label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
* form.addBookmark  ol {
  margin: 0;
  padding: 0;
}
* form.addBookmark  li {
  list-style: none;
  padding: 5px;
  margin: 0;
}

#paginator * a:hover { color:#bbb; }

.pageButton {

	margin:0 5px 0 px;
	padding:2px 5px 2px 5px;
}

.pageButtonSelect {

	margin:0 5px 0 px;
	padding:2px 5px 2px 5px;
	background-color: #efefef;
}

#helpTable span { color: #003366; }

#helpTable p {
	color: #666;
}
/********************************************************
* error messages
********************************************************/
.regError { color: #CC0000; }

/********************************************************
* Videos
********************************************************/
.videoTable {
	text-align: center;
	width:100%;
	padding: 5px;
}

.videoTable img {
 border:1px solid #999; 
 padding:1px; 
 background-color: white; 
}

.panelHeading { color:#333;font-size:16px; }

#photoTable .phototitle { font-size:12px; }
#photoTable img {
 border:1px solid #999; 
 padding:1px; 
 background-color: white; 
 margin: 10px;
}
#photoTable input { 
background-image:url(../images/form-back.gif);background-repeat:repeat-x;
	background-color: #D6ECFF; border:1px solid #bbb;
font: normal 11px "Helvetica Neue", arial, verdana, sans-serif;color: #666;font-size:12px; width: 150px;  padding:2px; }
#photoTable textarea { 
background-image:url(../images/form-back.gif);
background-repeat:repeat-x;
	background-color: #D6ECFF; font: normal 11px "Helvetica Neue", arial, verdana, sans-serif;color: #666;font-size:12px;  width:150px; margin-top: 0px; width: 150px; border:1px solid #bbb;padding:2px;}

#bookmarkLinks * { list-style: none; font-size:12px }

#bookmarkLinks li { margin-bottom:0px; }
#bookmarkLinks li .desc { color:#666; margin-top: 0px; font-size:12px; margin-bottom:0px}

#bookmarkLinks .test:hover { border:1px solid black; }
#bookmarkLinks input { font-size:12px; width: 400px;}
#bookmarkLinks textarea { font-size:12px; width:400px; font-family: "Helvetica Neue", arial, verdana, sans-serif}

#emptyFriends { 
font-size: 14px; color:#666; margin-top:20px;width:500px;padding:10px;
}
#emptyFriends a { color:#666;  }
#emptyFriends a:hover { color:#333; text-decoration:underline }



.bubbleNotice {
background: transparent url(http://shoutcentral.com/images/bubbleComment.gif) no-repeat;position: absolute; left: 245px; top: -115px; width: 238px; height: 35px;font-size: 10px;    text-align: center;    margin: 20px 25px 0 25px;    color: #333; z-index: 1000;padding-top:20px;
}

#sidebarLinks * a {
	font-size:14px;
}

/********************************************************
* Blog Entries
********************************************************/
.blogtitle { font-size:16px;font-family:Verdana;color:#09F; }

#blogEntry * ul li {  list-style-position:inside;}
#blogEntry * ol li {  list-style-position:inside;}
#addcomment { height: 120px;padding-top:20px;}
#blogEntry * ul { list-style: none; margin-left: 0px; }

.blogtitle * { font-size:18px; font-family: Verdana;color:#09F; }
.blogtitle a:hover { border-bottom: 1px dotted #bbb; color:#09d}
* .blogbody a { text-decoration: underline; }
* .blogstamp { width:510px;margin-bottom:10px;font-size:10px;color:#666;}
div#blognav { line-height: 150%; margin-right:5px; }
div#blognav a{ color:#666;border-bottom:1px dotted #efefef; font-size: 12px; }
div#blognav a:hover{border-bottom:1px dotted; color:#666; }


/***********************************************************
* Home page
***********************************************************/
div#homePhotos { }
div#homePhotos .link { border-bottom: 1px dotted; }

div#homeBlogs { margin:0 auto;margin:0 0 20px 20px;vertical-align:top;  }
div#homeBlogs * { font-size: 10px; }
div#homeBlogs .link { border-bottom: 1px dotted; }

div#homeBlog { 
width:275px; //width: 270px;
float:left; 
}

div#inviteForm {
	line-height:250%;
	font-size:12px;
}
div#inviteForm h2 { font-size:14px; margin-bottom:10px; }
div#inviteForm .text { padding:5px; margin-bottom:5px;}


.optionList li { margin-bottom: 5px }