/*********
* Common
*********/

* { padding: 0; margin: 0; } 

html {border: 0;}

body {
	font-family: Arial, Helvetica, Verdana, sans; /*"lucida grande", tahoma, verdana, arial, sans-serif;*/
	font-size: 13px;
	/*background: #bfd8e7 url(bg/bg.gif) repeat-x;*/
}

body, html {background: #dddfe1; color: #fff}

html, body { height:100%; } 

#wrapper { min-height:100%; } 
* html #wrapper { height:100%; } 

img {border: 0}

hr {
    height: 0;
    width: 0;
    border: 0;
    margin: 0;
    padding: 0;
    size: 0;
}

a {text-decoration: none}
a:link:hover, a:link:focus, a:link:active, a:visited:hover, a:visited:focus, a:visited:active {text-decoration: underline}

ul, li { list-style-type: none; }

optgroup {font-style: normal; font-weight: bold}

ul.square {margin:0 0 1em 0;padding:0 0 0 1.5em;}
ul.square li {list-style:square;padding:0 0 .9em 0;}

/*.masterDiv { background: white; }*/

/*********
* Text
*********/

#main_core { font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:16px; }

h1 {
    font-size: 210%;
    color: #333;
}

h1 strong { display: none; }

h2 {
    /*color: #d4bc48;*/
    color: #000;
    font-size: 155%;
    line-height: 100%;
    margin: 0 0 .5em 0;
    letter-spacing: -1px;
}
h3 {
    /* letter-spacing: -1px; */
    font-size: 110%;
    color: #333;
    /* margin: 0 0 1em 0; */
}
h3 span {
        font-weight: normal;
        color: #555;
}
h3 span a {
	font-size: 60%;
	letter-spacing: 0;
	margin-left: .2em;
}
h4 {
    font-size: 115%;
    color: #666;
    padding-bottom: 10px;
}
h4 strong { color: #333; }
h5 {
	float: right;
	font-weight: normal;
	margin: .8em 0 0 0;
	font-size: 100%;
	color: #666;
}
h5 em {
	color: #aaa;
	font-style: normal;
}
/* DISABLED
p {
    font-size: 80%;
    color: #444;
    line-height: 150%;
    margin: 0 0 1.5em 0;
}
p em, li em {
    font-family: Georgia, Times, serif;
    font-style: italic;
}
div.core_container span { font-size: 70%; }

.center  { text-align: center; }
table.medium, div.medium  { font-size: 75%; }
*/

p.small, span.small { font-size: 11px !important; }
p.xsmall, span.xsmall { font-size: 9px !important; }
p.xxsmall, span.xxsmall { font-size: 6px !important; }

#core_header h1 { font-size: 20px; color: #3e3e3e; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-weight: bold; /*padding: 0em .4em 0 50px;*/ margin: 0; line-height: 100%;}

.announce {
	border-bottom:1px solid #282828;
	background:#282828 url(blackslash.png) repeat-x;
	font-size: 20px !important;
	margin: 0px;
	padding: 0px;
}

.announce p {
	color:#BBBBBB;
	padding: 5px 5px 5px 5px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
}

.announce p a:link, .announce p a:visited {
  color:#E63900;
  border:none;
  text-decoration: none;
}

.announce p a:hover {
	background: transparent;
	border-bottom-style: solid;
	color: #CC3300;
	border-bottom-width: 1px;
	border-bottom-color: #CC3300;
}

.related h1 { font-size: 160% }

h3.blue { color:#0063dc; font-size: 20px; font-weight: normal; }

/* Sorting Photo/People */
div#sortList { margin-left: auto; margin-right: auto; }
div#sortList h2 { display: inline; padding-right: 10px; border: 0; font-size: 1.9em; }
div#sortList a.link_ltgrey { text-decoration: none; padding: 2px; font-weight: bold; color: #666 }
div#sortList a.link_ltgrey:hover,
div#sortList a.link_ltgrey:active { background-color: #eee; color: #000; }

cite { font-style: normal;font-weight: normal; }

.sidebarT { font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; }

/*********
* Hyperlinks
********

a,
a:link,
a:visited {
    text-decoration: none;
    color: #004276;
}
a:hover {
    text-decoration: none;
    color: #333;
}
*/

a:link,
a:visited
{
  color: #004276;
  text-decoration: none;
}

a:hover,
a:active
{
  color: #004276;
}

a:hover
{
  text-decoration: underline;
}

a img
{
  border: none;
}

strong
{
  font-weight: bold;
}

/*********
* Images
*********/

img.profile_pic {
    float: left;
    padding:2px; 
    border: 1px solid #ccc;
}

a:hover img.profile_pic {
    background: #e6ebf4;
}


/*********
* Others
********

.hidden {
	display: none;
}

.nomargin {
	margin: 0;
}

.normal {
	font-weight: normal;
}

.line {	clear: both; font-size: 1px; height: 10px }
.clear { zoom: 1; }
.clear:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }

.isonline { font-size: 11px !important; text-align: center;font-weight: bold;color: green; }
.isonline2 { text-align: left;font-weight: bold;color: green; }
*/

.clear
{
  clear: both;
}

.clr,
.clr-l,
.clr-r {
    overflow: hidden;
    clear: both;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

div#stream hr, hr.dotted
{
  border: 0;
  width: 100%;
  height: 0;
  border-bottom: dotted 1px #b9b9b9;
  background: none;
}

hr.line
{
  border: 0;
  width: 100%;
  height: 0;
  border-bottom: solid 1px #b9b9b9;
  background: none;
}

/*********
* Table Replacement
*********/
div.edit_left,
div.edit_right {
	position: relative;
	float: left;
	width: 520px;
}

div.edit_left {
	width: 245px;
	padding: 1em 30px .8em 0;
}

div.edit_right {
    padding: 1em 0 0 0;
}

hr.bottom_pixel,
div.bottom_pixel {
	border-bottom: 1px solid #ddd;
	height: 0px;
	width: 100%;
}

/*********
* Wrapper
*********/

#wrapper {margin: 0 auto; min-width: 894px; max-width: 1020px} /* KHALIL */
#frame {margin: 0 25px}
.wrapper {padding: 0 315px 0 0}
*>.wrapper {overflow: hidden}
.wrapper:after {display: block; clear: both; content: " "}
.wrapper .main {float: left; width: 100%; min-height: 1px; font-size: 11px; } /* 670px small version */ 
.wrapper .related {float: left; margin: 0 -315px 0 0; padding: 0 0 0 15px; width: 300px} /* 245px */

/*********
* Container
*********/

#frame {color: #666}
#frame {background: #fff url(frame/corner_frame_tr.png) no-repeat 100% 0}
#frame {position: relative}
#rim {background: url(frame/corner_frame_br.png) no-repeat 100% 0}
#rim div {height: 4px; background: url(frame/corner_frame_bl.png) no-repeat}

#content {padding: 11px 20px 20px}

#branding {position: absolute; top: -9px; left: 0; z-index: 1000; padding: 0 0 0 20px; background: url(frame/corner_frame_tl.png) no-repeat 0 9px}
#branding em {display: none}

/*********
* Post Note
*********/
#post {background: #ecf5fa} /*
#post dl {padding: 0 0 0 87px}*/
#post dt {padding: 10px 0 0; width: 87px; background: url(message/left_arrow.png) no-repeat 100% 15px}
#post dd {padding: 10px 10px 8px}

#post dl {position: relative}
#post dt {position: absolute; top: 0; left: 0; z-index: 10}

#post .postwrap {position: relative}
#post .postwrap {background-color: #fff}

#post .text {font-size: 12px;}
#post span.caption {font-size: 11px !important;}

#post dt .fn {
    display: none !important;
}
#post {
    padding: 10px;
} 
#post dl {
    padding: 0 0 0 114px;
} 
#post dt {
    padding: 0;
    width: 114px;
    background-position: 100% 22px;
}
#post .postarea {
    padding-right: 208px;
    height: 145px;
}
#post .postarea {padding: 0 0 5px; line-height: 1.1}
#post .postarea p {overflow: hidden}
#post .postarea p {padding-left:15px;}
#post .postarea div.buttons {padding-left:20px;}

/*********
* Messaging (What are you doing?)
*********/

a.button, a.button2
{
  display: block; /* opera */
  display: inline-block; /* ie */
  display: -moz-inline-box;  /* ff */
  padding-right: 15px;
  line-height: 35px;
  vertical-align: middle;
  font-size: 11px;
  color: #666;
  text-decoration: none;
  background: url('message/bg-button.png') right top no-repeat;
  cursor: pointer;
  margin-right: 5px;
}

a.button2 {
  color: #ccc;
}

a.button span, a.button2 span
{
  position: relative;
  display: block;
  display: inline-block;
  margin-left: -5px;
  height: 35px;
  line-height: 35px;
  padding-left: 15px;
  background: url('message/bg-button.png') no-repeat left top;
  cursor: pointer;
  
}

#form-whatyoudoin {
    position: relative;
    padding-bottom: 0;
    z-index: 3;
} 

p#message-container {
    padding: 5px 3px 5px 14px; /* padding: 5px 5px 5px 14px; */
    text-align: center;
    line-height: 1em;
    width: 350px;
    height: 80px;
}

div#form-whatyoudoin p {
    color: #000000;
    float: left;
    margin: 0;
    font-size: 1em;
}

div#form-whatyoudoin .counter {
    margin-right: 22px;
    display: block;
    text-align: center;
    color: #aaa;
    font-size: 160%;
}

div#form-whatyoudoin p.buttons {
    margin: 0.8em 0 0 5px;
}

div#form-whatyoudoin p #countText {
    font-size: 18px;
}

div#form-whatyoudoin p.buttons input {
    font-size: 1.5em;
    display: block;
    margin: 0;
}

div#form-whatyoudoin p.buttons #btnUpload {
    font-size: 16px;
}

div#form-whatyoudoin textarea.message-whatyoudoin, div#form-whatyoudoin textarea.photo-caption {
    font:normal 0.9em Verdana, Arial, Helvetica, sans-serif;
    height: 78px;
    width: 345px;
    padding: 3px;
    margin: 0;
    background: #fff url('form/bg-forms-light.png') left top repeat-x;
    border: solid 1px #c6c6c6;
    border-bottom: solid 1px #e3e3e3;
    color: #333;    
}

