﻿* {padding:0;margin:0;}   

p, li
{
	line-height:1.8em;
}

h1, h2, h3, ul, ol
{
    margin: 0 0 10px 0;
}

div.legal p, div.legal li 
{
    font-weight:lighter;
}

li
{
    list-style:none;
}

.label
{
    font-weight:bold;
    margin-right:5px;
}

html
{
    overflow-y:scroll;
    -webkit-text-size-adjust:none;
    height:100%;
}

a img
{
    border:0;
}

body
{
    background-color:#f7f7f8;
}

form textarea
{
    background-color:#fff;
}

body, form textarea
{
    font:62.5% "lucida grande",tahoma,verdana,arial,sans-serif;   
    color:#393733;
}

html a:active, a:focus 
{ 
    outline:none;
}

a, a:visited
{
    text-decoration:none;
    color:#6666CC;
}

a:hover
{
    text-decoration:underline;
}

.bold
{
    font-weight:bold;
}

#footer
{
    font-size:1.1em;
}

#main, #header, #footer, #navigation
{
    margin: 0 auto;
}

#subMenuContainer
{
    overflow: hidden;
    width:100%;
}

#topContainer
{
    width:100%;
    background-color:#002C49;
    height:95px;
}

#midContainer
{
    width:100%;
    background-color:#fff;
    padding: 0 0 20px 0;
}

#bottomContainer
{
    width:100%;
    border-top:1px solid #dfdfdf;
    background-color:#f7f7f8;
}

#header.wrapper
{	
	height:30px;
}

#navigation
{
    position:relative;
    top:0px;
}

.logo
{
    position:relative;
    top:0px;
}

#main.wrapper
{
    background-color:#fff;
    min-height:400px;
}

#footer.wrapper
{
    padding-top:10px;
    padding-bottom:10px;
}

.wrapper{padding:0;width:900px;}

.investorLogin
{
	background-image: url(/Images/investor.gif);
	background-repeat: no-repeat;
	width: 100px;
	height: 23px;
    padding: 4px 0 0 0px;    
    text-align:center;
}

#footer a
{
	color:#3B5998;
	font-size:1.2em;
}

#header p
{
	line-height:2.5em;
}

