body, p { font-family: verdana, arial, helvetica, sans-serif; }
h1, h2, h3, h4 { font-family: arial, verdana, helvetica, sans-serif; }
input, textarea, select { font-family: verdana, arial, helvetica, sans-serif; }

body { margin: 0; padding: 0; text-align: center; font-size: 0.7em; background-color: #FFFFFF; }
body.user, body.reg { margin: 11px; background-image: url( gradbg.jpg ); background-repeat: repeat-x; }
table, td, tr { font-size: 1em; }
form { margin: 0; padding: 0; }

textarea { font-size: 12px; }

wbr:after { content: "\00200B" }

code { font-size: 1.2em; }

table.collapse { border-collapse: collapse; }

a img {
	border: 0 !important;
}

/*.hook { min-height: 0;}*/
#hook_BlockRefresh_refresh_EventSidebar_10 {height:0;}

a { color: #003; }
a:hover { color: #f93; }
.norm { color: #003; }
.norm2 { color: #f93; }
.norm3 { color: #9c3; }
.feat { color: #003; font-weight:bold; }
.feat2 { color: #f93 !important; font-weight:bold; }
.feat3 { color: #9c3; font-weight:bold; }
.feat4 { color: #777E5D; font-weight:bold; }
.feat5 { color: black; font-weight:bold; }
.feat5:hover { color: black; font-weight:bold; }
.feat6 { color: #776655; font-weight:bold; }
.feat6:hover { color: #776655; font-weight:bold; }
.feat7 { color: black !important; }
.feat7:hover { color: black; }
.warn, a.presentLink-mts { color: #F00; font-weight:bold; }
.bfeat { color: #003; font-size: 1.2em; font-weight:bold; }
.bfeat2 { color: #f93; font-size: 1.2em; font-weight:bold; }
.bfeat3 { color: #9c3; font-size: 1.2em; font-weight:bold; }

a.photoInfoMarks { color: black; text-decoration: none; }
a.photoInfoMarks:hover { color: black; text-decoration: none; }
a.photoInfoMarks span { text-decoration: underline; }

.tCardTime { color: #776655; }

.nowrap { white-space: nowrap;}
.underline { text-decoration: underline; }

a.nfeat2 { color: #f93; font-size: 1.2em; font-weight: bold; text-decoration: none;}

.clear {height:1px;	font-size: 1px;	clear:both; }
.center {margin-left:auto; margin-right:auto; text-align:center;}

hr {color:#E3E7CE; background-color:#E3E7CE; height:1px; border:0; margin:1px auto; text-align:center;}
td.sep { height: 1px; background-color: #ddd; }

th { text-align: center; }

.tUserCardInfoText {
    font: normal 11px verdana,arial,helvetica,sans-serif ;
    color: black;
}

table.gridSolidEmptyTable {
    border: 0;
    width: 700px;
    border-collapse: collapse;
}

table.gridSolidTable {
    border: 1px solid rgb(227, 231, 206);
    border-collapse: collapse;
}

table.gridSolidTable th, tr, td {
    border-color: rgb(227, 231, 206);
}

table.gridSolidTable td.highlight {
    border-color: rgb(227, 231, 206);
    background-color: rgb(248, 249, 246);
}

/* Events */
.textMessageEventDiv {
    text-align: center;
    width: 217px;
    margin: 0 auto;
    overflow: auto;
    padding: 10px 0 20px;
    /* hack for IE6 and IE5.5*/
    //height: expression( this.scrollHeight > 350 ? "350px" : "auto" );
    max-height: 350px !important;
}

#wrapper { margin: 3px auto; padding: 0; width: 976px; }
#header { margin: 0 0 0 0; padding: 0; clear: both; height: 130px; }
#logo {
  float: left;
  width: 240px;
  height: 126px;
  position: relative;
  text-align: left;
  background-image: url(frame_logo.gif);
}
#tophead { float: left; text-align:center; width: 736px; background-color: #fff; background-image: url( pgrbg.gif ); background-repeat: no-repeat; background-position: 100% 0; margin-top:7px;}
#topadv { margin: 4px auto; padding: 0; text-align:center; width: 728px; height: 93px; }
#topadv .imgad { font-size: 0px; }

#topnav { width:736px; margin: 0; padding:0; height: 28px; background-color: #f93; background-image: url( navrbg.gif ); background-repeat: no-repeat; background-position: 100% 0; }
#topnav ul { margin:0; padding:6px 0 0; list-style-type:upper-alpha; list-style:none; background-image: url( navlbg.gif ); background-repeat: no-repeat; background-position: 0 0;}
#topnav li { float:left; margin:0; padding:0; }
#topnav li.b { border-left: solid 1px #fff; }
#topnav a { float:left; display:block; width:.1em; padding:0 10px 3px 19px; font-size: 11px; font-weight:bold; color:#fff; white-space:nowrap; text-decoration:underline; }
#topnav > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topnav a {float:none;}
/* End IE5-Mac hack */
#topnav a:hover {color:#eee;}

#portalmsg	{ margin: 0; padding: 0.7em 0 1em; color: #F00; font-weight:bold; text-align: center; }
.portalmsg_container	{ padding-bottom: 8px; }
#currPosNavigation	{ padding-bottom: 8px; }
#gsearch	{ margin: 0; padding-bottom: 8px; text-align: center; }
.gsearch_content	{ padding: 5px 0; }
#pagebody	{ padding: 0; margin: 0; clear: both;  }
#sidebar { float: left; text-align:left; margin-right: 4px; padding: 0; width: 240px; }
#mainarea { float: left; text-align: left; padding: 0; width: 732px; overflow: hidden;}
#pagecontent { padding: 0; }
#footer { clear: both; width: 966px; padding: 5px; margin: 0 auto; }
#footer hr { margin:4px auto; width: 952px; }
#footer div.wrapper { padding: 0 10px; }
#footer div.wrapper div.copyright { float:left; width: 360px; text-align:left; }
#footer div.wrapper div.ruskey { float: left; width: 260px; text-align: center; }
#footer div.wrapper div.counters { float: left; width: 316px; text-align: right; }

#regwrapper { margin: 0 auto; padding: 0; width: 950px;}
#regbody	{ padding: 0; margin-top: 0; clear: both;  }
#regsidebar { float: left; margin: 0; padding: 0; text-align:center; width: 215px; }
#reglogo {
  margin: 0px 0 0px 0;
  padding: 0;
  position: relative;
  height: 125px;
  width: 215px;
  background-image: url(frame_logo.gif);
  text-align: left;
}

.thumb_container{text-align:center;width:125px; padding:1px; float:left; border:2px #fff solid;}
.thumb_container a{color:#fa664e; text-align:center;}

#regmainarea { float: left; text-align: left; padding: 0; width: 730px; }
#regtopline { margin-top: 15px; padding: 4px; font-weight: bold; color: #777E5D; font-size: 11px; text-align: right; font-style:italic; }
#regheader { margin: 15px 0 5px 5px; }
#regcontent { padding: 5px 0px 5px 0px;}
#regfooter { clear: both; text-align:center; width: 845px; padding: 5px; margin: 0 auto; }
#regfooter hr { margin:4px auto; width: 831px; }
#regfooter div.wrapper { padding: 0 10px; }
#regfooter div.wrapper div.copyright { float:left; width: 320px; text-align:left; }
#regfooter div.wrapper div.ruskey { float: left; width: 220px; text-align: center; }
#regfooter div.wrapper div.counters { float: left; width: 270px; text-align: right; }

.homeadv { text-align:left; padding: 5px; }
.homeadv a { color: #00f; font-size: 11px; }
.sideadv a { color: #00f; font-size: 11px; }
.bottomadv { height: 100px; width: 620px; margin-top:15px; text-align:right; }
.adpanel {float:right; margin: 0 10px 0 5px;}

h1 { color: #777E5D; font-size: 22px; margin: 0 0 5px 0; padding:0;}
h2 { color: #777E5D; font-size: 1.8em; margin: 0; padding:0;}
h3 { color: #FF9933; font-size: 1.2em; margin: 0; padding: 3px 0;}
h4 { margin: 0; padding-top: 2px; color:#777E5D; font-size: 1.2em; }

h3.subh { color: #765; font-size: 11px; margin: 6px 0; padding: 6px; background-repeat:repeat-x; background-image: url( subhbg.gif ); font-family: verdana, arial, helvetica, sans-serif;}
table.subh_table {  width:100%; border-collapse: collapse; padding: 0; margin: 6px 0;}
td.subh_left { 
    text-align:left;
    color: #765;
    font: bold 11px verdana, arial, helvetica, sans-serif;
    padding: 6px;
    background-repeat:repeat-x;
    background-image: url( subhbg.gif );
}

td.subh_right { 
    text-align:right;
    font: normal 11px verdana, arial, helvetica, sans-serif;
    padding: 6px;
    background-repeat:repeat-x;
    background-image: url( subhbg.gif );
}

#header h1 { color: #777E5D; font-size: 2.0em; margin: 0; padding:0;}
#header h2 { color: #777E5D; font-size: 1.8em; margin: 0; padding:0;}
#header h3 {position: relative; font-size:1em; font-weight:normal; margin:0; padding:0; top: -1.5em; left: 270px; display: block; width:300px; text-align:right; font-family: verdana, arial, helvetica, sans-serif; }

div.contentbox { margin: 0 0 10px 0; padding: 0; }
div.boxnav { font-size: 11px; line-height:normal; padding: 0; margin:0; height: 32px; background:url( rbborder_wide.gif ) no-repeat right top; background-position: 100% 25px; }
div.boxnav ul { margin:0; padding:0 0 0 1px; list-style:none; width: auto; background:url( bnl.gif ) no-repeat left top; background-position:0 -60px; height: 32px; }
div.boxnav li { float:left; background:url( bnl.gif ) no-repeat left top; margin:0; padding:0 0 0 4px; border-bottom:1px solid #E3E7CE; background-position: -1px 0; }
div.boxnav a { float:left; display:block; width:.1em; background:url( bnr.gif ) no-repeat right top; padding:7px 10px 6px 7px; text-decoration:none; font-weight:bold; color:#765; white-space:nowrap; font-size: 10px; }
div.boxnav > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
div.boxnav a {float:none;}
/* End IE5-Mac hack */
div.boxnav a:hover { color:#333; }
div.boxnav .s { background-position:-1px -60px; border-width:0; }
div.boxnav .s a { background-position:100% -60px; padding-bottom:7px; color:#333; }


div.contentbox h2 {color: #777E5D; font-size: 1.2em; margin: 0; padding: 5px 0;}
div.contentbox #ctl00_cphMain_ucInfoCard_pnlThumbnail { padding: 12px 0; }
div.contentbox2 {margin: 0 0 10px 0; padding: 10px; }

div.contentbox div#paymentPanelId h2 { font-size: 1.3em; }
div#paymentPanelId .bfeat2 { font-size: 1.3em; }

div.sbrb { width: 240px; margin: 0 auto 10px auto; text-align: left; }
div.sbrbc { width: 240px; margin: 0 auto 10px auto; text-align: center; }
div.sbrbr { width: 200px; margin: 0 auto 10px auto; text-align: left; }
div.sbrbr_reg_form{ width: 450px; margin: 0 auto 0px auto; text-align: left; }
div.ubrb { margin: 0 auto; text-align: left; }
.rbtl, .rbtr, .rbbl, .rbbr { background-image: url( rbborder_wide.gif ); height: 5px; font-size: 2px; }
.rbtl, .rbbl { margin-right: 5px; }
.rbtr, .rbbr { margin-left: 5px; margin-top: -5px; }
.rbtr { background-position: 100% 0; }
.rbbl  { background-position: 0 -5px; }
.rbbr { background-position: 100% -5px; }
.rbin { border-left: 1px solid #E3E7CE;	border-right: 1px solid #E3E7CE; padding-left: 8px; padding-right:8px; text-align:left; }
.rbntg { margin-top: 0; }
.rbnbg { margin-bottom: -1px; padding-bottom: 1px; }
.sbin { border-left: 1px solid #E3E7CE; border-right: 1px solid #E3E7CE; padding-left: 8px; padding-right:8px; text-align:left; }
.cntin { border-left: 1px solid #E3E7CE; border-right: 1px solid #E3E7CE; padding: 0 10px 0 10px; margin: 0; text-align:left; clear: both; }

#bubblePanel .rbtl, #bubblePanel .rbtr, #bubblePanel .rbbl, #bubblePanel .rbbr { background-image: url( statusBubble.gif );}
#bubblePanel .rbtl, #bubblePanel .rbtr { height: 14px; }
#bubblePanel .rbtr { margin-left: 23px; margin-top: -14px; }
#bubblePanel .rbbl  { background-position: 0 -13px; }
#bubblePanel .rbbr { background-position: 100% -13px; }
#bubblePanel .sbin {
    background-color: #e3e7ce;
    border-left: 1px solid #766655;
    border-right: 1px solid #766655;
    padding: 0 15px;
}

#bubblePanel div.sbin div#statusBubbleTextArea {
    /* hack for IE6 and IE5.5*/
    //width: expression( this.scrollWidth > 270 ? "270px" : "auto" );
    max-width: 270px !important;
    overflow: hidden;
    padding: 4px 0px;
}

#bubblePanel div.sbin div#statusBubbleInputArea {
	padding: 1px 0px;
	//padding: 0px 0px;
}

#bubblePanel .sbin div div h2 { padding: 0px; }

#bubblePanel .statusDate {

}

div.sbin div#statusBubbleInputArea ul { color: #f00; }

#statusBubbleInputArea { display: none;}
.statusBubbleInput { width: 213px; border: 1px solid #aaaaaa; height:18px; vertical-align: top;}
.statusBubbleSaveButton {  border: 1px solid #aaaaaa; height:22px; font-family: verdana, arial, helvetica, sans-serif; width: 30px; }

.statusBubbleTable { /*min-width: 100px;*/}
.statusBubbleTableTL { width: 12px; height: 4px; background: url(feed_statusBubble_left_top.gif) no-repeat 100% 100%;}
.statusBubbleTableTM { height: 4px; background: url(feed_statusBubble_middle_top.gif) repeat-x 0 0;}
.statusBubbleTableTR { width: 5px; height: 4px; background: url(feed_statusBubble_right_top.gif) no-repeat 0 0;}
.statusBubbleTableML { width: 12px; height: 4px; background: url(feed_statusBubble_left_middle_bg.gif) repeat-y 100% 50%; text-align: left;}
.statusBubbleTableMM { background-color: #E3E7CE; }
.statusBubbleTableMR { width: 5px; height: 1px; background: url(feed_statusBubble_right_middle.gif) repeat-y 0 50%;}
.statusBubbleTableBL { width: 12px; height: 4px; background: url(feed_statusBubble_left_bottom.gif) no-repeat 100% 50%;}
.statusBubbleTableBM { height: 4px; background: url(feed_statusBubble_middle_bottom.gif) repeat-x 0 0;}
.statusBubbleTableBR { width: 5px; height: 4px; background: url(feed_statusBubble_right_bottom.gif) no-repeat 0 50%;}

/*
Status bubble: user card
*/

#bubbleCardPanelPadding { padding-top: 5px;}
#bubbleCardPanel {
    width:135px;
    height:28px;
    background:transparent url(statusBubbleCard.gif) no-repeat scroll 0 0;
    padding:2px 2px 0;
    color: #776655;
}

#bubbleCardPanel marquee {
    width: 120px;
}

.tPhotoWrapDecor {position:relative;}

.orange { text-decoration: none; }
a.orange:hover { color: #FF9933; }
.orange .sbin {
    position: relative;
    height: 102px;
    width: 92px;
    border-left: 1px solid #FF9933;
    border-right: 1px solid #FF9933;
    padding-top: 5px;
    padding-left: 17px;
    padding-right: 17px;
    text-align: left;
    color: #FF9933;
}
.orange .rbtl, .orange .rbtr, .orange .rbbl, .orange .rbbr {
    background-image: url( rbborder_wide_orange.gif );
    height: 5px;
    font-size: 2px;
}

.expAbsolute { position:absolute; bottom: -10px; text-align: center; width: 92px; }
.orangeTextTitle { color: #FF9933; padding: 0 2px; background-color: #fff; font-size: 9px; }
.greenTextTitle { color: #84BA10; padding: 0 2px; background-color: #fff; font-size: 9px; }
.expWrapper { padding-bottom: 6px; margin: 0 auto; width: 128px; }
table.presents div.expWrapper { padding-bottom: 25px; }

table.presents { width: 700px; }


.red {
	background: url( adv/mts_triple_bonus2.gif ) no-repeat scroll 0 0;
	height: 117px;
	margin-bottom:20px;
}
.red table.presents { width: 415px; }
.red .sbin {
    position: relative;
    border-left: 1px solid #c70518;
    border-right: 1px solid #c70518;
    color: #c70518;
    height: 107px;
    padding-left: 0px;
    padding-right: 0px;
}
.red .rbtr, .red .rbbr {
    background-image: url( rbborder_wide_red.gif );
    height: 5px;
    font-size: 2px;
}
.red .rbbl, .red .rbtl {
    background-image: none;
}
.red table.presents div.expWrapper { padding-bottom: 0px; }
.red .rbtr, .red .rbbr {
    margin-left:285px;
}
.red .mtsAbsolute { 
    position:absolute;
    top: -11px; 
    right: 170px; 
}
.redTextTitle { 
    color: #c70518;
    padding: 0 2px;
    background-color: #fff;
    font-size: 9px;
}

a div { cursor: pointer;}

div.sbin h4 { margin: 0; padding-top: 2px; color:#777E5D; font-size: 1.2em; }
div.sbin ul { list-style-type: disc; list-style-position: inside; margin: 0; padding: 0; color: #FF9A36 }
div.sbin ul li { margin: 0; padding: 2px 0; }
div.sbin ul li span { color: black; }
div.sbin a { color: #89C434; }
div.sbin a:hover { color: #f93; }
div.sbin a.norm { color: #003; }
div.sbin a.norm2 { color: #f93; }
div.sbin a.menuFind {
    font-weight: bold;
}
/*
div.sbin h4 {
    color: #f93;
}
*/
table.sbct { width: 218px; }
table.sbct thead tr td { font-size:9px; margin:0; padding:0; text-align:center; }
table.sbct tbody tr td { padding: 1px 0; }
table.sbct tbody tr td.n {width:30px; color: #000; text-align:center;}
table.sbct tbody tr td.n2 {width:30px; color: #f93; text-align:center;}

div.tpromo_left {width:630px; height:263px; margin-bottom: 5px; background:url( tpromo_left.gif ) no-repeat left top; }
div.tpromo_right {width:630px; height:263px; background:url( tpromo_right.gif ) no-repeat right top; }
div.tpromo { width: 345px; height: 260px; position:relative; top: 10px; left: 10px; }
div.bpromo_left {width:630px; height:275px; background:url( bpromo_left.gif ) no-repeat left top; }
div.bpromo_right {width:630px; height:275px; background:url( bpromo_right.gif ) no-repeat right top; }
div.bpromo1 { width: 305px; height: 125px; position:relative; top: 20px; left: 220px; }
div.bpromo2 { width: 225px; height: 110px; position:relative; top: 30px; left: 140px; }
a.bpromo1 { font-size: 22px; color:#f93; font-weight:bold; font-family: arial, verdana, helvetica, sans-serif; text-decoration:none; }
a.bpromo1:hover { text-decoration:underline; }
a.bpromo2 { font-size: 22px; color:#9c3; font-weight:bold; font-family: arial, verdana, helvetica, sans-serif; text-decoration:none; }
a.bpromo2:hover { color:#9c3; text-decoration:underline; }

.reglist { clear:both; margin: 0; padding:0; }
ul.new_reglci { list-style-type: none; margin: 0; padding:0;}
ul.new_reglci li { padding: 1px 5px; margin: 1px 0; white-space:normal; display:block; float:left; width:140px}

.filt select { font-size: 1em; }
.filt input { font-size: 1em; }
.filt a { font-size: 1em; margin-right:5px; }

.pager { margin: 19px 0 5px 0; line-height: 2em;}
.pager .link { background-color:#eee; text-align:center; vertical-align:middle; width: 22px; height: 22px; margin-right:4px; padding: 4px; text-decoration:underline;}
.pager .link a {color:#000;}
.pager a.link:hover { color:#000; }
.pager .alink { color:#fff;  background-color:#f93; text-align:center; vertical-align:middle; width: 22px; height: 22px; margin-right:4px; padding: 4px; text-decoration:underline;}
.pager a.alink:hover { color:#fff; }

.thumbnail-left { margin-left:5px; }
.thumbnail { margin-right:5px; }
.icon { vertical-align:middle; }
a img.icon { border: 0; }

table.school_info th { text-align: right; padding-right: 10px; }

table#ctl00_cphMain_ucInfoCard_Table1 div.markings {
	margin-top: -5px;
}

div#view-photo {
	text-align:center;
}

div#view-photo div.markings {
	margin-top: 5px;
}

#mark-photo div.markings {
	margin-top: 0px;
	margin-left: 12px;
}

div.markings {
	margin-top: 3px;
}

div.markings img.icon {
	margin-right: 4px;
}

#shortcutComment div, #shortcutComment p {
    margin: 0;
    padding: 5px;
	/* IE6-hack*/
	//padding: 0px;
    border: 0;
}

#shortcutComment {
    font-size: 1em;
    border: 1px solid #765;
    position: absolute;
    visibility: hidden;
    z-index: 1;
    background-color: #fff;
    padding: 5px 1px;
	/* IE6-hack*/
	//padding: 10px 6px;
}

#shortcutLink {
    text-align: left;
    font-size: 1em;
    border: 1px solid #765;
    position: absolute;
    visibility: hidden;
    z-index: 3;
    background-color: #fff;
    padding: 10px 10px;
}

.shortcutFeed {
    font-size: 1em;
    border: 1px solid #765;
    position: absolute;
    display: block;
    visibility: hidden;
    background-color: white;
    padding: 15px;
    text-align:center;
    z-index:1;
}

.shortcutFeed img {
    border:0;
    margin-bottom: 5px;
}

.shortcutFeed * {
    overflow: hidden;
    /*IE hack*/
    //word-wrap:break-word;
}

.shortcutUser * {
    margin: 0;
    padding: 5px 5px 0 5px;
    border: 0;
    overflow: hidden;
    /*IE hack*/
    //word-wrap:break-word;
}

.shortcutUser {
    font-size: 1em;
    border: 1px solid #765;
    display: block;
    position: absolute;
    visibility: hidden;
    z-index: 1;
    background-color: white;
    padding: 5px 1px 10px;
}

.shortcutUser p {
    padding-top: 5px;
    text-align: center;
}

.shortcutUser em {
    font-style: normal;
}

.shortcutGroupUser * {
    margin: 0;
    padding: 5px 5px 0 5px;
    border: 0;
    overflow: hidden;
    /*IE hack*/
    //word-wrap:break-word;
}

.shortcutGroupUser {
    font-size: 1em;
    border: 1px solid #765;
    position: absolute;
    visibility: hidden;
    z-index: 1;
    background-color: white;
    padding: 5px 1px;
}

.shortcutGroupUser p {
    padding-top: 5px;
    text-align: center;
}

.shortcutGroupUser div {
    padding: 5px 0;
    text-align: left;
}

.shortcutGroupUser em {
    font-style: normal;
}

#shortcutMenuFriend * {
    margin: 0;
    padding: 0;
}

#shortcutMenuFriend {
    font-size: 1em;
    border: 1px solid #765;
    position: absolute;
    visibility: hidden;
    z-index: 1;
    background-color: #fff;
    padding: 5px 1px 10px;
}

#shortcutMenuFriend li,.shortcutUser li {
    list-style: none;
    list-style-position: outside;
    padding: 1px;
	text-align: left;
}

#shortcutMenuFriend li a:link, #shortcutMenuFriend li a:visited, .shortcutUser li a:link, .shortcutUser li a:visited {
	font-weight: bold;
    color: #89C434;
    display: block;
    padding: 3px 20px 2px 25px;
    white-space: nowrap;
}

#shortcutMenuFriend li a:hover,.shortcutUser li a:hover { color: #F93; }

#shortcutMenuFriend li.shortcutMenuItem-view a,.shortcutUser li.shortcutMenuItem-view a {
    background: url(icon_photo.gif) no-repeat 3px;
}

#shortcutMenuFriend li.shortcutMenuItem-message a,.shortcutUser li.shortcutMenuItem-message a {
    background: url( icon_msg.gif ) no-repeat 3px;
}

#shortcutMenuFriend li.shortcutMenuItem-friends a {
    background: url( icon_friends2.gif ) no-repeat 3px;
}

#shortcutMenuFriend li.shortcutMenuItem-groups a {
    background: url( icon_photoalbums.gif ) no-repeat 3px;
}

#shortcutMenuFriend li.shortcutMenuItem-altGroupInvite a,.shortcutUser li.shortcutMenuItem-altGroupInvite a {
    background: url( icon_altgroupInvite.gif ) no-repeat 3px;
}

#shortcutMenuFriend li.shortcutMenuItem-sendPresent a,.shortcutUser li.shortcutMenuItem-sendPresent a {
    background: url( icon_gift.2.gif ) no-repeat 3px;
}

#shortcutMenuFriend li.shortcutMenuItem-altGroups a {
    background: url( icon_gruppa.gif ) no-repeat 3px;
}

#shortcutMenuFriend li.shortcutMenuItem-photo a {
    background: url( icon_photos.2.gif ) no-repeat 3px;
}

#shortcutMenuFriend li.shortcutMenuItem-photoalbums a {
    background: url( feed_icon_photoalbums.2.gif ) no-repeat 3px;
}

#shortcutMenuFriend li.shortcutMenuItem-self a {
    background: url( icon_about2.gif ) no-repeat 3px;
}

#shortcutMenuFriend li.shortcutMenuItem-messaging a,.shortcutUser li.shortcutMenuItem-messaging a {
    background: url( icon_messaging.gif ) no-repeat 3px;
}

#shortcutMenuFriend li.shortcutMenuItem-forum a {
    background: url( icon_forum.2.gif ) no-repeat 3px;
}

#shortcutMenuFriend hr.shortcutMenuItemBreak, .shortcutUser hr.shortcutMenuItemBreak, #shortcutMenuGroup hr.shortcutMenuItemBreak {
    color:#E3E7CE;
    background-color:#E3E7CE;
    height:1px;
    border:0;
    margin:10px 5px;
    text-align:center;
}

#shortcutMenuFriend hr.shortcutMenuItemBreak { width: 170px; }
#shortcutMenuGroup hr.shortcutMenuItemBreak { width: 140px; }
.shortcutUser hr.shortcutMenuItemBreak { padding: 0; width: 170px; }

#shortcutMenuGroup * {
    margin: 0;
    padding: 0;
}

#shortcutMenuGroup {
    font-size: 1em;
    border: 1px solid #765;
    position: absolute;
    visibility: hidden;
    z-index: 1;
    background-color: #fff;
    padding: 5px 5px 10px;
}

#shortcutMenuGroup li {
    list-style: none;
    list-style-position: outside;
    padding: 1px;
        text-align: left;
}

#shortcutMenuGroup li a:link, #shortcutMenuGroup li a:visited {
    font-weight: bold;
    color: #89C434;
    display: block;
    padding: 3px 20px 2px 25px;
}

#shortcutMenuGroup li a:hover { color: #F93; }

#shortcutMenuGroup li.shortcutMenuItem-group-main a {
    background: url( icon_about2.gif ) no-repeat 3px;
}

#shortcutMenuGroup li.shortcutMenuItem-group-members a {
    background: url( icon_gruppa.gif ) no-repeat 3px;
}

#shortcutMenuGroup li.shortcutMenuItem-group-albums a {
    background: url( feed_icon_photoalbums.2.gif ) no-repeat 3px;
}

#shortcutMenuGroup li.shortcutMenuItem-group-forum a {
    background: url( icon_forum.2.gif ) no-repeat 3px;
}

div.msg-area p { margin: 0 0 0; }
img.online { margin-top: 3px; }

div.mark5, div.mark4, div.mark3, div.mark2, div.mark1 {
    width: 45px;
    height: 45px;
}

div.mark6 {
    width: 50px;
    height: 50px;
	background: url( marks/6_50.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=marks/6_50.png,sizingMethod=crop);
}

div.mark5 {
    background: url( marks/5.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=marks/5.png,sizingMethod=crop);
}

div.mark4 {
    background: url( marks/4.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=marks/4.png,sizingMethod=crop);
}

div.mark3 {
    background: url( marks/3.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=marks/3.png,sizingMethod=crop);
}

div.mark2 {
    background: url( marks/2.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=marks/2.png,sizingMethod=crop);
}

div.mark1 {
    background: url( marks/1n.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=marks/1n.png,sizingMethod=crop);
}

div.photoMark {
    position: absolute;
    top: 15px;
    right: -20px;
    z-index: 1;
}

div.mark30small, div.mark20small, div.mark10small, div.mark5small, div.mark4small, div.mark3small, div.mark2small, div.mark1small {
    width: 28px;
    height: 28px;
}

div.mark30small {
    background: url( marks/30_28.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=marks/30_28.png,sizingMethod=crop);
}

div.mark20small {
    background: url( marks/20_28.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=marks/20_28.png,sizingMethod=crop);
}

div.mark10small {
    background: url( marks/10_28.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=marks/10_28.png,sizingMethod=crop);
}

div.mark6small {
    width: 34px;
    height: 34px;
	background: url( marks/6_34.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=marks/6_34.png,sizingMethod=crop);
}

div.mark6large {
    width: 70px;
    height: 70px;
	background: url( marks/6.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=marks/6.png,sizingMethod=crop);
}

div.mark5small {
    background: url( marks/5_28.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=marks/5_28.png,sizingMethod=crop);
}

div.mark4small {
    background: url( marks/4_28.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=marks/4_28.png,sizingMethod=crop);
}

div.mark3small {
    background: url( marks/3_28.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=marks/3_28.png,sizingMethod=crop);
}

div.mark2small {
    background: url( marks/2_28.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=marks/2_28.png,sizingMethod=crop);
}

div.mark1small {
    background: url( marks/1_28.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=marks/1_28.png,sizingMethod=crop);
}

div.photoMarkSmall {
    position: absolute;
    top: 10px;
    right: -10px;
    z-index: 1;
}


div.badgeWBDsmall {
    width: 50px;
    height: 35px;
    background: url( photorating/wbd/beauty50x35.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=photorating/wbd/beauty50x35.png,sizingMethod=crop);
}

div.badgeWBDlarge {
    width: 75px;
    height: 50px;
    background: url( photorating/wbd/beauty70x50.png ) no-repeat;
    //background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=photorating/wbd/beauty70x50.png,sizingMethod=crop);
}

div.photoBadgeWBDsmall {
    position: absolute;
    bottom: 10px;
    right: -10px;
    z-index: 2;
}

div.photoBadgeWBD {
    position: absolute;
    bottom: 15px;
    right: -20px;
    z-index: 2;
}

img.feedWBDlogo {
    vertical-align: bottom;
}

.newicon {
    margin-left: 0.3em;
    vertical-align: middle;
}

div.rejectPhoto {
    margin: 0 auto;
    color: #F00;
    font-weight:bold;
    width: 128px;
    overflow: auto;
}

div.userCard {
    margin: 0 auto;
    width: 130px;
    /*overflow: hidden; TODO review, if this won't cause unexpected results in some cases */
}

div.userCard a {
   color: black;
}
div.userCard a.norm2 { 
   color: #f93; 
}

div.userLocationCard {
    margin: 0 auto;
    width: 130px;
}

table.photoWrapper {
    margin: 0 auto;
}

td.photoWrapper {
    padding: 12px 0;
}

#messaging td {
	text-align: left;
}

.moderatePhotosContainer {
    margin: 0 auto 0;
    padding-left: 9px;
    text-align: left;
}

/* Google Search Result : Ads */
.ad_header { color: #000; font:bold 13px arial ; padding-bottom: 7px; }
.ad_line1 { color: #E56104; font: normal 15px arial ; text-decoration: underline }
.ad_text { color: black; font: normal 13px arial ;  }
.ad_url { color: #008000; font: normal 13px arial ; margin-bottom: 12px; /*text-decoration: none*/ }
.search_header { background: #eee; padding: 4px; font-size: 15px; font-weight: bold }
.wide_ads { background: #ddf8cc; padding: 10px }
.narrow_ads { background: #e5ecf9; padding: 10px }
#wide_ad_unit { width: 795px; padding:0 0 0 10px; background-color: #FFFFCC; display: none;}
/* Google Search Result : Ads */

/* User Activity */
.feed_icon_community { width: 30px; height: 28px; background: url(feed_icon_photoalbums.gif) no-repeat 50% 50%; }
.feed_icon_not_community { width: 30px; height: 28px; background: url(feed_icon_not_community.gif) no-repeat 50% 50%; }
.feed_icon_about { width: 30px; height: 28px; background: url(feed_icon_about.gif) no-repeat 50% 50%; }
.feed_icon_friends { width: 30px; height: 28px; background: url(feed_icon_friends.gif) no-repeat 50% 50%; }
.feed_icon_not_friends { width: 30px; height: 28px; background: url(feed_icon_not_friends.gif) no-repeat 50% 50%; }
.feed_icon_groups { width: 30px; height: 28px; background: url(feed_icon_groups.gif) no-repeat 50% 50%; }
.feed_icon_not_groups { width: 30px; height: 28px; background: url(feed_icon_not_groups.gif) no-repeat 50% 50%; }
.feed_icon_photoalbums { width: 30px; height: 28px; background: url(feed_icon_photoalbums.2.gif) no-repeat 50% 50%; }
.feed_icon_photos { width: 30px; height: 28px; background: url(feed_icon_photos.2.gif) no-repeat 50% 50%; }
.feed_icon_comments { width: 30px; height: 28px; background: url(feed_icon_comments.2.gif) no-repeat 50% 50%; }
.feed_icon_gift { width: 30px; height: 28px; background: url(icon_gift.2.gif) no-repeat 50% 50%; }
.feed_icon_status { width: 30px; height: 28px; background: url(feed_icon_status.gif) no-repeat 50% 50%; }
.feed_icon_photopins { width: 30px; height: 28px; background: url(feed_icon_photopins.gif) no-repeat 50% 50%; }
.feed_icon_hockey_2009 { width: 30px; height: 28px; background: url(feed_icon_hockey_2009.gif) no-repeat 50% 50%; }
.feed_icon_voting { width: 30px; height: 28px; background: url(feed_icon_voting.gif) no-repeat 50% 50%; }
.feed_icon_victory { width: 30px; height: 28px; background: url(feed_icon_victory_day.gif) no-repeat 50% 50%; }
.feed_icon_photo_rating { width: 30px; height: 28px; background: url(feed_icon_photorating_wbd.gif) no-repeat 50% 50%; }

.feedPhotoAndCommentSplitter { margin: 8px 0; }

.feed_user_statusBubble_table {
    display: inline;
    /* WebKit fix */
    display: inline-table;
    /* IE fix */
    //display: inline;
    border-collapse:collapse;
    padding:0;
}

.feed_user_statusBubble_table .first {
    padding: 0;
    white-space: nowrap;
}
/* opera fix */
.feed_user_statusBubble_table tr { border: 0px; }


.feed_user_statusBubble_left {
    width: 12px;
    height: 22px;
    background: url(feed_statusBubble_left.gif) no-repeat;
    padding: 0px;
    /* opera fix */
    border: 0px;
}
.feed_user_statusBubble_left img { width: 12px; height: 22px; }

.feed_user_statusBubble_center {
    height: 20px;
    background-color: #e3e7ce;
    border-top: 1px solid #766655;
    border-bottom: 1px solid #766655;
    padding: 0px;
    line-height: 9px;
}
.feed_user_statusBubble_center img { width: 1px; height: 22px; }

.feed_user_statusBubble_right {
    width: 5px;
    height: 22px;
    background: url(feed_statusBubble_right.gif) no-repeat;
    padding: 0px;
    /* opera fix */
    border: 0px;
}
.feed_user_statusBubble_right img { width: 5px; height: 22px; }


td.feed_panel_activity {
    padding: 6px 0 8px 5px;
    /*IE hack*/
    //padding: 5px 0 8px 5px;
	line-height: 1.6;/*height: 22px;*/
    vertical-align: middle;
}

td.feed_main_panel_date { width: 80px; white-space: nowrap; text-align: center; }
td.feed_panel_date { width: 55px; white-space: nowrap; text-align: center; }
div.feed_main_panel_activity {
	width: 555px;
    /*IE hack*/
    overflow-x: hidden;
}

div.feed_panel_activity {
	width: 615px;
    /*IE hack*/
    overflow-x: hidden;
    padding:0;
}

div.feed_panel_activity b { color: #776655; }
div.feed_main_panel_activity b { color: #776655; }

table.feed_panel_table_horizontal tr,td { border-color: rgb( 227, 231, 206 ); }
table.feed_panel_table_horizontal { border-width: 1px; border-color: rgb( 227, 231, 206 ); width: 700px; border-collapse: collapse; }
td.feed_panel_table_date_separator { padding: 15px 0 ; color: #777E5D; font-weight:bold; text-align:center; }
div.feed_panel_table_date_separator_container {
	padding: 4px 0;
    /*IE hack*/
    //padding: 0;
}

div.feed_panel_table_splitter {
    /*IE hack*/
    //padding:0;
    height: 1px;
    border-top: 1px solid rgb( 227, 231, 206 );
}

span.feed_capitalize {
    text-transform: capitalize;
}

.present-thumbnail {
    border: none;
    width: 92px;
    height: 92px;
}

.present-thumbnailSmall {
    border: none;
    width: 70px;
    height: 70px;
}

div.photoPresent {
    position: absolute;
    bottom: 15px;
    left: -46px;
    z-index: 1;
}

div.photoPresentSmall {
    position: absolute;
    bottom: 5px;
    left: -35px;
    z-index: 1;
}

div.presentSender {
    position: absolute;
    padding: 10px;
	background-color: #fff;
    border: 1px solid;
    z-index: 2;
}

div.presentSender a {
    text-decoration: none;
    color: #000;
}

div.presentSender a.feat2 {
    text-decoration: underline;
}

.clickable {
	cursor: pointer;
}

div.presentSender a:hover {
    color: #000;
}

div.presentSender div.pale {
    color: #AAA;
}

.photoCommentsPortlet_date
{
    text-align:center;
    width: 85px;
}

.photoCommentsPortlet_comment
{
    width:415px;
    vertical-align: top;
}

.photoCommentsPortlet_comment tr { border: 0;}
.photoCommentsPortlet_comment td { border: 0;}

.photoCommentsPortlet_photo
{
    text-align:center;
    padding: 10px 5px;
}

.photoCommentsPortlet_photo tr { border: 0px; } /*fix for Opera*/
.photoCommentsPortlet_photo tr td { border: 0px; } /*fix for Opera*/

.photoCommentsPortlet_photo img { margin: 0 !important; }

.sendPresentMarkFriendsPhotoPopupInfo {
    font: normal 10px verdana,arial,helvetica,sans-serif;
    vertical-align: top;
    text-align: left;
    text-decoration:none;
    color: #776655;
}

.sendPresentMarkFriendsPhotoPopupInfo:hover { color: #776655; }
.sendPresentMarkFriendsPhotoPopupInfo a { text-decoration:none; color: #776655; }

.ratePhotoPopupInfo {
    font: normal 10px verdana,arial,helvetica,sans-serif;
    vertical-align: top;
    text-align: left;
    text-decoration:none;
    color: #776655;
}

.ratePhotoPopupInfo:hover { color: #776655; }
.ratePhotoPopupInfo a { text-decoration:none; color: #776655; }

.tUserSidebarHr {
    margin: 5px 0 3px;
    //margin: 2px 0 0 0;
}

.tPhotoInfoPaneAddInfo { vertical-align: bottom; }
.tPhotoInfoPaneAddInfo * { vertical-align: bottom; }


/* GWT styles */

.photopinEventTitle { color: red; font-weight: bold; text-align:center; }
.photopinCardPanel { width:124px; height:28px; padding:2px 2px 0; color: #776655; position: absolute; }
.photopinCardPanel-user { background:transparent url(photopin.gif) no-repeat scroll 0 0; }
.photopinCardPanel-photo-owner { background:transparent url(photopin_photo_owner.gif) no-repeat scroll 0 0; }
.photopinCardPanel-custom { background:transparent url(photopin_custom.gif) no-repeat scroll 0 0; }
.photopinCardPanel marquee { width: 100px; }

.photopin-label-table { width: 100%; padding: 0 5px 0 5px; }
.photopin-label { overflow: hidden; white-space: nowrap; width: 100px; float: left; }
.photopin-label-readonly { width: 110px; padding-left: 5px;}
.photopin-label marquee { width: 100px; }
.photopin-label .user { background-color: #F3F7E6;}
.photopin-label .photo-owner { background-color: #FFF2CC;}
.photopin-label .custom { background-color: #D6DAD1;}
.photopin-label marquee.readonly { width: 110px; }
.photopin-label marquee.movable { cursor: move; }
.photopin-remove-button {
    padding-top: 3px;
    cursor: pointer;
}
img.photopin-markFriendsLink { cursor: pointer; }
.photopinsMarkHelpCaption { padding-right: 5px; color: #6491AD;  font-weight: bold; display: inline;}
.photopin-markFriendsLink-help {border: 1px solid #E6E6E6; padding: 9px; background-color: #FFF2CC; width: 382px; font: 11px verdana; color: #555555; font-size: 10px; }

.photopinsUsersPopupPanel-list-container { overflow-x: hidden; overflow-y: auto; height: 130px; background-color: white; border-top:1px solid #776655; border-bottom:1px solid #776655; }
.photopinsUsersPopupPanel-list-user { background-color: white; color: #776655; text-align: left; padding: 3px 5px; cursor: pointer; width:153px; white-space: nowrap; overflow: hidden; }
.photopinsUsersPopupPanel-list-user:hover { background-color: #D1D1D1; }
.photopinsUsersPopupPanel-list-current-user { background-color: #FFF2CC; color: #776655; text-align: left; padding: 3px 5px; cursor: pointer; width: 153px; white-space: nowrap; overflow: hidden; border-bottom: 1px solid #776655; }
.photopinsUsersPopupPanel-list-current-user:hover { background-color: #DBD0B1; }
.photopinsUsersPopupPanel-input-container { background-color: #F3F6E5; padding:5px 0 3px 5px; /*width: 160px;*/}

.photopinsUsersPopupPanel-input-default { color: #777777; border: 1px solid #E3E7CE; width: 115px; font: normal 11px verdana, arial, helvetica, sans-serif; }
.photopinsUsersPopupPanel-input { border: 1px solid #E3E7CE; width: 115px; font: normal 11px verdana, arial, helvetica, sans-serif; }
.photopinsUsersPopupPanel-input-button { border: 1px solid #776655; font: normal 11px verdana, arial, helvetica, sans-serif; width: 30px; margin-left: 5px; }
.photopinsUsersPopupPanel-no-friends { background-color: white; color: #776655; height: 130px; }
.photopinsUsersPopupPanel-remove-button { cursor: pointer; top: 7px; right: 7px; position: absolute;}
.photopinsUsersPopupPanel-draggableArea-container { position: relative; }
.photopinsUsersPopupPanel-draggableArea { height: 24px; background: url( photopinsUsersPopup_draggable.gif ) no-repeat 50% 0;}

#photopinsUsersPopupPanel { top: 0; left: 0; position: absolute; width: 165px; z-index: 200;}
#photopinsUsersPopupPanel .rbtl, #photopinsUsersPopupPanel .rbtr, #photopinsUsersPopupPanel .rbbl, #photopinsUsersPopupPanel .rbbr { background: url( photopinsUsersPopup.gif ) no-repeat; }
#photopinsUsersPopupPanel .rbtl, #photopinsUsersPopupPanel .rbtr { height: 13px; }
#photopinsUsersPopupPanel .rbtr { margin-left: 0px; margin-top: -13px; }
#photopinsUsersPopupPanel .rbbl  { background-position: 0 -13px; }
#photopinsUsersPopupPanel .rbbr { background-position: 100% -13px; }
#photopinsUsersPopupPanel .sbin { background-color: #F3F6E5; border-left: 1px solid #766655; border-right: 1px solid #766655; padding: 0; }

#photopinsMarkedUsersPanel { padding: 0 5px 5px; }

.photopinUserPopop {
    position: absolute;
    padding: 10px;
	background-color: #fff;
    border: 1px solid;
    z-index: 2;
}

/*
DND override
*/

.dragdrop-selected,.dragdrop-dragging,.dragdrop-proxy {
  filter: alpha(opacity = 100) !important;
  opacity: 1 !important;
}

.dragdrop-positioner {
  border: 0 !important;
  margin: 0px !important;
  zoom: 1; /* IE gain hasLayout */
  z-index: 100;
}

.hookInvisible {
    height: 0;
}

.hookData {
    display: none;
}

/**
PORTLET
**/


.panel-portlet { /*width: 710px;*/ }

.panel-portlet-head {
    font: bold 11px verdana;
    color: #776655;
    overflow: hidden;
    height: 100%;
    min-height: 13px;
    background-color: #F3F6E5;
    border-top: 1px solid #E3E7CE;
    margin: 0 0 5px;
    padding: 6px 0;
}
.panel-portlet-head-header { float: left; padding-left: 6px; overflow: hidden; word-wrap: break-word; width: 55%;}
.panel-portlet-head-info { float: right; padding: 0 6px 0 6px; overflow: hidden; background-color: #F3F6E5;word-wrap: break-word; width: 40%; text-align: right; font: normal 11px verdana; color: black; }

.panel-portlet-body { overflow: hidden; width: 100% ; word-wrap: break-word; /*font: normal 12px verdana ;*/ }

.panel-portlet-footer { overflow: hidden; width: 100% ; font: normal 10px verdana ; color: #777E5D; margin-top: 10px; word-wrap: break-word; }

.panel-portlet-tl { }
.panel-portlet-bl { }
.panel-portlet-br { }
.panel-portlet-tr { }

/*
ROUNDED PANEL
*/


.panel-sidebar { width: 100%; }

.panel-sidebar-head { margin: 0 0 5px; overflow: hidden; width: 100% ; }
.panel-sidebar-head-header { font: bold 12px verdana ; color: #777E5D; word-wrap: break-word; }
.panel-sidebar-head-info { }

.panel-sidebar-body { overflow: hidden; width: 100% ; font: normal 11px verdana ; }

.panel-sidebar-footer { overflow: hidden; width: 100% ; font: normal 10px verdana ; color: #777E5D; margin-top: 10px;}

.panel-sidebar-tl { background: url(tl.gif) 0 0 no-repeat; overflow: hidden; }
.panel-sidebar-bl { background: url(bl.gif) 0 100% no-repeat }
.panel-sidebar-br { background: url(br.gif) 100% 100% no-repeat }
.panel-sidebar-tr { background: url(tr.gif) 100% 0 no-repeat ; margin-left: 4px ; padding: 10px}

/*
PANEL SPLITTERS
*/

.panelSplitter-small { height: 20px; }

/*
CUSTOMIZE PANELS
*/

#panelPhotos .panel-portlet-head-header { width: 20%; }
#panelPhotos .panel-portlet-head-info { width: 75%; }

#tUserSearchSidebar { margin-bottom: 10px;}

.gwt-RichTextArea-smilesWrapper {
    position: relative ;
}

.gwt-RichTextArea-smilesWrapper-adv {
    margin-top: 7px;
}

.gwt-RichTextArea-smilesWrapper-user {
    /* IE fix */
    //margin-top: 7px;
}

.gwt-RichTextArea-smilesPanelTitle {
    position: absolute;
    top: -6px;
    text-align: center;
    width: 405px;
}

.gwt-RichTextArea-smilesPanelTitle div {
    display: inline;
}

#advSmilesRoundedPanel { 
	/* IE6 fix */ 
	height: 100%;
}

#advSmilesRoundedPanel .panel-sidebar-tl { background-image: url(tl_orange.gif); }
#advSmilesRoundedPanel .panel-sidebar-bl { background-image: url(bl_orange.gif); }
#advSmilesRoundedPanel .panel-sidebar-br { background-image: url(br_orange.gif); }
#advSmilesRoundedPanel .panel-sidebar-tr {
    background-image: url(tr_orange.gif);
    padding: 1px;
}

#userSmilesRoundedPanel { 
	/* IE6 fix */ 
	height: 100%;
	margin-top: 7px;
    margin-bottom: 2px;
}

#userSmilesRoundedPanel .panel-sidebar-tl { background-image: url(tl_green.gif); }
#userSmilesRoundedPanel .panel-sidebar-bl { background-image: url(bl_green.gif); }
#userSmilesRoundedPanel .panel-sidebar-br { background-image: url(br_green.gif); }
#userSmilesRoundedPanel .panel-sidebar-tr {
    background-image: url(tr_green.gif);
    padding: 1px;
}
/******************/
/* Rich Text Area */
/******************/

#hook_RichTextArea_createMessage {
    width: 405px;
    margin:0;
    padding:0;
}

table.rtaLayout {
    border-collapse: collapse;
    margin: 17px 0 0;
    padding: 0;
    /* important! do not optimize border - IE bug*/
    border-width: 1px;
    border-style: solid;
    border-color: #d3d3d3;
    width: 100%;
}

table.rtaLayout td {
    padding:0;
    margin:0;
}

table.rtaLayout a {
    text-decoration: none ;
    cursor: default;
    background-color: yellow;
    color: black;
}

table.rtaLayout a:hover {
    color: black;
}

td#rtaToolbarContainer {
    background: #F0F0EE none repeat scroll 0 0;
    /* important! do not optimize border - IE bug*/
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d3d3d3;
    padding:3px;
}

td#rtaToolbarContainer .gwt-RichTextToolbar-buttonSplitter {
    margin: 3px 5px 0;
}

table.rtaToolbar td {
    padding: 1px 1px 0 0;
}

/* Counter */

.rtaCounterContainer {
    margin: 5px 0;
}

/* Smiles */

#rtaSmiles .gwt-Image,
.panelAdvSmiles .gwt-Image,
.panelUserSmiles .gwt-Image,
.gwt-RichTextArea-SmilesDropdown .gwt-Image {
    cursor: pointer;
}


table.panelUserSmiles {
    width: 100%;
}

table.panelAdvSmiles {
    width: 100%;
}

.smileContainer {
    width: 40px;
    overflow: hidden;
    margin: 0 auto;
}

.moreSmilesLink {
    background: url(new2.gif) no-repeat 100% 50%;
    padding-right: 25px;
}

#rtaCounterErrorContainer { margin: 0; padding: 0; }

#rtaCounterErrorContainer ul { margin-bottom: 4px; margin-top: 16px; }

#formErrorsContainer ul {
    margin-bottom: 8px; 
    //margin-bottom: 7px;
    margin-top: 10px;
}

.tableSmileysBottomLinks { width: 100%; }
.tableSmileysBottomLinks td.right{ text-align: right; }

div.contextbox div#panelSmileys,
div.contextbox div#uploadSmileyPanel {
    margin: 30px auto;
    width: 460px;
}

#panelSmileys table.gridSolidEmptyTable {
	width: 100%;
}

#panelSmileys table.panelOwnUserSmiles,
#panelSmileys table.panelUserSmiles {
    width: 100%;
}

#panelSmileys table.panelOwnUserSmiles tr td {
    width: 110px;
    //width: 0;
    height: 40px;
    vertical-align: middle;
    text-align: center;
}

#panelSmileys table.panelUserSmiles tr td {
    width: 55px;
    //width: 0;
    height: 40px;
    vertical-align: middle;
    text-align: center;
}

#messaging table.panelUserSmiles tr td,
#messaging table.panelAdvSmiles tr td {
    width: 50px;
    height: 40px;
    vertical-align: middle;
    text-align: center; 
}

.moreSmilesLinkContainer {
   padding-top: 2px;
   text-align: right;
}

/* Rich text area iframe */

.gwt-RichTextArea {
    height: 120px;
    width: 100%;
    border: 0 solid;
}

.gwt-RichTextArea * {
    border: 0 solid;
}

.gwt-RichTextArea p {
    padding: 0;
}

/*************
 Toolbar
*************/

.gwt-RichTextToolbar {
    width: 405px;
    background: #F0F0EE none repeat scroll 0 0;
}

/************************
 Toolbar Selects Common *
*************************/

.gwt-RichTextToolbar-Dropdown {
    margin-left: 1px;
}

table.gwt-RichTextToolbar-Dropdown-Content {
    height: 20px;
    padding:0;
    border-collapse:collapse;
    width: 100%;
}

table.gwt-RichTextToolbar-Dropdown-Content td {
    padding:0 2px;
}

td.gwt-RichTextToolbar-Dropdown-Input {
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #d3d3d3;
    background-color: white;
    font: normal 11px tahoma, verdana, arial, helvetica, sans-serif;
}

td.gwt-RichTextToolbar-Dropdown-Button {
    /* important! do not optimize border - IE bug*/
    border-width: 1px;
    border-style: solid;
    border-color: #d3d3d3;
    background-color: #F0F0EE;
    width: 11px;
}

td.gwt-RichTextToolbar-Dropdown-Button div {
    text-align: center;
}

td.gwt-RichTextToolbar-Dropdown-Input-Over {
    border-color: #808080;
}

/**************************
 Toolbar Selects Specific *
***************************/

/* Font face */

.gwt-RichTextToolbar-Dropdown-FontFace {
    width: 110px;
}

td.gwt-RichTextToolbar-Dropdown-Input-FontFace {

}


td.gwt-RichTextToolbar-Dropdown-Button-FontFace {

}

/* Font size */

.gwt-RichTextToolbar-Dropdown-FontSize {
    width: 100px;
}

td.gwt-RichTextToolbar-Dropdown-Input-FontSize {
}


td.gwt-RichTextToolbar-Dropdown-Button-FontSize { 
    width: 11px;
}


/************************
 Toolbar Buttons Common *
*************************/

.gwt-ToggleButton {
    border: 1px solid #d3d3d3;
}

.gwt-ToggleButton img {
    margin: 1px;
}

.gwt-ToggleButton-up { border: 1px solid #F0F0EE; }
.gwt-ToggleButton-down { border: 1px solid #F0F0EE; }
.gwt-ToggleButton-up-hovering { border: 1px solid #808080; }
.gwt-ToggleButton-down-hovering { border: 1px solid #808080; }

.gwt-PushButton {
    border: 1px solid #d3d3d3;
}

.gwt-PushButton img {
    margin: 1px;
}

.gwt-PushButton-up { border: 1px solid #F0F0EE; }
.gwt-PushButton-down { border: 1px solid #F0F0EE; }
.gwt-PushButton-up-hovering { border: 1px solid #808080; }
.gwt-PushButton-down-hovering { border: 1px solid #808080; }

/*****************
 Color dropdowns *
******************/


.gwt-RichTextArea-ColorDropdown {
    position: absolute;
    z-index: 1000;
    background-color: white;
}

.gwt-RichTextArea-ColorDropdown table {
    background-color: white;
    border: 1px solid #808080;
}

.gwt-RichTextArea-ColorDropdown a {
    border: 1px solid #808080;
    display: block;
    width: 18px;
    height: 18px;
    overflow: hidden;
}

/*****************
 Smiles dropdowns *
******************/


.gwt-RichTextArea-SmilesDropdown {
    position: absolute;
    z-index: 1000;
    background-color: white;
    width: 244px;
    height: 125px;
}

.gwt-RichTextArea-SmilesDropdown table {
    background-color: white;
    border: 1px solid #808080;
}

/*******************
Font face dropdown *
********************/

/* Common */

.gwt-RichTextArea-DropdownPopup {
    position: absolute;
    background-color: white;
    z-index: 1000;
}


.gwt-RichTextArea-DropdownPopup-Content {
    overflow: hidden;
    overflow-y: auto;
    border: 1px solid #808080;
}

.gwt-RichTextArea-DropdownPopup table {
    border: 0 solid;
    padding: 0;
    border-collapse: collapse;
    width: 100%;
}

.gwt-RichTextArea-DropdownPopup table td {
    padding: 3px 10px 3px 10px;
    cursor: pointer ;
    background-color: #FFFFFF;
    white-space: nowrap;
}

td.gwt-RichTextArea-DropdownPopup-Item-hightlighted {
    background-color: #DBECF3 !important;
}

td.gwt-RichTextArea-DropdownPopup-Caption {
    font: bold 11px tahoma, verdana, arial, helvetica, sans-serif;
    border-bottom: 1px solid #808080;
    background-color: #F0F0EE !important;
    padding: 5px !important;
}

/* Font face */

.gwt-RichTextArea-DropdownPopup-FontFace {
    width:120px;
}

.gwt-RichTextArea-DropdownPopup-Content-FontFace {
    height: 125px;
    overflow: auto;
    overflow-x: hidden;
    text-align: left;
}

/* Font size */

.gwt-RichTextArea-DropdownPopup-FontSize {
    width:120px;
}

.gwt-RichTextArea-DropdownPopup-Content-FontSize {
    height: 120px;
    text-align: left;
}


/**************************/
/* Rich text area counter */
/**************************/

.gwt-RichTextArea-counter {
    width: 50px;
    height: 18px;
    /* important! do not optimize border - IE bug*/
    border-width: 1px;
    border-style: solid;
    border-color: #d3d3d3;
    background-color: white;
    color: black;
}

.gwt-RichTextArea-counter-labelError {
    color: red ;
}

.gwt-RichTextArea-counter-label {
    color: black ;
}

.gwt-RichTextArea-counter-error {
    background-color: red;
    color: white;
}

#rtaCounterErrorContainer {
    color: red ;
}

/*****************/
/* Shortcut Menu */
/*****************/

.gwt-shortcutMenu {
    position: absolute;
    background-color: white;
    padding: 5px 5px 10px;
    border: 1px solid #765;
    z-index:1000;
}

.gwt-shortcutMenu ul {
    margin: 5px 0 0;
    padding: 0;
}

.gwt-shortcutMenu li {
    list-style: none;
    list-style-position: outside;
    padding: 1px;
	text-align: left;
}

.gwt-shortcutMenu-iconlink-header {
    text-align: center;
}

.gwt-shortcutMenu-iconlink-splitter {
    height: 1px;
}

.gwt-shortcutMenu-iconlink-item {
    color: #99CC33;
    font-weight:bold;
    padding: 3px 20px 3px 23px;
}

.gwt-shortcutMenu-iconlink-item:hover {
    color: #FF9933;
}

.gwt-shortcutMenu-iconlink-messaging {
    background: url( icon_messaging.gif ) no-repeat 0 50%;
}

.gwt-shortcutMenu-iconlink-personalPhotos {
    background: url( icon_photos.2.gif ) no-repeat 0 50%;
}

.hockey2009Container {
    margin: 0 auto 10px;
    background-color:#BF0000; /*#FFFF99*/
    padding: 10px 0;
    text-align: center;
    border: 1px solid #E3E7CE;
}

.hockey2009Container a {
    color: white !important; /*black*/
}

.victoryDayContainer {
    margin: 0 auto 10px;
    background-color:#FF9933;
    padding: 10px 0;
    text-align: center;
    border: 1px solid #E3E7CE;
}

.victoryDayContainer a {
    color: black !important;
}

.photoRatingWBDContainer {
    margin: 0 auto 10px;
    background-color:#CA006C;
    padding: 10px 0;
    text-align: center;
    border: 1px solid #E3E7CE;
}

.photoRatingWBDContainer a {
    color: white !important;
}


.grouptable tr, .grouptable td { border: 0px; }

img.userVotingDecorator {
    vertical-align: bottom;
    border: 0px;
}

img.userVotingDecoratorFeed {
    vertical-align: bottom;
    padding-bottom: 2px;
    /* IE fix */
    //padding: 0px;
    border: 0px;
}



.qsearch label{width:75px; display:block; float:left;}
.qsearch select{width:100px;}

#topbanner_Panel{ padding:3px 0;}

.boxnav{ float:left; width:450px}
.name_row{
	margin-bottom:5px;
	color:#777E5D;
	font-size:14px;
	margin:0;
	padding:5px 0;
	font-weight:700
}
.last_visit_row{
	-x-system-font:none;
	color:black;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}
.short_description_row{
	line-height:24px;
}
h3.subh {
	background-image:url(subhbg.gif);
	background-repeat:repeat-x;
	color:#776655;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
	margin:6px 0;
	padding:6px;
}
.thumb_container_int_phto {
border:2px solid #FFFFFF;
float:left;
padding:1px;
text-align:center;
width:90px;
}

.showuser_menu td { padding: 5px; border: 1px solid #E3E7CE }
.showuser_menu td a { text-decoration:none; font-weight:bold; color:#765; font-size: 10px; }
.showuser_menu .selected { background-color: #F3F6E5; }

.showuser_useranketa td { padding: 0px 5px 0px 5px; }

a { color: #003; }
a:hover { color: #f93; }

.capt { font-weight: bold; }