div#form-whatyoudoin textarea.message-caption { height: 55px; }
div#form-whatyoudoin textarea.photo-caption { height: 50px; }

#filPhoto { margin-left: 15px; height: 24px; }

div.whatyoudoin div .textfield { font-size:11px; border:3px solid #ddd; margin:0 0 5px 0; padding:2px 0; width:144px; }

div#Note select {
	font-size: 1.0em;
	background: #fff;
}

#filPhoto {
	height: 1.5em !important;
	background: #fff;
}

p.small select {
	font-size: 1.0em !important;
	background: #fff;
}

/*********
* Messaging Inbox / Universal Table
*********/

table.manager {
	margin-bottom: 20px; border-collapse: collapse; font-size: 12px; width: 100%;
}
table.manager thead {
	border-top: #dddddd 1px solid; border-bottom: #dddddd 1px solid; 
}
table.manager th {
	padding-right: 5px; padding-left: 5px; text-align: left; line-height: 25px; color: #333; background: url(bg/table_header.png) #dfdfdf repeat-x left top;
}
table.manager2 th {
	background: none;
}
table.manager tbody2 {
	border-top: #ccc 0px solid; border-bottom: #ccc 1px solid
}
table.manager td {
	padding-right: 5px; padding-left: 5px; padding-bottom: 6px; vertical-align: top; padding-top: 10px
}
table.manager td.from {
	overflow: hidden; line-height: 1.3em; white-space: nowrap
}
table.manager td.subject {
	overflow: hidden; line-height: 1.3em; white-space: nowrap
}
table.manager td.subjects {
	overflow: hidden; line-height: 1.3em;
}
table.manager td {
	border-bottom: #eee 1px solid
}
table.manager td.last {
	border-bottom: 0px #fff solid !important;
}
table.manager td.subject .snippet, table.manager td.subjects .snippet {
	color: #8b8b8b; font-size: 11px;
}
table.manager label {
	font-weight: bold; font-size: 12px; color: #000f33; 
}
table.manager label.radio { color: #817a71; }
table.manager label.normal { color: #817a71; font-weight: normal; }
table.manager td.thumbnail {
	padding-top: 13px;
}
table.manager td.radio label {
	margin-left: 0px; float: none; width: auto; display: inline; 
}
table.manager td p { font-size: 11px; }

.inboxcontent h5 { margin: 10px 0 0 0; float:left; padding-top: 0px; font-size: 12px; min-height: 20px; }
.inboxcontent input { margin: 10px 0 0 0; }

table.manager select {
	font-size: 11px;
}

/*********
* Read Message
*********/
#readMessage {
	clear: both; margin: 0px 0px 8px; 
}
#readMessage .title {
	padding-right: 0px; padding-left: 0px; font-size: 1.7em; padding-bottom: 0px; color: #c00; padding-top: 0px; border: 0px; margin: 0px; font-weight: normal;
}
#readMessage .datetime {
	padding-right: 6px; padding-left: 6px; font-size: 1.0em; padding-bottom: 6px; color: #999; padding-top: 0px; border: 0px; margin: 0px; font-weight: normal;
}
#readMessage .title img {
	vertical-align: middle;
}
#readMessage .content {
	padding-right: 10px; padding-left: 6px; font-size: 1em; padding-bottom: 20px; line-height: 1.6em; padding-top: 10px; border: 0px; margin: 0px;
}

#messageContent p { font: 100% Arial, Helvetica, sans-serif; }
#messageContent h1 {font-size: 150%;} 
#messageContent h2 {font-size: 1.5em;} 
#messageContent h3 {font-size: 18px;} 
#messageContent h4 {font-size: 12pt;} 
#messageContent h5 {font-size: 1ex;} 

/*********
* Read Message - Comment
*********/
div.listcomment {
	overflow: hidden;
	margin: 1em 0 1em 3em;
	padding: 1ex;
	background-color: #eff3f7;
	font-family: arial, helvetica, sans-serif;
}

div.listcomment div.CommentTitle {
	font-weight: normal;
	font-size: 11px;
	width: 99%;
	float: left;
}

div.listcomment div.CommentTitleX {
	float:right;
	width: 1%;
}

div.listcomment div.CommentText {
	margin: 1ex 0;
	width: 100%;
	color: #000;
}

div.listcomment div.CommentSmall {
	color: #999;
	font-size: 100%;
}

div.listcomment .ago {
	color: #a12a2a;
}

div.listcomment a.comment { text-decoration: underline; padding: 1px 0 1px 20px; background: url("newshout.gif") no-repeat 0 0; }

/*********
* Friends
*********/
ul#friends { font-size:11px; }
ul#friends li { min-height: 140px; }
ul#friends a img.thumb,
ul#friends a:visited img.thumb {
    border: 1px solid #ccc;
    padding: 3px;
    background: #fff;
}
ul#friends a:hover img.thumb {
    border: 1px solid #fff;
    background: #ccc;
}

/*********
* Old Container
*********/

div.core_container {
    display: block;
    /* background: #222c26 url('bg/bkg_body.png') repeat top center; */
    background-color: #dddfe1;
}

div.content_container {
    width: 840px;
    padding: 1em 0 3em 0;
} 

div.content_container {
    position: relative;
    width: 840px;
    text-align: left;
    margin: 0 auto;
    padding: 2em 0 3em 0;
}

div#container_left, div#container_right {
    float: left;
    width: 510px;
}

div#container_right {
    padding-left: 15px;
}

div#container_right {   
    width: 300px;  
    float: right;
}

div#container_left {
    clear: both;
    float: left;
}

#core_header h2 {
    padding: .05em .4em 0 50px;
    margin: 0;
    line-height: 100%;
    font-size: 175%;
}

#core_header h2 a,
#core_header h2 a:visited,
#container_left h2 span,
#container_left h2 a,
#container_left h2 a:visited {
    color: #ccc;
    text-decoration: none;
}
#core_header h2 a:hover, #container_left h2 a:hover {
    color: #666;
}
#container_left h2 {
    margin-bottom: .4em;
}

#core_header p {
    /* font: 80% "Lucida Grande", Lucida, Arial, Helvetica, sans-serif !important; */
    font-size: 11px;
    padding: 0 0 0 2px;
}

#core_header p.pad {
    padding-top: 10px;
}

div.content_box {
    position: relative;
    padding: 15px 18px 20px 18px;
    margin: 0 0 1em 0;
    border: 2px solid #cccccc;
    background: #f7f7f7;
} 

div.content_box h3 {
    margin-bottom: .6em;
    color: #333;
}
    
div.content_box p {
    position: relative;
    margin: 0;
    padding: 0;
}

#main_core div.content_box {
    position: static;
}
#main_core div.content_box p {
    position:static;
}
.clear,
.clear_footer {
    position: relative;
    clear: both;
}

div#contents { padding: 15px;margin:0 auto; background:#fff;color:#000 }
div#contents p { font-size: 70%; }

/*********
* Messaging Bubbles / Rounded Corners
*********/

table.stream {
    border-top: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

table.stream td {
    border-top: solid 1px #dddddd;
    min-height: 40px;
    padding: 0;
    clear: left;
    height: 1%; /* for ie 7 */
    margin: 0 0 5px 37px;
    min-height: 20px;
}

table.stream td img.photo {
    height: 30px;
    width: 30px;
    padding:2px; 
    margin: 6px 10px 5px 0px;
    border: 1px solid #e5e5e5;
}

table.stream td a {
    text-decoration: underline;
    color: #000;
}

table.stream td p.meta a {
    text-decoration: none;
}

table.stream td a:hover {
    text-decoration: underline;
    background-color: transparent;
    color: #000;
}

table.stream td p {
    padding: 0.3em 0 0.2em 0;
    margin: 0 5px;
}

table.stream td p.comment {
    font-size: 70%;
    line-height: 1.3em;
    padding-top: 0.7em;
    color: #333;
}

table.stream td p.comment img {
    vertical-align: -8px;
}

table.stream td p.meta {
    padding: 0 0 0.3em 0;
    font-size: 70%;
    color: #666;
}

table.stream td img.photo {
    margin-right: 10px;
    float: left;
}

table.stream td p.meta img.icons {
	padding-right: 1px; padding-left: 1px; padding-bottom: 1px; margin-right: 3px; padding-top: 1px; vertical-align: middle;
}

table.stream td a.smalllink_dblue { color: #00396e; text-decoration: none }
table.stream td a.smalllink_dblue:hover { background: 0% 50%; text-decoration: underline }
table.stream td a.smalllink_dblue:active { background: 0% 50%; text-decoration: underline }
table.stream td a.norm { color: #333333; text-decoration: none }
table.stream td a.norm:hover { background: 0% 50%; text-decoration: underline }
table.stream td a.norm:active { background: 0% 50%; text-decoration: underline }

.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

.pkg { display: inline-block; }
* html .pkg { height: 1%; }
.pkg[class] { height: auto; }
.pkg { display: block; }

.round-box2 {
    margin-bottom: 15px;
    background: url(frame/beta-box-b.gif) left bottom no-repeat;
}

.round-box2 .round-box2-inner {
    padding: 12px;
    background: url(frame/beta-box-t.gif) left top no-repeat;
}

.round-box2 img {
    float: left;
    margin: 0 6px 6px 0;
}

.round-box img.thumbnail {
    float: none;
    margin: 0;
}

.round-box2 p.title {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: bold;
}

.round-box2 p span {
    font-size: 12px;
    font-weight: bold;
}

.round-box2 p.more2 {
    float: right;
}

.round-box {
	position: relative;
}

.round-box-inner {
	border: #dddddd 1px solid; font-size: 11px;
}

.round-box .decor b,
.round-box .decor u,
.round-box .decor s,
.round-box .decor i {
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px;
    margin: 0;
    padding: 0;
    background-position: left top;
    background-repeat: no-repeat;
}

.round-box .decor b {
    background-image: url(frame/gray-tl-corner.gif);
}

.round-box .decor u {
    left: auto;
    right: 0;    
    background-image: url(frame/gray-tr-corner.gif);
}

.round-box .decor s {
    top: auto;
    bottom: 0px;
    background-image: url(frame/gray-bl-corner.gif);
}

.round-box .decor i {
    left: auto;
    top: auto;
    right: 0;
    bottom: 0px;
    background-image: url(frame/gray-br-corner.gif);
}

.round-box .decor[class] s,
.round-box .decor[class] i {
    bottom: 0px;
}

.round-box {
    margin-bottom: 15px;
}

.round-box .round-box-inner {
    padding: 12px;
}

.round-box p.title {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: bold;
}

/*********
* Stream
*********/

#main #stream
{
  float: left;
  width: 463px;
  margin: -5px 0 0 0;
  padding: 5px 0;
  overflow: hidden;
}

#main #stream img.avatar { padding: 0; border: none; }

#stream hr { margin: 0; }
#stream hr.activities { margin: 0; margin-left: 58px; margin-top: 5px; width: 560px;}

#stream div.text.object,
#stream div.photo.object { margin: 10px 0; }

#stream div.checkin.object { margin: 5px 0; }

#stream .object p { margin: 0; }

#stream .object div.body { margin-left: 58px; }

#stream .object div.body2 { margin-left: 58px; }

#stream .object div.body3 { margin-left: 0px; }

#stream .object .status { position: relative; }

#stream .object .status p.stats {
  float: left;
  margin: 10px 50px 0 0;
  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
  font-size: 11px;
  color: #999;
}

#stream .object p.author
{
  float: left;
  margin: 8px 50px 0 0;
  font-size: 0.85em;
  color: #999;
}

#stream .photo.object p.author
{
  margin-top: 5px;
}

#stream .object img.avatar
{
  float: left;
  margin: 0 10px 0 0;
}

#stream .object img.avatar2 /* for activities */
{
  float: left;
  margin: 0px 0 0 24px;
}

#stream .object img.tiny.avatar
{
  margin: 0 10px 0 32px;
  /*padding: 2px;*/
}

#stream .object img.icons {
	padding-right: 1px; padding-left: 1px; padding-bottom: 1px; margin-right: 3px; padding-top: 1px; vertical-align: middle;
}

#stream .object p.caption, .postwrap span.caption { font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px !important; color: #3e3e3e; line-height: 1.35em; }

/* Activities */
#stream .object div.body2 span, #stream .object div.body span {
	font-size: 11px !important;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
}