a
{
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

#logonForm
{
    width:600px;
}

#content
{
	margin: 0 0 10px 0;
    overflow: hidden;
    width:100%;
}

.left
{
    float:left;
}

.right
{
    float:right;
}

.leftPanel
{
    float:left;
    width:620px;
}

.rightPanel
{
    float:right;    
    width:250px;
}

.profileContainer
{
    overflow:auto;
    width:100%;
}

.profileImage
{
    padding-top:5px;
    float:left;
    width:20%;
}

.miniProfileBio
{
    float:right;
    width:80%;
    overflow-y:auto;
    height:190px;
}

.profileBio
{
    float:right;
    width:80%;
}

.miniProfileBio h3
{
    padding: 3px 0 0 0;
    margin:0;
}

.miniProfileBio p
{
    padding: 0 5px 10px 0;
}

address
{
    font-style:normal;
    margin-bottom:20px;
}

h1
{
	font-size:2em;
	color:#203360;
	font-weight:bold;
	font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    letter-spacing:1px;
}

h2
{
    clear:left;
    color:#444444;
    font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    font-size:1.5em;
    letter-spacing:1px;
    margin: 30px 0 10px 0;
}

h2:first-child
{
    margin: 0 0 10px 0;
}

h3 
{
    clear:left;
    color:#444444;
    font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    font-size:1.2em;
    letter-spacing:1px;
    margin: 0 0 10px 0;
}

h4
{
    font-size: 1.3em;
    margin: 0;
}

h5
{
    font-size: 1.2em;
    margin:0;
}

#map
{
    width: 500px; 
    height: 300px;
    border: solid 1px #ccc;
}

#main
{
    overflow:auto;
    color:#555555;
    font-size:1.3em;
}

#main p
{
    margin-bottom:1em;
}

.clear
{
    clear: both;
}

.clearfix
{
    overflow:auto;
}

.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

* html .clearfix {
height:1%;
}

.clearfix {
display:inline-block;
}        

.leftCol30 {
  float: left;
  width: 30%;
}

.middleCol30 {
  margin: auto;
  width:30%;
}

.rightCol30 {
  float: right;
  width: 30%;
}

.leftCol250 {
  float: left;
  width: 250px;
}

.middleCol250 {
  margin: auto;
  width:250px;
}

.rightCol250 {
  float: right;
  width: 250px;
}

.leftCol45 {
  float: left;
  width: 45%;
}

.rightCol45 {
  float: right;
  width: 45%;
}

.rightCol60 {
  float: right;
  width: 60%;
}

/*.rpxContainer {
  padding-left:50px;
  width: 400px;
  border-left:dotted 1px #ccc;
}*/

.box
{
    padding: 5px 10px 5px 10px;
    background-color:#f3f6f7;
}

#SubscribeForm .textbox
{
    background-color:#fff;
    font-size:0.9em;
    padding:5px;
    width:170px;
    margin:0 0 4px 0
}

#SubscribeFormContainer p
{
    width:215px;
    margin:0 0 4px 0;
    padding:0;
    font-size:0.9em;
    font-weight:normal;
}

.rightPanel #SubscribeFormContainer
{
    text-align:left;
    margin-bottom:30px;
    background-image: url(/Images/regbox.jpg);
	background-repeat: no-repeat;
	width: 250px;
	height: 119px;
	padding: 0 px 0 5px;
	text-align:left;
}

.rightPanel #SubscribeFormContainer p
{
    margin-left:10px;
    padding: 4px 0 0 0px;
}

.rightPanel #SubscribeForm .textbox
{
    margin-left:10px;
}

.rightPanel #SubscribeForm .message
{
    margin-left:10px;
}

.rightPanel div
{
    margin-bottom:10px;
}

.rightPanel a
{
    display:block;
    margin-bottom:10px;
}

#HomePageSplash
{
    width:100%;
    height:329px;
    background-color:#ccc;
    color:#000;
    margin-bottom:20px;   
}

#HomePageSplash div
{    
    padding:20px;
}

.tweetText
{
    display:block;
    margin-bottom:5px;
}

a.tweetDate
{
    color:#999;
    display:block;
    font-size:0.85em;
    margin-bottom:10px;
}

.blogEntryTitle
{
    display:block;
}

.blogEntryDate
{
    color:#999;
    display:block;
    font-size:0.85em;
    margin-bottom:10px;
}

.frontAdBanner
{
    float:right;
    padding-top:30px;
    width:468px;
    height:60px
}

.heading
{
    font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    width:100%;
    height:2em;
}

.heading span
{
    font-weight:bold;
    font-size:1.2em;
    float:left;
    
}

.heading a
{    
   float:right;
}

#associateList img
{
    float:left;
    margin: 0 20px 20px 0;
    height:50px;
    width:50px;
}

.press img
{
    border: solid 1px #000;
    height:80px;
    width:80px; 
    vertical-align:middle
}

.partner a
{
    padding-right:10px;
}

#investorDocs p
{
    text-align:justify;
}

#investorDocs img
{
    height:41px;
    width:40px;    
}

#investorDocs li{
	width:130px;
	background:#FFF;
	padding:10px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin-bottom:20px;
}

#investorDocs ul
{
    margin-bottom:10px;
}

#investorDocs  a span
{
    display:block;
}

#loggedInUserName
{
    padding: 5px 8px 5px 5px;
    color:#fff;
}

#navContainer
{
    width:650px;
    padding-top:10px;
}

.timestamp
{
    vertical-align:middle;
    position:relative;
    left:-2px;
}

.padBottom
{
    padding-bottom:10px;
}