#stream .object div.body2 span.dimmed, #stream .object div.body span.dimmed {
	color: #777; margin-left: 0px; font-size: 10px !important; 
}

#stream .object div.body2 span.comment {
	font-size: 10px !important; 
}

#stream .object div.body2 span {
	padding-top: 2px;
	padding-bottom: 2px;
}


#stream .object p.caption2 {
	/*line-height: 0.35em;*/
	min-height: 15px; /*min-height: 40px;*/
	display: block;
	/*background-color: #fafbfc;*/
	/*border-bottom: 1px solid #f1f3f8;*/
}

#stream .object div.content { color: #3e3e3e; background-color: #fafbfc; width: 330px; margin-left: 50px; padding: 5px;}

#stream .object div.body2 h4, #stream .object div.body3 h4 {
    font-size: 11px;
    color: #666;
    padding-bottom: 0px;
    font-weight: bold;
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
}

#stream .object div.body2 div.photo_line, #stream .object div.body2 span.photo_line { float:left; margin: 10px 5px 5px -1px }
#stream .object div.body2 div.photo_line a, #stream .object div.body2 span.photo_line a { padding-bottom: 2px; margin-left: 5px; background-color: transparent }
#stream .object div.body2 div.photo_line a img, #stream .object div.body2 span.photo_line a img { border-right: #ccc 1px solid; padding-right: 3px; border-top: #ccc 1px solid; padding-left: 3px; padding-bottom: 3px; vertical-align: middle; border-left: #ccc 1px solid; padding-top: 3px; border-bottom: #ccc 1px solid }
#stream .object div.body2 div.photo_line a:hover img, #stream .object div.body2 span.photo_line a:hover img { border-right: #3b5998 1px solid; border-top: #3b5998 1px solid; border-left: #3b5998 1px solid; border-bottom: #3b5998 1px solid }

#stream .object div.body2 div.quote{float:left;width:300px;margin: 10px 5px 5px -1px;padding-left:10px;}
#stream .object div.body2 div.quote span.em{padding:2px 23px 2px 0;font-size:11px;text-align:left;font-style:normal;color:#666;}

#stream .object div.body2 blockquote {
	text-indent: 15px;
	background: url(quotes/quotes-left.png);
	background-position: 0 2px;
	background-repeat: no-repeat;
}

#stream .object div.body2 blockquote p {
	display: inline;
	margin: 0;
	padding-right: 16px;
	background: url(quotes/quotes-right.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

/* Stream Comments */
#stream .object div.body2 div.miniComment {
	font-size: 11px;
	/*padding-top: 0px;*/
	/*margin-top: 0px;*/
	/*background-color: #fafbfc; width: 250px; margin-left: 50px; padding: 5px;*/
	
	background-color:#fafbfc;
	border-bottom:1px solid #E5EAF1;
	margin:0px 0px 2px 50px;
	overflow:hidden;
	padding: 5px;
	width: 330px;
}

#stream .object div.body2 div.miniComment div.avatar {
	float:left;
	text-align:left;
}

#stream .object div.body2 div.miniComment div.avatar img {
	height:20px;width:20px;
}
#stream .object div.body2 div.miniComment .comment_content{float:left;line-height:13px;padding:0px 0px 0px 6px;width:199px;}
#stream .object div.body2 div.miniComment div.displayName {
	color:#999999;font-size:11px;font-weight:normal;
}

#stream .object div.body2 div.miniComment div.content_text {
	padding:2px 0px 4px;
	width: 300px;
}

#stream .object div.body2 div.comment_photo_line {
	padding-top: 10px;
	padding-left: 0px;
	margin-left: 135px;
	margin-right: 0px;
	padding-right: 0px;
	width: 50%;
	display: block;
}

#stream .object div.body2 div.comment_photo_line .miniComment {
	padding-right: 0px;
	margin-right: 0px;
	margin-left: 0px;
}


/*********
* Comment - Post Note
*********/

div.comment {
    clear: left;
}

div.comment ul, .comment li {
    list-style: none;
    padding: 0;
    margin: 0;
    min-height: 23px; /*need for IE7 elements to have height*/
}

div.comment li {
    padding: 8px 0 10px 150px;
    border-top: 1px solid #e0e0e0;
    position: relative;
    //overflow: hidden !important;
    text-overflow: ellipsis;
    min-height: 55px;
}

div.comment li ul {
    display: none;
    margin-left: -150px;
    margin-bottom: -10px;
    padding-left: 50px;
    margin-top: 5px;
    background: #fff;
}

div.comment a {
    text-decoration: none;
}

div.comment a:hover {
    color: #000;
    text-decoration: underline;
}

li.c-disabled, li.c-disabled-open {
    background: #f6f6f6;
    padding-top: 4px;
    padding-bottom: 1px;
    color: #777;
}

li.c-buried {
    background: #eee;
    opacity: 0.8;
    padding-bottom: 4px;
}

li.c-disabled .com-body, li.c-buried .com-body {
    display: none;
}

div.com-head {
    position: absolute;
    left: 5px;
    top: 10px;
    font-size: 11px;
    width: 105px;
    overflow: hidden;
    padding-left: 30px;
    min-height: 30px;
    text-overflow: ellipsis;
} * html .com-head { overflow: visible; }

div.com-head a {
    color: #777;
    line-height: 1.2em;
}

div.com-head strong a {
    color: #333;
}

div.com-head img {
    position: absolute;
    left: 2px;
    top: 0;
    padding: 3px;
    border: 1px solid #ccc;
    background: #fff;
}

div.com-body {
    padding-bottom: 6px;
    padding-right: 10px;
}

div.com-body a {
    color: #666;
    text-decoration: underline;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.com-option {
    text-align: right;
    font-size: 85%;
    padding: 0 10px;
    margin-bottom: -12px;
    position: relative;
    bottom: 2px;
}

a.com-option, a.com-option:hover {
    color: #777;
    font-size: 85%;
    text-decoration: none;
    position: relative;
    bottom: 6px;
}

a.com-option strong {
    font-weight: normal;
    color: #105CB6;
    margin-left: 10px;
}

a.com-option:hover em, a.com-option:hover strong {
    text-decoration: underline;
}

.com-vote {
    float: right;
    font-size: 85%;
    padding: 0 10px 4px 15px;
    min-width: 90px;
    text-align: right;
}

.com-vote a em, .com-vote em {
    color: #333;
    font-weight: bold;
    font-style: normal;
}

.com-vote a {
    color: #333;
}

.com-vote div {
    position: absolute;
    right: -70px;
    top: -3px;
}

.com-vote div span, .com-vote div em {
    display: block;
    padding: 1px;
    width: 4.5em;
    text-align: center;
    border: 1px solid #c3e0b5;
    color: #285312;
    margin: 2px;
    font-weight: bold;
}

.com-vote div span {
    color: #751212;
    border-color: #dab3b3;
}

.c-disabled .com-vote em,
.c-buried .com-vote em,
.c-disabled .com-vote a,
.c-buried .com-vote a {
    color: #999 !important;
}

.com-vote img {
    cursor: pointer;
    vertical-align: middle;
}

.com-vote img.c-disabled {
    cursor: default;
}

.com-vote .c-low {
    color: #999;
}

.c-bury-head {
    margin-bottom: 5px;
    color: #999;
}

.c-buried .c-bury-head {
    color: #777;
}

#post-reply { border-top: 1px solid #e0e0e0; padding: 10px; }

#post-reply span { letter-spacing: 0px; font-size: 12px; }

/*********
* Sidebar List
*********/
table.sbarlist { width: 100%; margin: 0 auto; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; }
table.sbarlist span.VideoCategories { font-size: 11px; font-weight: bold; }
table.sbarlist td img { float: left; margin: 0px 10px 0px 5px; }
table.sbarlist td a img { border: 1px solid #ece4e4; padding: 2px; }
table.sbarlist td a:hover img { border: 1px solid #98b3b1; padding: 2px; }
table.sbarlist td div.posted { float: left; width: auto; overflow: hidden; font-size: 11px; }
table.sbarlist td div.posted p { font-size: 11px;  }
table.sbarlist td small { font-size: 10px; }
table.sbarlist td.pic { width: 40px; padding: 4px 0px; }
table.sbarlist td.information { padding: 4px 5px; font-size: smaller }
table.sbarlist td div.posted span.lightText { font-size: 11px; color: #aaaaaa; }

/*********
* Drop Down Menu
*********/

#dropmenudiv{
position:absolute;
border-left:1px solid #333333;
border-right:1px solid #333333;
border-bottom:1px solid #333333;
border-top:1px solid #333333;
font-size:11px;
line-height:18px;
z-index:100;
text-align:left;
padding-top: 6px;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 6px;
background-color: #333333; /* putih */
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #333333;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color: #ffffff;
background-color: #333333; /* putih */
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #505050; /* EAEBD8 */
}

#dropmenudiv .seperator {
border-top:1px solid #EAEBD8;
}

/*********
* Alert
*********/
p.alert {
	background: #fff6bf url(icons/exclamation.png) center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 25px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	}
	
div.done span, div.error span { font-size: 18px; }
div.done { border-right: #b0e3f6 1px solid; padding-right: 40px; border-top: #b0e3f6 1px solid; padding-left: 40px; font-size: 1.6em; background: url(tick.gif) #effbff no-repeat 8px 13px; padding-bottom: 9px; margin: 0px 0px 15px; border-left: #b0e3f6 1px solid; color: #414141; padding-top: 9px; border-bottom: #b0e3f6 1px solid }
div.error { border-right: #f0e0e0 1px solid; padding-right: 40px; border-top: #f0e0e0 1px solid; padding-left: 40px; font-size: 1.6em; background: url(error.gif) #ffefef no-repeat 8px 13px; padding-bottom: 9px; margin: 0px 0px 15px; border-left: #f0e0e0 1px solid; color: #414141; padding-top: 9px; border-bottom: #f0e0e0 1px solid }
div.exclamation { border-right: #f0e0e0 1px solid; padding-right: 40px; border-top: #f0e0e0 1px solid; padding-left: 40px; background: url(icons/exclamation.png) #ffefef no-repeat 8px 13px; padding-bottom: 9px; margin: 0px 0px 15px; border-left: #f0e0e0 1px solid; color: #414141; padding-top: 9px; border-bottom: #f0e0e0 1px solid }	

.mobile p.information {
	background: #f8fafc url(icons/information.png) center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #b5d4fe;
	border-bottom: 2px solid #b5d4fe;
	font: 1.0em 'lucida grande', tahoma, verdana, arial, sans-serif;
}

/*********
* Buttons HyperLink
*********/

.buttonsHL a , .buttonsHL button{
    display:block;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    clear:both;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

/*********
* Forms
*********/	
.forms input {
    font: bold 130% Arial, Helvetica, Verdana, sans;
    letter-spacing: 0;
    width: 99%;
    color: #000;
    padding: .2em;
}

.forms input:focus, .forms textarea:focus {
    background: #fff;
}

.forms textarea {
    font: bold 100% Arial, Helvetica, Verdana, sans;
    color: #000;
    width: 99%;
    height: 250px;
    padding: .2em;
    letter-spacing: 0;
}

.forms .form-text {
    background: #f3f3f3;
    border: 1px solid #ddd;
    border-top-color: #bbb;
    border-top-width: 2px;
    border-left-color: #bbb;
    border-right-color: #bbb;
}

.forms select {
    font: bold 110% Arial, Helvetica, Verdana, sans;
    margin: 0 .5em 1em 0;
    width: auto;
    background: #f3f3f3;
}

input[type='text'],
input[type='password'],
input[type='file'],
select,
textarea
{
  padding: 3px;
  border: solid 1px #c6c6c6;
  border-bottom: solid 1px #e3e3e3;
  color: #333;
  background: #fff url('form/field.gif') left top repeat-x;
}

input[type='checkbox'] {
	border: 0px;
	margin-right: 5px;
	font-size: 100%;
}

input.text, textarea.text {
	font-size: 12px;
	background: #fff url("form/field.gif") repeat-x top left;
	border: 1px solid #999;
	color: #555;
	padding: 5px;
	margin-bottom: 5px;
	vertical-align: middle;
}

.larger, .larger input {font-size:16px;}

.submission .submit-inputs label {
	margin-top: 0px; float: left; width: 120px; font-size: 12px; color: #000f33;
}

.submission .submit-inputs input {
	padding-right: 0px! important; padding-left: 7px; float: left; margin-bottom: 0.5em;  margin-right: 0.75em;
	/*font-size: 12px; width: 60%;*/
}

.submission .submit-inputs textarea {
	padding-right: 0px! important; padding-left: 7px; float: left; margin-bottom: 0.5em;  margin-right: 0.75em;
	/*font-size: 12px; width: 60%;*/
}
.submission .submit-inputs select {
	/*font-size: 12px;*/
	margin: 0 .5em 1em 0;
	width: auto;
	background: #f3f3f3;
	color: #555;
}
.submission input[type='radio'] { 
	width: 30px; margin-right: 5px; 
}
.submission .submit-inputs h1 {
	font-size: 140%;
}

.form-large div.submit-footer {
	padding-left: 120px;
}
.form-large .form-text {
	border-right: #a8acb3 1px solid; padding-right: 2px; border-top: #a8acb3 1px solid; padding-left: 2px; font-size: 126%; background: url("form/form-back-light.gif") #fafbff repeat-x; padding-bottom: 2px; border-left: #a8acb3 1px solid; color: #776b1b; padding-top: 2px; border-bottom: #a8acb3 1px solid
}
.form-large select {
	border-right: #a8acb3 1px solid; padding-right: 2px; border-top: #a8acb3 1px solid; padding-left: 2px; font-size: 126%; background: url("form/form-back-light.gif") #fafbff repeat-x; padding-bottom: 2px; border-left: #a8acb3 1px solid; color: #776b1b; padding-top: 2px; border-bottom: #a8acb3 1px solid
}
.form-large input {
	padding-right: 7px! important; padding-left: 7px! important; font-size: 126%; padding-bottom: 3px! important; padding-top: 3px! important
}

.form-large div {
	clear: left; padding-bottom: 1em
}

.form-large .form-text {
	padding-right: 3px; padding-left: 3px; padding-bottom: 3px; width: 260px; padding-top: 3px
}

.form-large textarea {
	width: 97%; height: 7em
}

.form-large label {
	display: block; font-weight: bold; font-size: 105%; float: none; margin: 0.7em 0px 0.1em; color: #817a71; letter-spacing: -0.03em
}

.submission .form-large {
	overflow: hidden
}
.submission .form-large div {
	clear: right; margin-bottom: 1em; padding-bottom: 0px
}
.submission br.clear {
	clear: both
}

.sendsms select { float: left; margin-right: 5px; font-size: 150% !important; }
.sendsms input { float: left; margin-right: 5px; }
.sendsms span { float: left; margin-right: 5px; }
.countChars { font-size: 12px !important; width: 50px !important; background-color: transparent !important; } 

table.radiobutton tr td { border: 0px solid #2E6AB1; }
table.radiobutton label, span.radiobutton label { color: #817a71; }

.sendsms input[type='radio'] { width: 30px; margin-right: 5px; }

/* Light Button */

.btnButton input {
	padding: 2px 6px;
	font-size: 11px;
	border: 1px solid #fff;
	font-weight: bold;
	color: #fff;
	background-color:#67a54b;
	border-color: #3b6e22 #3b6e22 #3b6e22 #3b6e22;
}

.btnButton2 input {
	padding: 2px 6px;
	font-size: 11px;
	border: 1px solid #fff;
	font-weight: bold;
	color: #fff;
	background-color:#ff0000;
	border-color: #740000 #740000 #740000 #740000;
}

.btnButton, .btnButton2 {
	display: inline;
}


/*********
* Watch Videos
*********/

div.greyBox {
    background-color: #f6f6f6;
    border: solid 1px #eeeeee;
    padding: 10px;
}

div.whiteBox {
    padding: 10px;
}

div.whiteBox p {
    padding-top: 15px;.
    padding-bottom: 15px;
}

div.greyBox p {
    padding-top: 15px;
}

div.greyBox b
{
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

div.ContentBox {
	font-size: 11px;
	background-color: #FFC;
	border: 1px solid #FC3;
	padding:10px;
}

div.ContentBox input {
	font: Normal 10px 'Lucida Grande', Verdana, Arial, sans-serif;
	width: 450px;
}

div.userinfo {
    padding-bottom: 20px;
}

div.userinfo div.avatar {
	font: Normal 10px 'Lucida Grande', Verdana, Arial, sans-serif;
}

div.userinfo div.avatar img {
	float: left;
	margin-right : 7px;
	width: 80px;
	text-align: center;
	font-size: 10px;
	overflow: hidden;
	}
	
div.userinfo div.avatar h1 {
	padding-top: 5px;
	font-size: 20px;
	}
	
div.userinfo div.avatar h3 {
	font-weight: bold !important;
	}
	
div#layout_indiv {
	font-size: 12px;
}

div#layout_indiv td {
	vertical-align: top; text-align: left
}

div#layout_indiv td.col_1 {
	width: 480px; padding-right: 10px;
}

div#layout_indiv td.col_2 {
	width: 280px; padding-right: 10px;
}

div#layout_indiv td.col_3 {
	width: 140px;
}

div.hr {
	padding-right: 5px; border-top: #ccc 1px solid; padding-left: 5px; font-size: 1px; padding-bottom: 5px; color: #fff; line-height: 1px; padding-top: 5px; height: 1px
}

div.description
{
	margin-bottom: 5px; margin-top: 5px;
	/*color: #000;*/
}

div#commentsContent {
	font-size: 14px;
}

div#commentsContent span {
	font-size: 12px;
}

div.info_bar
{
	font: 80% "Lucida Grande", Lucida, Arial, Helvetica, sans-serif !important;
	background: #FFF;
	border: 5px solid #E5EFF5;
	min-height: 110px;
	padding: 10px;
}

*html div.info_bar
{
	height: 110px;
	margin-left: 0;
	margin-right: 0;
}

div.metaVideo
{
	margin-bottom: 3px;
}

div.metaVideo
{
	color: #666;
	font-size: 11px;
}

div.metaVideo span,div.metaVideo strong
{
	color: #000;
}

div.metaVideo a
{
	font-size: 11px;
	font-weight: normal;
}
h2.title
{
	margin-bottom: 3px;
}
h2.title a
{
	display: block;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0px;
}
h2.title span.new
{
	color: #c00;
	font-size: 12px;
	font-weight: normal;
}
table.MoreVidsLists td a.still
{
	float: left;
	margin-top: 5px;
}
table.MoreVidsLists td a.still img
{
	background-position: -110px top;
}
table.MoreVidsLists td
{
	padding-bottom: 10px;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 12px;
}
div#morevideos_user, div#morevideos_related {
	margin-left: 10px;
}
table.MoreVidsLists td.vid-img-list
{
	width: 100px;
}
table.MoreVidsLists td.vid-meta-list
{
	width: 144px;
}

/*********
* List Videos
*********/

div.vidCats div.bar { height: 25px; background-color: #51afee; /* #51afee */ }
div.vidCats div.bar span { font-weight: bold; background: none; position: absolute; top: 2px; left: 8px; line-height: 20px; padding: 0; margin: 0; color: #fff; font-size: 11px; }
div.vidCats img.arrow { height: 5px; width: 9px; position: absolute; top: 25px; left: 18px; z-index: 2; }
div.vidCats span { font-size: 13px; background:#f2f5fa; padding:10px; display:block; }
div.vidCats { position: relative; width: 170px; }
div.vidCats span.videosCats a { font: bold 11px "Lucida Grande", Lucida, Arial, Helvetica, sans-serif; }

td#vid-list div.vid-container { margin-left: 0px; color: #333333; }
td#vid-list p { font-size: 11px; }

td#vid-menu { padding-right: 10px; }

div#statsLine { display:block; width: 537px; clear: right;padding-bottom: 4px;margin-bottom: 10px;}
div#statsLine p { margin-top: 0px; }

/* div.vitem a.vid-title { height: 28px; display: block; } */

div.vitem a img { background:#fff;padding: 2px;border:1px solid #ddd;margin:0 auto; }
div.vitem a:hover img { border:1px solid #3b5998; }

div.vitem a:link,
div.vitem a:visited {
	font:11px arial, helvetica, sans-serif;
	color:#3b5998;
	font-weight:bold;
	text-decoration:none;
}
div.vitem a:visited {color:#3b5998}
div.vitem a:hover,
div.vitem a:focus,
div.vitem a:active {
	color:#171717;
}

div.vitem {
	font-size: 10px; display: inline; float: left; overflow: hidden; position: relative; margin-bottom: 13px; width: 120px; margin-right: 10px; height: 150px
}

div.vitemFIX {
	width: 130px; font-size: 10px !important; 
}

div.vidinfos div { font-size: 10px !important; }
div.vidinfos {
	height: 45px; padding-bottom: 4px; width: 115px; padding-top: 4px; border-top: #a6a6a6 1px dotted
}

div.vidinfos a img { background:#fff;padding: 2px;border:1px solid #ddd;margin:0 auto; }
div.vidinfos a img:hover { border:1px solid #eee; }
div.vidinfos a.vidinfos {
	font-size: 10px !important;
}

div.vitem a.avatar img {
	display: inline; float: left; width: 25px; height: 25px
}

div.vitem a.avatar {
	display: inline; float: left; margin-right: 3px
}

div.vitem div.duration {
	padding-right: 2px; padding-left: 2px; filter: alpha(opacity=65); color: white; position: absolute; background-color: #808080; text-align: center; opacity: 0.65
}

div.vitem div.duration {
	font-size: 10px; left: 3px; line-height: 13px; top: 3px; height: 13px
}

div.vitem div.duration {
	font-size: 10px !important;
}

div.vitem div.thumbs a img {
	/* border: 0px; */
	text-decoration:none;
}
div.vitem div.thumbs a:link,
div.vitem div.thumbs a:visited {
	border-bottom:none;
	text-decoration:none;
}
div.vitem div.thumbs a:hover,
div.vitem div.thumbs a:focus,
div.vitem div.thumbs a:active {
	border-bottom-style:none;
}

/* Vid Search */

.shitBox {
	background: #FFC;
	display:block;
	width:93%;
	padding:10px;
	border: 1px solid #FC3;
	vertical-align: top;
	}

.button2 input {
	padding: 2px 6px;
	font-size: 85%;
	border: 1px solid #fff;
	font-weight: bold;
	color: #5f8a00;
	background-color:#fff;
	border-color: #fff #88b5bf #88b5bf #fff;
}

.button2 {
	display: inline;
}

/*********
* Upload Videos
*********/

#UploadVideo input {
    width: 90%;
    color: #000;
    padding: .2em;
    margin: 0 0 1em 0;
}

#UploadVideo input:focus, #UploadVideo textarea:focus {
        background: #fff;
}

#UploadVideo .form_btn {
        width: auto;
        margin: 1em 0 .5em 0;
        color: #333;
        font-size: 100%;
	padding: 0;
    }
       
#UploadVideo input,
#UploadVideo select,
#UploadVideo textarea
{    
        background: #f3f3f3;
        border: 1px solid #ddd;
        border-top-color: #bbb;
        border-top-width: 2px;
        border-left-color: #bbb;
        border-right-color: #bbb;
}

/*********
* Read Blogs
*********/

.cls
{
	zoom: 1;
}
#ylf-blogpost .post-hdr h2
{
	font: 250% Georgia,serif;
	margin-bottom: 5px;
	overflow: hidden;
}
#ylf-blogpost .post-hdr .attr
{
	color: #555;
	font-size: 11px;
}
#ylf-blogpost .post-hdr .attr img
{
	float: left;
}
#ylf-blogpost .post-hdr .attr ul li
{
	_display: inline;
	border: 1px solid #ccc;
	border-width: 0 1px 0 0;
	float: left;
	margin: 0 0 5px 10px;
	padding-right: 10px;
}
#ylf-blogpost .post-hdr .attr ul li.last
{
	border: 0;
}
#ylf-blogpost .post-hdr .readmore ul
{
	display: block;
	float: left;
	line-height: 1.4em;
	width: 90%;
}
#ylf-blogpost .post-hdr .alias
{
	font-style: italic;
}
#blogstory
{
	color: #000; 
}
#blogstory .post-body
{
	line-height: 1.5;
	margin: 15px 0;
}
#blogstory .post-body strong
{
	font-weight: bold;
}
.blogstory-cmnts
{
	padding-bottom: 30px;
}
.blogstory-cmnts h2
{
	font: 200% Georgia,serif;
	margin-bottom: 5px;
}
ul.blogstory-cmnt
{
	border-bottom: 1px solid #e4e4e4;
	margin-top: 14px;
	color: #000;
}
ul.blogstory-cmnt li
{
	border-top: 1px solid #e4e4e4;
	padding: 12px 0 10px;
}
ul.blogstory-cmnt li h3
{
	font: normal 167% georgia,serif;
}
ul.blogstory-cmnt li .img
{
	_display: inline;
	float: left;
	margin-right: 10px;
}
ul.blogstory-cmnt li .txt
{
	overflow: hidden;
}
ul.blogstory-cmnt li
{
	zoom: 1;
}
ul.blogstory-cmnt li:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
ul.blogstory-cmnt cite
{
	color: #555;
	display: block;
	font-size: 11px;
	margin-top: 5px;
}
ul.blogstory-cmnt cite a
{
	font-family: arial,sans-serif;
}
ul.blogstory-cmnt li blockquote
{
	font-size: 100%;
	margin: 5px 0;
}
ul.blogstory-cmnt li blockquote span.deleted
{
	font-style: italic;
	color: #333;
}

ul.blogstory-cmnt li.c-overflow {
    background-color: #eaf6ff;
    border-top: 1px solid #00418f;
    padding: 0;
}

.c-overflow a,
.c-overflow div {
    font-weight: bold;
    background: url(/img/c-expand.gif) 0 50% no-repeat;
    display: block;
    padding: 15px;
    text-align: center;
}

.c-overflow div {
    display: none;
}

/*********
* Rating Star
*********/

#ratingStar {
	font-size: 11px;
}

.ratingStar
{
	white-space:nowrap;
	margin:1em;
	height:14px;
}
.ratingStar .ratingItem {
    font-size: 0pt;
    width: 30px;
    height: 30px;
    margin: 0px;
    padding: 0px;
    display: block;
    background-repeat: no-repeat;
	cursor:pointer;
}
.ratingStar .Filled {
    background-image: url(rating/ratingStarFilled.png);
}
.ratingStar .Empty {
    background-image: url(rating/ratingStarEmpty.png);
}
.ratingStar .Saved {
    background-image: url(rating/ratingStarSaved.png);
}

/*********
* Nifty Corners
*********/
/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}


/*********
* Photo/People
*********/
div#photosList { position:relative;}
div#photosListWrapper { margin-left: auto; margin-right: auto;  width: 870px; border: 0px }
div#photosList h5 { font-size: 13px !important; color: #000;  }
div#photosList h4 { font-size: 15px !important; color: #972727;  }
div#photosList h3 { font-size: 20px !important; color: #972727;  }
div#photosList h2 { font-size: 23px; display: inline; padding-right: 10px; }
div#photosList h1 { font-size: 26px !important; color:#0063dc;  }
div#photosList a.link_ltblue { text-decoration: none; padding: 2px; font-weight: normal; color: #1057ae }
div#photosList a.link_ltblue:hover,
div#photosList a.link_ltblue:active { background-color: #eee; color: #000; -moz-border-radius: 2px; }
div#photosList a.link_ltgrey { text-decoration: none; padding: 2px; font-weight: bold; color: #666 }
div#photosList a.link_ltgrey:hover,
div#photosList a.link_ltgrey:active { background-color: #eee; color: #000; -moz-border-radius: 2px; }
ul.thumbs li.ImageParentContainer { float: left; display: block; padding: 0px; margin-top: 0px; margin-bottom: 1px; margin-right: 2px; margin-left: 2px; position: relative; text-align:center; width: 75px; }
ul.thumbs li.imgPeopleList { font-size: 11px; float: left; display: block; padding: 0px; margin-top: 0px; margin-bottom: 1px; margin-right: 2px; margin-left: 2px; position: relative; text-align:center; width: 75px; }
div#phototbl { margin-left: auto; margin-right: auto; width: 880px; }

div#memberList { font-size: 11px; padding-bottom: 10px;}
div#memberList table.manager td.avatar {
	float:left;
	width: 60px;
}
div#memberList table.manager td.meta {
	font-size: 12px; font-weight: bold; margin-bottom: 15px; width: 100%;
}
/* Friend's List */
div#memberList table.manager td.meta2 {
	font-size: 12px; font-weight: bold; margin-bottom: 15px; width: 320px;
}
div#memberList table.manager td.meta span.headline, div#memberList table.manager td.meta2 span.headline {
	font-weight: normal; color: #333333; font-size: 11px; display: inline;
}
div#memberList table.manager td.meta div.hyperlink, div#memberList table.manager td.meta2 div.hyperlink {
	font-weight: normal; font-size:11px;
}
div#memberList table.manager td.links {
	font-weight: normal; font-size:11px; text-align: right;
}
div#memberList table.manager span.snippet {
	color: #8b8b8b; font-size: 11px; font-weight: normal;
}