.padTop20
{
    padding-top:20px;
}

#learnMore
{
	position:absolute; 
	top:325px;
	margin-left:760px;
}

#learnMore a {
    color:#fff;
    display: block;
    background-image: url(/Images/learnmore.gif);
	background-repeat: no-repeat;
	width: 136px;
	height: 47px;
    text-decoration:none;
}

#learnMore a:hover {
    text-decoration:underline;
}

#learnMore a span {
    
    display: block;
    line-height: 15px;
    padding: 16px 0 16px 20px;
    cursor: pointer;
}

#register {
	background-image: url(/Images/register.gif);
	background-repeat: no-repeat;
	width: 239px;
	height: 124px;
	position:absolute; 
	top:255px;
	padding: 6px 0 0 10px;
}

.message
{
    display:block;
    color:#FF0000;
    font-size:0.8em;
}

.submitButton
{
    vertical-align:bottom;
    margin-bottom:7px;
    cursor: pointer;
}

.subscriptionConfirmMessage
{
    color:#000;
}

ul.partners li
{
    display:inline;
    list-style:none;
    margin:0;
    padding:0;
}
        
ul.partners li
{
    display:inline;
    list-style:none;
}

ul.partners img
{
    border: solid 1px #000;
    height:80px;
    width:80px; 
    vertical-align:middle;
    margin: 0px 10px 15px 0;
}

.justified
{
    text-align:justify;
}

.advert
{
    height:250px;
    width:250px;
}

.blueBox
{
    background-color:#DDEFF8;
    padding:10px;
    margin-bottom:20px;
    border: solid 1px #A6D5EB;
    width:auto;
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
}

.blueBox h3
{
    color:#007AAB;
}

#profileTabs
{
    font-size:0.75em;
    margin-top:30px
}

span.actions a
{
    display:inline;
}

#postList
{
    margin-top:15px;
}

#postList li
{
    margin-bottom:10px;
    border-bottom:1px solid #eee;
    min-height:70px;
}    

#attachmentList
{
    padding-top:20px;
}

#attachmentList li
{
    border-bottom:0;
    display: inline;
    list-style-type: none;
    padding-right: 20px;
}

#attachmentList li a
{
    display: inline;
}

#postList img
{
    height:48px;
    width:48px;
    vertical-align:top;
    margin: 0 10px 10px 0;
}

#postList strong
{
    padding:0;
    margin:0;
    background:none;
    font-size:1em;
    font-weight:bold;
    padding-right:5px;
    display:inline;
}

.postDate
{
    color:#999;
    font-size:11px; 
}
    
#postList a
{
    color:#0084B4
}

#postList a:hover
{
    text-decoration:underline;
}

#postBody
{
    margin-top:10px;
    height: 2.5em;
    width: 500px;
    padding: 5px;
    font-family: 'Lucida Grande',sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 1.15em;
    line-height: 1.1;
    border:solid 1px #ccc;
    overflow: auto;
}

#createPostButton
{
    height:50px;
    width:100px;
    float:right;
    margin-top:10px;
}

#createPostForm fieldset
{
    width:100%;
}

.partnerLogo
{
    background-color:#eee;
    border:solid 1px #ccc;
    padding:2px;
}

.associateLogo
{
    background-color:#eee;
    border:solid 1px #ccc;
    padding:2px;
}

.ambassadorLogo
{
    background-color:#eee;
    border:solid 1px #ccc;
    padding:2px;
}

.miniProfileImage
{
    width:48px;
    height:48px;
}

#directMessageTextArea
{
    width:100%;
    margin-top:10px;
}

/*File upload related*/
#uploadToolsClose,#linkToolsClose,#videoToolsClose,#audioToolsClose{
	float: right;
  border: solid 1px #CCC;
  cursor: pointer;
}