/*********
* Multi Photos
*********/

div#batchOperation h5, div#batchOperationP h5 {
	float: left;
	font-size: 18px;
	color: #0063dc;
	padding-bottom: 10px;
}
div#batchOperation div.batchAlbum {
	padding: 10px;
	background-color: #f7f7f7;
	font-size: 12px;
	width: 300px;
}
div#batchOperation div.batchAlbum p.head {
	font-size: 14px;
	font-weight: bold;
}
div#batchOperation div.batchAlbum p.text {
	color: #000000;
	font-size: 12px;
	padding-top: 5px;
}
#multiEdit {
	margin-left: auto;
	margin-right: auto;
	background-color: #f7f7f7;
}
#multiEdit td {
	padding: 5px;
}
.padTop {
	padding-top: 40px;
	background-color: #ffffff;
}
table.photoLists td.title {
	font-size: 11px;
	text-align:left;
}
table.photoLists {
	text-align: left;
}
table.photoLists td {
	padding: 0px 0px 0px 0px !important;
}
table.photoLists input {
	padding-right: 0px! important; margin-right: 0px;
}
table.photoLists textarea {
	padding-right: 0px! important; padding-left: 7px; float: left; margin-bottom: 0.5em;  margin-right: 0.75em; height: 100px; width: 150px;
}
div#saveBtn {
	width: 100px;
	margin-left: auto;
	margin-right: auto;
}

/*********
* Multi Upload
*********/
#multiUpload {
	width: 500px;
}
div.multiupload{
	float:left;
	padding:3px;
	background:#eee;
	width: 500px;
}
div.multiupload div.list{
	background: #fff;
}
div.multiupload div.list div.item{
	margin:1px;
	background: #eee;
}
div.multiupload div.list div.item:hover{
	background: #ccc;
}
div.multiupload div.list img{
	float:left;
	margin: 3px;
	cursor:pointer;
}
#stepbystepUpload {
	width: 560px;
	background-color: #f7f7f7;
	color: #cccccc;
	padding: 15px;
}
#stepbystepUpload p.head {
	font-size: 16px;
	font-weight: bold;
}
#stepbystepUpload p.text {
	color: #666;
	font-size: 12px;
}
#stepbystepUpload span {
	font-size: 12px;
	color: #999999;
	font-weight: bold;
}


/*********
* Stories
*********/
div#postsList { margin-left: auto; margin-right: auto; }
div#postsList h1 { font-size: 26px !important; color:#0063dc; font-family:Arial,Helvetica,sans-serif; }
div#postsList h2 { display: inline; padding-right: 10px; border: 0; font-size: 1.9em; }
div#postsList a.link_ltgrey { text-decoration: none; padding: 2px; font-weight: bold; color: #666 }
div#postsList a.link_ltgrey:hover,
div#postsList a.link_ltgrey:active { background-color: #eee; color: #000; -moz-border-radius: 2px; }


div#stories {
	
}

div#stories table {
	width: 620px;
}

div#stories table td {
	border-bottom: #e1e1e1 1px solid; padding-top: 12px; padding-bottom: 8px;
}

div.news-body {
	padding-left: 10px; padding-right: 40px;
}

div.news-body strong {
	font-size: 11px; color: #666
}

div.news-body h3 {
	font-weight: bold; font-size: 15px; margin: 2px 0px 0px; line-height: 1.1; letter-spacing: -0.01em;
}

div.news-body p {
	margin: 0.2em 1px 0.1em; line-height: 1.3; font: Normal 12px 'Lucida Grande', Verdana, Arial, sans-serif; 
}

div.news-body em {
	font-size: 85%; color: #666; font-style: normal
}

ul.news-viewed {
	padding-right: 0px; padding-left: 0px; font-size: 85%; background: url(shade-news.gif) no-repeat; left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none; top: 0.8em; text-align: center
}

ul.news-viewed li {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}

li.view-count a {
	padding-right: 0px; display: block; padding-left: 0px; min-height: 40px; padding-bottom: 4px; width: 50px; color: #93883f; padding-top: 10px; text-align: center; text-decoration: none
}

li.view-count strong {
	display: block; font-weight: normal; font-size: 18px; color: #736926; line-height: 1; letter-spacing: -1px
}

li.view-count img {
	left: 0px; border-top-style: none; border-right-style: none; border-left-style: none; position: absolute; top: 0px; border-bottom-style: none
}

li.view-count a:hover {
	color: #000;
	text-decoration: none;
}

li.view-count strong a:hover {
	color: #000
	text-decoration: none;
}

div.news-body div.news-details {
	color: #777; position: relative; font-size: 123%;
}

div.news-body div.news-details a {
	color: #578cca
}

div.news-body div.news-details a:hover {
	color: #000
}

div.news-body div.news-details .action {
	padding-right: 6px; display: block; padding-left: 6px; font-size: 11px; min-height: 20px; float: left; padding-bottom: 4px; padding-top: 4px; white-space: nowrap
}

div.news-body div.news-details .comments img {
	padding-right: 1px; padding-left: 1px; padding-bottom: 1px; margin-right: 3px; padding-top: 1px; vertical-align: middle;
}

div.news-body div.news-details .user-info {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 3px
}

div.news-body div.news-details .user-info a {
	text-decoration: none
}

div.news-body div.news-details .user-info img {
	padding-right: 1px; padding-left: 1px; padding-bottom: 1px; margin-right: 4px; padding-top: 1px; width: 16px;
}

div.news-body div.news-details .user-photo {
	border-right: #ccc 1px solid; border-top: #ccc 1px solid; vertical-align: middle; border-left: #ccc 1px solid; border-bottom: #ccc 1px solid
}

/*********
* Photo/People Extras
*********/
.isonline { text-align: center;font-weight: bold;color: green; }
.isonline2 { text-align: left;font-weight: bold;color: green; }
.isonline { font-size: 11px !important; }


/*********
* View Photo / Photo Album
*********/

div.borders {
	border-right: #dddddd 1px solid;
	border-top: #dddddd 1px solid;
	border-left: #dddddd 1px solid;
	border-bottom: #dddddd 1px solid;
	left: -3px;
	top: -3px;
	padding-left: 4px;	
	padding-bottom: 5px;
	padding-right: 5px;
	padding-top: 5px;
	position: relative;
	background-color: #fff;
	text-align: center;
	font-size: 11px;
}

div.borders-shadow {
	left: 3px;
	margin: 6px;
	position: relative;
	top: 3px;
	background-color: #414141;
	width: 85px;
}

div.setThumbsIndividual {
	float: left; margin-left: auto; margin-right: auto;
}

div.setThumbsIndividual ul.thumbs li {
	float: left; display: block; padding: 0px; margin-top: 0px; margin-bottom: 1px; margin-right: 2px; margin-left: 2px; position: relative; text-align:center; width: 75px;
}