#uploadTools, #linkTools, #videoTools, #audioTools{
	width: 609px;
  min-height: 100px;
  float: left;
  background: #F1F1F1;
  padding: 10px;
  margin: 10px 0px 0px 0px;
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#postToolbar{
	margin: 5px 0px 0px 0px;
  float: left;
}

#browseTools a{
	padding: 5px 0px 0px 0px;
  float: left;
}

#folderTools h3{
	padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#folderTools p{
	padding: 0px 0px 5px 0px;
  margin: 0px 0px 0px 0px;
}

#folderTools{
	width: 565px;
  float: left;
  margin: 0px 0px 5px 0px;
}

#linkFormTools, #videoFormTools, #audioFormTools{
	width: 505px;
  float: left;
  margin: 0px 0px 5px 0px;
}

#uploadTools{
	width: 595px;
  float: left;
}

#uploadTools label{
	text-align: left;
  width: 150px;
}

#browseTools{
	width: 595px;
  float: left;
}

.flashSpacer{
	width: 1px;
  min-height: 30px;
  height: 30px;
  float: left;
}

#toolbarLabel{
		float: left;
    margin-right: 5px;
}

#icons{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
 	float: left;
  width: 120px;
}

#icons li{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  cursor: pointer !important;
  width: 20px;
  float: left;
}

#closeButton{
	opacity:0.3 !important;
  filter:alpha(opacity=30) !important; 
}

#closeButton:hover{
	opacity: 1.0 !important;
  filter:alpha(opacity=100) !important; 
}

label.onTop{
	float: left;
  text-align: left;
  width: 400px;
}

#linkPreview,#videoPreview{
	width: 590px;
  float: left;
}

#linkPreviewImage{
	width: 10000px;
  float: left;
  min-height: 80px;
}

#currentImage{
	padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.numberSeperator{
	width: 4px;
}

#totalImages{
	padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
#ajax-loader{
	
  width: 24px;
  margin: 0px 0px 0px 10px !important;
  display: none;
}

#linkPreviewImageWindow{
	width: 100px;
  overflow: hidden;
  float: left;
}

#linkPreviewImage img{
 width: 100px;
 float: left;
}

#thumbnailController{
	width: 325px;
  float: left;
  padding: 0px 0px 0px 10px;
	font-size: 10px;
  font-color: #CCC;
}

#imageLeft{
	opacity:0.5 !important;
  filter:alpha(opacity=50) !important;
	cursor: pointer !important;
  border: solid 1px #333;
  margin: 0px 2px 0px 0px;
  width: 17px !important;
  min-height: 17px;
}

#imageRight{
	opacity:0.5 !important;
  filter:alpha(opacity=50) !important;
  cursor: pointer !important;
  margin: 0px 10px 0px 0px;
  border: solid 1px #333;
  width: 17px !important;
  min-height: 17px;
}

#imageLeft:hover{
	opacity:1.0 !important;
  filter:alpha(opacity=100) !important;
  cursor: pointer !important;
}

#imageRight:hover{
	opacity:1.0 !important;
  filter:alpha(opacity=100) !important;
  cursor: pointer !important;
}

#thumbnailController span{
	float: left;
  width: 12px;
}

#linkShare{
	float: left;
  width: 100px;
}

#linkPreviewTitle{
	width: 400px;
  float: left;
  font-weight: bold;
  padding: 0px 0px 0px 10px;
}

#linkPreviewIntro{
	width: 400px;
  float: left;
  padding: 0px 0px 0px 10px;
}


#linkPreviewUrl{
	width: 400px;
  float: left;
  font-weight: normal;
  font-size: 10px;
  padding: 0px 0px 10px 10px;
}

#linkPreviewUrl a{
	text-decoration: underline;
}

p.small{
	font-size: 10px;
  line-height: 15px;
  color: #333;
}

#linkPreview{
	width: 590px;
  float: left;
}

#linkPreviewTitle{
	width: 400px;
  float: left;
  font-weight: bold;
}

#linkPreviewIntro{
	width: 400px;
  float: left;
}