div.photocontainer div.photogallery { padding-bottom: 25px; font-size: 11px; }
div.photocontainer div.photogallery span.title { color: #000; font-size: 140%; }
div.photocontainer div.photogallery div.description { color: #000; font-size: 12px; margin-top: 3px; padding-bottom: 3px;}

div.photoalbum div.photocontainer { display: block; float: left; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; }
div.photoalbum div.photocontainer div.photogallery span.title { color: #414141; font-weight: bold; font-size: 11px; width: 150px;  }
div.photoalbum div.photocontainer div.photogallery div.meta { padding-left: 7px; font-size: 11px; }
div.photoalbum div.photocontainer div.photogallery div.metaSkin { padding-left: 7px; font-size: 11px; width: 145px; }

div.photoalbum div.photocontainer .thumbnail a img { background:#fff; padding: 5px; border:1px solid #ddd;margin:0 auto; }
div.photoalbum div.photocontainer .thumbnail a img:hover { border:1px solid red; }
div.photoalbum div.photocontainer .thumbnail a:hover,
div.photoalbum div.photocontainer .thumbnail a:focus,
div.photoalbum div.photocontainer .thumbnail a:active {
	border-bottom-style:none;
}

.shadow {
	float:left;
	clear:left;
	background: url(shadowAlpha.png) no-repeat bottom right !important;
	background: url(shadow.gif) no-repeat bottom right;
	/*margin: 10px 5px; */
	padding: 0; 
	/*position: relative; */
	
}
.shadow img {
	display: block;
	background-color: #fff;
	margin: -3px 3px 3px -3px;
	padding: 2px;
}


ul.thumbs li.albumThumb { float: left; display: block; padding: 0px; margin-top: 0px; margin-bottom: 1px; margin-right: 2px; margin-left: 2px; text-align:center; width: 85px; }
ul.thumbs li.albumThumb span { font-size: 11px; font-weight: bold; }
ul.thumbs li.albumThumb img  { margin:10px 10px; width:75px;height:75px;display:block;float:left; }
ul.thumbs li.albumThumb a img  { border:4px solid #eee; }
ul.thumbs li.albumThumb a:hover img  { border:4px solid #02E3FF; }

#topics span.comments { padding-top: 8px; display:block; color: #000;}

/*********
* Icons
*********/
a.user-icon, span.user-icon {
  background: url('icons/user.png') no-repeat left center transparent;
  padding-left: 22px;
  padding-right: 10px;
  border: none;
  color: #000;
}

a.calendar-icon, span.calendar-icon {
  background: url('icons/calendar.png') no-repeat left center transparent;
  padding-left: 22px;
  padding-right: 10px;
  border: none;
  color: #000;
}

a.views-icon, span.views-icon {
  background: url('icons/chart_line.png') no-repeat left center transparent;
  padding-left: 22px;
  padding-right: 10px;
  border: none;
  color: #000;
}

a.cross-icon, span.cross-icon {
  background: url('icons/cross.png') no-repeat left center transparent;
  padding-left: 22px;
  padding-right: 10px;
  border: none;
  color: #000;
}

a.pencil-icon, span.pencil-icon {
  background: url('icons/pencil.png') no-repeat left center transparent;
  padding-left: 22px;
  padding-right: 10px;
  border: none;
  color: #000;
}

a.photo-icon, span.photo-icon {
  background: url('icons/photo.png') no-repeat left center transparent;
  padding-left: 22px;
  padding-right: 10px;
  border: none;
  color: #000;
}

a.images-icon, span.images-icon {
  background: url('icons/images.png') no-repeat left center transparent;
  padding-left: 22px;
  padding-right: 10px;
  border: none;
  color: #000;
}

a.comment-icon, span.comment-icon {
  background: url('icons/comment.png') no-repeat left center transparent;
  padding-left: 22px;
  padding-right: 10px;
  border: none;
  color: #000;
}

a.comments-icon, span.comments-icon {
  background: url('icons/comments.png') no-repeat left center transparent;
  padding-left: 22px;
  padding-right: 10px;
  border: none;
  color: #000;
}

a.useradd-icon, span.useradd-icon {
  background: url('icons/user_add.png') no-repeat left center transparent;
  padding-left: 22px;
  padding-right: 10px;
  border: none;
  color: #000;
}

a.white_stack-icon, span.white_stack-icon {
  background: url('icons/page_white_stack.png') no-repeat left center transparent;
  padding-left: 22px;
  padding-right: 10px;
  border: none;
  color: #000;
}

a.addupload-icon, span.addupload-icon {
  background: url('icons/add.png') no-repeat left center transparent;
  padding-left: 22px;
  padding-right: 10px;
  border: none;
  color: #000;
}

/*********
* Pagination
*********/
.pages {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
    text-align:center;
}

.pages a, .pages span {
    font-size: 11px;
    font-weight: bold;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #fff;
    background: #fff;
    font-family: arial, helvetica, sans-serif;
}

.pages span.current {
    border: 1px solid #2E6AB1;
    background: #2E6AB1;
    color: #fff;
}

.pages a {
    border: 1px solid #9AAFE5;
    text-decoration: none;
}

.pages a:hover {
    border-color: #2E6AB1;
}

.pages a.nextprev {
    /* font-weight: bold; */
}

.pages span.nextprev {
    color: #666;
}

.pages span.nextprev {
        border: 1px solid #ddd;
        color: #999;
}

/*********
* Search Results
*********/
#searchTable { font-size: 70%; color: #444444; }
#searchTable td { padding: 3px; }
#searchTable td.catcolumn { text-align: right; font-weight: bold; }
#searchTable textarea { padding: 2px; }
div.heading { color: #333333; font-size: 11px; padding: 3px; border: #e7e7e7 1px solid; }
#searchResult table.result { color: #444444; font-size: 90%; }
#searchResult table.result td { padding: 3px; border-bottom: #e7e7e7 1px solid; }
.search { width: 100%; background-color: #f7f7f7; border: #b7b7b7 1px solid; }
.search td table.content { border: #cccccc 1px solid; width: 590px; background-color: #ffffff; margin-top: 6px; margin-bottom: 4px; margin-left: 10px; margin-right: 10px; }
.search td table.content .thumbnail { width: 80px; padding-left: 5px; padding-top: 6px; vertical-align: top; }
.search td table.content .meta { padding-left: 5px; padding-top: 5px; width: 380px; font-size: 11px; }
.search td table.content .meta span.name { font-size: 12px; font-weight: bold;}
.search td table.content .meta label2 { display: list-item; width: 55px; border: 1px solid black;}
.search td table.content .meta label { margin-top: 0px; float: left; width: 55px; font-size: 11px; }
.search td table.content .headline { font-size: 11px; color: #333333; }
.search td table.content .action { vertical-align: top; padding-top: 5px; text-align: right; width: 300px; padding-right: 7px; }

/*********
* Thumbnail
*********/
ul.thumbs { list-style: none; padding: 0; }
ul.thumbs li { float: left; display: block; padding-bottom: 15px; margin: 5px; position: relative; text-align:center; width: 100px; }
ul.thumbs li a img{ border: 0px; }
ul.thumbs li a:hover img{ border: 0px; }
ul.thumbs li img.new { display: block; position: absolute; top: -3px; right: -3px; z-index: 1; border: 0px; }

/*********
* Shouts
*********/
table#topics tr.topic { vertical-align: middle; }
table#topics tr.alt { background-color: #f7f8f9; }
table#topics td { border-bottom: solid 1px #e7e7e7;  }
table#topics td.pic { width: 5%; padding: 10px 5px; }
table#topics td.subject { width: 70%; padding: 10px 5px; }
table#topics td div.posted { float: left; width: 325px; overflow: hidden; }
table#topics td div.posted a.title { font-family: arial,sans-serif; font-weight: bold; font-size: 14px; }
table#topics td div.posted strong { font-weight: bold; font-size: 18px; }
table#topics td img { float: left; margin: 0px 10px 0px 5px; }
table#topics td.updated { width: 15%; text-align:center;}
table#topics td.delete { width: 15%; text-align:center;}

/*********
* Tabs
*********/
#tabsB {
	float:left;
	width:100%;
	background:#fff;
	font-size:93%;
	line-height:normal;
}

#tabsB ul {
	  list-style:none;
	  height: 27.5px; border-bottom: 1px solid #e1e1e1; margin: 0 0 1px 0; padding: 2px 100px 0 8px;
}
#tabsB li {
	display:inline;
	margin:0;
	padding:0;
}

#tabsB a {
	float:left;
	background:url("tabs/tableftB.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	border-bottom: 1px solid #e1e1e1;
}
#tabsB a span {
	float:left;
	display:block;
	background:url("tabs/tabrightB.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#666;
}

#tabsB .selected {
	background-position:0% -42px;
}

#tabsB .selected span {
	background-position:100% -42px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsB a span {float:none;}
/* End IE5-Mac hack */
#tabsB a:hover span {
color:#000;
}
#tabsB a:hover {
	background-position:0% -42px;
}
#tabsB a:hover span {
	background-position:100% -42px;
}

/*********
* New Tabs
*********/

#tabnav
	{
		height: 28px;
		margin: 0;
		padding-left: 10px;
		background: url(message/tab_bottom.gif) repeat-x bottom;
	}

#tabnav li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
	
#tabnav a:link, #tabnav a:visited
	{
		float: left;
		background: #e0e0e0;
		font-size: 12px;
		line-height: 18px;
		font-weight: normal;
		padding: 4px 20px 4px 20px;
		margin-right: 4px;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #666;
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
		border-bottom: 1px solid #fff;
		background: #fff;
		color: #000;
		font-size: 12px;
		font-weight: bold;
	}

#tabnav a:hover
	{
		background: #fff;
	}

/*********
* Registration
*********/

.item_wrap p {
	font-size:1.5em;
	line-height:160%;
	color:#454545;
	margin:4px 0 2px;
}
.item_wrap span {
	color:#999;
	font-size:0.9em;
	padding:0 0 0 10px;
}
.item_wrap fieldset {
	background-color: #FFFFFF;
	border: 1px solid #d2e7f8;
	clear:left;
	margin: 0;
	padding:21px 15px 15px 15px
}
.item_wrap legend {
	background-color: #FFFFFF;
	border: 1px solid #d2e7f8;
	font-size:1.5em;
	font-weight: bold;
	margin: 0 0 0 15px;
	padding: 10px 15px;
}
.item_wrap h3,
.item_wrap h4 {
	float:left;
	border-bottom:2px solid #ECEEDF;
	font-weight:700;
	height:19px;
	line-height:19px;
	padding:4px 0
}
.item_wrap h4 {
	font-weight:400;
	border-bottom:1px solid #ECEEDF
}

/*********
* Tag Cloud
*********/
#TagCloud { padding: 15px; border: solid 1px #eee; background: #f5f5f5; line-height:24px;}
#TagCloud h1 { font-size: 26px !important; color:#ff0000; font-family:Arial,Helvetica,sans-serif; }
#TagCloud a { text-decoration: none; color: #0063DC; font-weight:normal; }
#TagCloud a:visited { color: #1057ae; text-decoration: none; border-bottom:1px solid #e1e1e1;}
#TagCloud a:hover { color: #FFFFFF; text-decoration: none; background: #0063DC; }
#TagCloud a:active { color: #FFFFFF; text-decoration: none; background: #0259C4; }

/*********
* Login Box
*********/

.round-box p.register {
    margin-bottom: 8px;
    font-size: 10px;
    font-weight: bold;
}

.round-box .form 
{
    width:270px;
    height:20px;
    line-height:20px;
    padding:0px 0px 0px 0px;
    margin:2px 0px 2px 0px;
    padding-bottom: 5px;
    font-size: 11px;
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
}
    
.round-box .form .left 
{
    width:70px;
    line-height:20px;
    background-color:Transparent;
    padding:0px 4px 0px 0px;
    margin:0px 0px 0px 0px;
    float:left;
    text-align:right;
}
    
.round-box .form .right 
{
    width:185px;
    padding:0px 4px 0px 4px;
    margin:0px 0px 0px 0px;
    float:left;
    text-align:left;
    line-height:20px;
}

.round-box .form input[type='text'], .round-box .form input[type='password'] {
	font-family: Arial,sans-serif;
	font-size: 11px;
	border: 0px;
	height: 14px;
	margin: 0;
	moz-border-radius: 3px;
	webkit-border-radius: 3px;
	border-left: 1px;
	border-right: 1px;
	border-bottom: 1px;
	padding: 3px;
	border: solid 1px #c6c6c6;
	background: #fff;	
}

.round-box .form input[type='text'], .round-box .form input[type='password'] { border: solid 1px #c6c6c6; }

/*********
* Front Page
*********/

div#welcomeimg { float:left; }
div#welcomeimg img { border: 0px solid #cccccc; }
p#welcome { float:right; width: 382px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding-top: 11px; padding-bottom: 11px }
span#advertisement { text-align:left; margin-left: 0px; color: #a6a6a6; font-size: 11px; }
div.headerLine { border-bottom: 5px solid #333333; margin-bottom: 10px; }
div.headerLine h2 { font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 130%; }

div.usersListFP { font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; width: 640px; }

div.usersListFP ul.thumbs { padding-left: 5px; }

div.usersListFP ul.thumbs li.imgPeopleList { float: left; display: block; padding: 0px; margin-top: 0px; margin-bottom: 2px; margin-right: 2px; margin-left: 0px; position: relative; text-align:center; width: 50px; height: 50px; }

table.videoListFP, table.pollListFP, table.blogListFP { font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; width: 100%; }

table.videoListFP td { font-size: 11px; }
table.videoListFP td.thumb { width: 55px; }
table.videoListFP td.title { width: 350px; }
table.videoListFP td.user { width: 16px; }
table.videoListFP td.displayName { width: 100px; }
table.videoListFP td.views { width: 60px; }
table.videoListFP td.comments { width: 80px; }

table.pollListFP td { font-size: 11px; }
table.pollListFP td.bullet { width: 10px; }
table.pollListFP td.title { width: 350px; }
table.pollListFP td.user { width: 16px; }
table.pollListFP td.displayName { width: 100px; }
table.pollListFP td.votes { width: 50px; }

table.blogListFP td { font-size: 11px; }
table.blogListFP td.bullet { width: 10px; }
table.blogListFP td.title { width: 325px; }
table.blogListFP td.user { width: 16px; }
table.blogListFP td.displayName { width: 100px; }
table.blogListFP td.votes { width: 75px; }

div#blogsRight { width:290px; float:left; }

div#videosLeft { width:300px; float:right; padding-left: 3px; }

.blogListFP { font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px;  }

.blogListFP td.blog h3 {
	background: url('icons/page_white_stack.png') no-repeat 0 2px;
	margin-bottom: 5px;
	padding: 0 0 4px 20px;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px;
	letter-spacing: 0px;
}
.blogListFP td.blog {
	padding-bottom: 10px; width: 320px;
}
.blogListFP td.blog .body {
	margin-bottom: 8px;
}
.blogListFP td.blog .meta {
	font-weight: bold; margin-bottom: 15px;
	
}
.blogListFP td.blog .meta .dimmed {
	font-weight: normal; color: #aaaaaa;
}
.blogListFP td.blog .meta {
	font-size: .91em;
	float: left;
	width: 370px;
}
.blogListFP td.blog .metas {
	font-size: .91em;
	float: left;
	width: 250px;
}
.blogListFP td.blog .avatar {
	float:left;
	width: 35px;
}
.blogListFP td.blog a.commentIcon {
  background: url('icons/comment.png') no-repeat left center transparent;
  padding-left: 22px;
  padding-right: 10px;
  border: none;
}

.blogListFP td.blog .line {
	border-bottom: 1px dotted #cccccc;
	
}

/*********
* Thumbnails
*********/
#photoListFP { font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px;  }
#photoListContainer  { margin-left: auto; margin-right: right; width: 100%; padding:0; }
#photoListContainer .thumb { padding: 3px 2px; overflow: hidden; }
#photoListContainer .thumb img  { margin:2px 2px; width:75px; height:75px; display:block; float:left; }
#photoListContainer .thumb a img  {  }
#photoListContainer .thumb a:hover img  {  }


/* Blog Listing */

.blogList { font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; }

.blogList .blog h3 {
	background: url('icons/page_white_stack.png') no-repeat 0 2px;
	margin-bottom: 5px;
	padding: 0 0 4px 20px;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px;
	letter-spacing: 0px;
}

.blogList .blog .body {
	margin-bottom: 8px;
}
li.blog {
	padding-bottom: 10px; 
}
li.blog .meta {
	font-weight: bold; margin-bottom: 15px;
	
}
li.blog .meta .dimmed {
	font-weight: normal; color: #777;
}
li.blog .meta {
	font-size: .91em;
	float: left;
	width: 370px;
}
li.blog .metas {
	font-size: .91em;
	float: left;
	width: 250px;
}
li.blog .avatar {
	float:left;
	width: 35px;
}
li.blog a.commentIcon {
  background: url('icons/comment.png') no-repeat left center transparent;
  padding-left: 22px;
  padding-right: 10px;
  border: none;
}

li.blog .line {
	border-bottom: 1px dotted #cccccc;
	
}

/* What are we doin */
table#latestComments { width: 90%; margin: 0 auto; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; }
table#latestComments td img { float: left; margin: 0px 10px 0px 5px; }
table#latestComments td div.posted { float: left; width: auto; overflow: hidden; font-size: 12px; }
table#latestComments td div.posted p { font-size: 12px; }
table#latestComments td small { font-size: 11px; }
table#latestComments td.pic { width: 35px; padding: 4px 0px;}
table#latestComments td.information { padding: 4px 5px; font-size: smaller}

/*********
* Category Header Pages
*********/

div.headerLine2 { border-bottom: 5px solid #f5f5f5; margin-bottom: 10px; }
div.headerLine2 h2 { font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; color: #3b5998; letter-spacing: 0px; }

.round-box-inner p.module_head { color: #3b5998; float:left; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size:11px; font-weight:bold; display:block; }

.module_head2 {
  border-top:1px solid #578cca;
  color: #333333;
  background-color: #f5f5f5;
  display:block;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  position:relative;
  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
  height:1%;
  font-size:11px;
  font-weight:bold;
}

div.subhead p { font-size: 11px; color: #333333; }
div.subhead p a { color: #3b5998; }

div#stories { padding-top: 10px; }

/*********
* Search Header
*********/

#topSearchForm input[type='text'] {
	font-family: Arial,sans-serif;
	font-size: 12px;
	border: 0;
	height: 14px;
	margin: 0;
	moz-border-radius: 3px;
	webkit-border-radius: 3px;	
}

#topSearchForm .btnSearch input {
	padding: 1px 3px;
	font-size: 85%;
	border: 1px solid #fff;
	font-weight: bold;
	color: #004276;
	background-color:#fff;
	border-color: #fff #88b5bf #88b5bf #fff;
}

#topSearchForm .btnSearch {
	display: inline;
}

/*********
* Footer
*********/
div#footer-wrap { *float: left; border-top: 4px solid #444444; padding: 1.5em 0; background: #222; text-align:left; }
div#footer {
    display: block;
    visibility: visible;
    background: #222;
    width: 100%;
    padding: 0 0 2em 0;
    font: normal 11px Arial, Helvetica, Verdana, sans-serif;
}
div#footer_links {
	width: 950px;
	margin: 0 auto;
	text-align: center;
}
div#footer_arakian {
	display: block;
	background: #2d2d2d;
	margin: 30px 0;
	padding: 20px 0 20px 20px;
	text-align: left;
}
p#footer_trademark {
	text-align: left;
	color: #888;
	padding: 0 0 0 20px;
	margin: 0;
	line-height: 140%;
}
p#footer_trademark {
	color: #555;
}
div#footer_arakian a,
div#footer_arakian a:visited {
	color: #ccc;
	text-decoration: underline;
}
div#footer_arakian a:hover {
	color: #fff;
	text-decoration: none;
}

/*********
* Owner
*********/
#team-members {
	width: 100%; margin: auto;
}

#team-members .photos {
	
}

#team-members .title h2 {
	color: #3179ee; font-size: 20px; margin-left: 10px;
}

#team-members .title p {
	color: #333333; margin-left: 11px;
}

/*********
* Poll
*********/
.pollResults span {
	font-size: 12px; letter-spacing: 0px; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-weight: bold; color: #333333; margin-bottom: 3px; display: block;
}
.resultBar img
{
  background: transparent url('poll/resultBar.gif') repeat-x;
  height: 16px;
  border: 1px solid #7a943b;
}
.blogList .blog h4, h4.poll {
	background: url('icons/chart_bar.png') no-repeat 0 2px;
	margin-bottom: 5px;
	padding: 0 0 4px 20px;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px;
	letter-spacing: 0px;
}
table.poll label {
	padding-left: 5px; vertical-align: top; display:inline-block; margin-top: 2px; font-size: 12px;
}
table.poll td {
	height: 15px;
}
table.poll input {
	padding-left: 5px;
}
.UFrame { width: 280px; overflow: visible;}


/*********
* Customize Style
*********/

table.customizestyle {
	width: 400px;
	float:left;
}

table.customizestyle label {
	color: #333333;
	font-size: 11px;
	width: 100px;
}

table.customizestyle td.title {
	width: 105px;
}

table.customizestyle td.inputs input {
	width: 55px;
	font-size: 11px;
}

table.customizestyle td.inputs select.default_font {
    width: 260px;
}

table.customizestyle td.inputs select.default_size {
    width: 50px;
}

table.customizestyleLeft {
	margin-left: 10px;
	overflow: scroll;
	width: 500px;
	position: relative;
	padding: 10px;
}

/*
#newIMessage
*/
.notification {
	color: #ffffff;
	font-size: 26px !important;
}