/*---------- · General · ----------*/

body, html {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 12px;
	/*background-color: #d6e5f8;*/
	color: #333333;
	margin: 0px;
	width: 100%;
	height: 100%;
}

body {
	/*background-color: #d6e5f8;*/
	background-image:url(../images/pagebg.jpg);
	background-repeat:no-repeat;
	background-color: #001429;
}

body *,
html *{
    margin:0;
    padding:0;
}


select, input, textarea, p, a {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
}

form {
	margin: 0px;
}

.separator {
	border-bottom: solid #E6E0E4 1px;
}

.wrapper {
	clear: both;
}

a {
	color: #4096ee;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}






/*---------- · Main Menu · ----------*/


div#containerBgMainMenu {
	background-image: url(../images/main_menu_bg.gif);
	background-repeat: repeat-x;
	width: 100%;
}

div#containerMainMenu {
	height: 41px;
	width: 980px;
	margin: 0 auto;
}

ul#mainMenu {
	list-style: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

ul#mainMenu li {
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
}

ul#mainMenu a {
	font-weight: bold;
	color: #333333;
	font-size: 14px;
	text-decoration: none;
	display: block;
	padding: 12px 8px 13px 8px;
}
ul#mainMenu a:hover {
	color: #ffffff;
	background-color: #333333;
}


div#mainMenuLogin {
	float: right;
	margin: 14px 23px 0px 0px;
}
div#mainMenuLogin a {
	color: #333333;
	text-decoration: none;
	font-size: 11px;
}
div#mainMenuLogin a:hover {
	color: #333333;
	text-decoration: underline;
	font-size: 11px;
}



div#mainMenuSearch {
	width: 244px;
	height: 26px;
	background-image: url(../images/main_menu_search_bg.gif);
	background-repeat: repeat-x;
	float: right;
	margin-top: 6px;
	margin-right: 13px;
}

div#mainMenuSearch input {
	width: 175px;
	border: 0px;
	margin: 4px 0px 0px 35px;
	font-size: 14px;
	color: #333333;
	float: left;
}

div#mainMenuSearchArrow {
	width: 15px;
	height: 15px;
	background-image: url(../images/main_menu_search_arrow.gif);
	background-repeat: no-repeat;
	float: right;
	margin: 5px 6px 0px 0px;
	cursor: pointer;
}










/*---------- · Content · ----------*/

div#containerContent {
	width: 980px;
	margin: 0 auto;
	position:relative;
}




/*---------- · Col Left · ----------*/


div#colLeft {
	width: 700px;
	float: left;
	margin-top: 128px;
	margin-bottom: 10px;
}




/*---------- · Poster · ----------*/
div#poster {
	background-image: url(../images/poster_top.png);
	background-repeat: no-repeat;
	background-position: left 34px;
	width: 700px;
	float: left;
	margin-bottom: 10px;
	padding: 5px 0px 0px 0px;
}

div#poster div#posterBottom {
	background-image: url(../images/poster_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 700px;
	padding: 0px 0px 5px 0px;
}

div#poster div#posterBottom div#posterBg {
	background-color: #4096ee;
	background-image: url(../images/poster_bg.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 20px 0px 0px 25px;
	height: 103px;
	overflow: hidden;
}

div.posterTextBorder {
	border: solid #78bbfe 3px;
	float: left;
}

div.posterTextBorder textarea {
	width: 544px;
	height: 49px;
	border: 0px;
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	color: #333333;
	padding: 10px;
	float: left;
}

td#posterTab {
	color: #ffffff;
	font-size: 11px;
	padding-top: 5px;
	padding-left: 3px;
	width: 460px;
	display:block;
	position:relative;
}

td#posterTab span {
	float: right;
	padding: 0px 10px;
	color: #96caff;
}

td#posterTab div.error 
{
	width:400px;
	height: 25px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin-top: 6px;
	z-index: 100;
	background-color: #4096ee;
	color: #96caff;
	font-size: 11px;
	display: none;
}

td#posterTab a {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}
td#posterTab a:hover {
	text-decoration: underline;
}

td#posterTab div#posterAction {
	/*width: 300px;*/
	float:left;
}
td#posterTab div#posterAction a {
	padding-left: 20px;
}

td#posterTab div#posterPicture, td#posterTab div#posterVideo {
	/*width: 300px;*/
	float:left;
	display: none;
}
td#posterTab div#posterPicture img, td#posterTab div#posterVideo img {
	margin: 0px 5px 0px 10px;
}
td#posterTab div#posterPicture span, td#posterTab div#posterVideo span {
	float: none;
	padding: 0px 15px 0px 0px;
}

td#posterButton a {
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	display: block;
	background-image: url(../images/poster_button_bg.gif);
	background-repeat: no-repeat;
	width: 101px;
	height: 22px;
	text-align: center;
	padding-top: 3px;
	text-decoration: none;
}
td#posterButton a:hover {
	text-decoration: underline;
}


img#imgPostPic {
	float:left;
	border: solid #e0e0e0 3px;
	margin: 10px 10px 0px 0px;
}

div#btnUploadPostPic {
	margin-top: 93px; 
}





/*---------- · Post Area · ----------*/
div#postArea {
	background-image: url(../images/post_area_bg_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 5px;
	float: left;
	width: 700px;
}

div#postAreaTop {
	background-image: url(../images/post_area_bg_top.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 5px;
	float: left;
	width: 700px;
}

div#postAreaContent {
	background-color: #ffffff;
	width: 660px;
	float: left;
	padding: 10px 20px 20px 20px;
}

div#postAreaContent h1 {
	font-size: 28px;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
}

div#postAreaContent h2 {
	font-size: 21px;
	font-weight: normal;
	margin: 0px 0px 20px 0px;
}



ul#postAreaTab {
	list-style: none;
	margin: 0px 0px 0px 30px;
	padding: 0px;
	float: left;
}

ul#postAreaTab li {
	float: left;
	display: inline;
	margin: 0px 2px 0px 0px;
	padding: 0px 5px 0px 0px;
	background-image: url(../images/post_area_tab_bg_right_off.png);
	background-repeat: no-repeat;
	background-position: top right;
}

ul#postAreaTab a {
	float: left;
	font-weight: normal;
	color: #333333;
	font-size: 14px;
	text-decoration: none;
	display: block;
	padding: 7px 9px 0px 14px;
	height: 22px;
	background-image: url(../images/post_area_tab_bg_left_off.png);
	background-repeat: no-repeat;
	background-position: top left;
}
ul#postAreaTab a:hover {
	text-decoration: underline;
}

ul#postAreaTab li.postAreaTabOn {
	float: left;
	display: inline;
	margin: 0px 2px 0px 0px;
	padding: 0px 5px 0px 0px;
	background-image: url(../images/post_area_tab_bg_right_on.png);
	background-repeat: no-repeat;
	background-position: top right;
}

ul#postAreaTab li.postAreaTabOn span {
	float: left;
	font-weight: normal;
	color: #333333;
	font-size: 14px;
	text-decoration: none;
	display: block;
	padding: 7px 9px 0px 14px;
	height: 22px;
	background-image: url(../images/post_area_tab_bg_left_on.png);
	background-repeat: no-repeat;
	background-position: top left;
}




img.postAvatar, img.posterAvatar, img.profileAvatar {
	border: solid #e0e0e0 1px;
	padding: 3px;
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
	background-color: #ffffff;
}
img.postAvatar:hover, img.posterAvatar:hover {
	border: solid #6CB3FE 1px;
}
img.postAvatarPrivate
{
	position:absolute;
	z-index: 100;
	top: 52px;
	left: 9px;
}
img.posterAvatar {
	margin-right: 5px;
}
img.profileAvatar {
	float: left;
	margin: 0px 7px 10px 0px;
}
img.profileAvatarPrivate
{
	position:absolute;
	z-index: 100;
	top: 47px;
	left: 19px;
}

img.uploadPic, img.uploadVideo {
	border: solid #e0e0e0 1px;
	padding: 3px;
	float: right;
	margin-bottom: 5px;
	margin-left: 10px;
	background-color: #ffffff;
}
img.uploadPic:hover, img.uploadVideo:hover {
	border: solid #6CB3FE 1px;
}
img.uploadVideoPlay 
{
	position:absolute;
	z-index: 100;
	top: 43px;
	left: 479px;
	border: none;
}	


div.postItem, div.postItemOn {
	float: left;
	width: 645px;
	background-image: url(../images/post_item_bg_off.gif);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 15px 10px 15px 5px;
	position:relative;
}

div.postItemOn {
	background-image: url(../images/post_item_bg_on.gif);
	background-color: #EDEDED;
}

div.postItem p, div.postItemOn p {
	margin: 0px;
	font-size: 14px;
	line-height: 21px;
	float: left;
	width: 540px;
	min-height: 65px;
	_height: 65px;
}

div.postItem p a, div.postItemOn p a {
	color: #4096ee;
	text-decoration: none;
}
div.postItem p a:hover, div.postItemOn p a:hover {
	text-decoration: underline;
}

div.postItem p a.postItemUser, div.postItemOn p a.postItemUser {
	color: #333333;
	text-decoration: none;
}
div.postItem p a.postItemUser:hover, div.postItemOn p a.postItemUser:hover {
	text-decoration: underline;
}

div.postItem div, div.postItemOn div {
	font-size: 11px;
	color: #808080;
	padding: 3px 0px 0px 74px;
	float: left;
	width: 458px;
	clear: both;
}

div.postItemOn div {
	color: #808080;
}

div.postItem div a, div.postItemOn div a {
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
div.postItem div a:hover, div.postItemOn div a:hover {
	text-decoration: underline;
}

div.postItem span, div.postItemOn span {
	color: #808080;
	padding: 0px 10px;
}

div.postItemOn span {
	color: #808080;
}


div#postAreaContent div.postItem h2, div#postAreaContent div.postItemOn h2 {
	margin: 0px 0px 0px 0px;
}

div.postItem h2 a, div.postItemOn h2 a {
	font-size: 14px;
	color: #4096EE;
	text-decoration: none;
}

div.postItem h2 a:hover, div.postItemOn h2 a:hover {
	text-decoration: underline;
}

div.postItem span.searchHighlight, div.postItemOn span.searchHighlight {
	color: #ffffff;
	background-color: #4096EE;
	padding: 0px;
}

div.postItem h2 a span:hover, div.postItemOn h2 a span:hover {
	text-decoration: underline;
}





div.postItem div.postAction, div.postItemOn div.postAction {
	float: right;
	width: 13px;
	padding: 0px;
}

div.postItem div.postAction {
	visibility: hidden;
}


a.postActionReply, a.postActionReplyOn, a.postActionFavorite, a.postActionFavoriteOn, a.postActionComment, a.postActionCommentOn, a.postActionTrash, a.postActionTrashOn, a.postActionAllow, a.postActionAllowOn, a.postActionBlock, a.postActionBlockOn, a.postActionEdit, a.postActionEditOn {
	display: block;
	width: 13px;
	height: 14px;
	margin-bottom: 7px;
}

a.postActionReply {
	background-image: url(../images/post_action_replay_off.gif);
	background-repeat: no-repeat;
}
a.postActionReplyOn {
	background-image: url(../images/post_action_replay_on.gif);
	background-repeat: no-repeat;
}

a.postActionFavorite {
	background-image: url(../images/post_action_favorite_off.gif);
	background-repeat: no-repeat;
}
a.postActionFavoriteOn {
	background-image: url(../images/post_action_favorite_on.gif);
	background-repeat: no-repeat;
}

a.postActionComment {
	background-image: url(../images/post_action_comment_off.gif);
	background-repeat: no-repeat;
}
a.postActionCommentOn {
	background-image: url(../images/post_action_comment_on.gif);
	background-repeat: no-repeat;
}

a.postActionTrash {
	background-image: url(../images/post_action_trash_off.gif);
	background-repeat: no-repeat;
}
a.postActionTrashOn {
	background-image: url(../images/post_action_trash_on.gif);
	background-repeat: no-repeat;
}

a.postActionAllow {
	background-image: url(../images/post_action_allowe_off.gif);
	background-repeat: no-repeat;
}
a.postActionAllowOn {
	background-image: url(../images/post_action_allowe_on.gif);
	background-repeat: no-repeat;
}

a.postActionBlock {
	background-image: url(../images/post_action_block_off.gif);
	background-repeat: no-repeat;
}
a.postActionBlockOn {
	background-image: url(../images/post_action_block_on.gif);
	background-repeat: no-repeat;
}
a.postActionEdit {
	background-image: url(../images/post_action_edit_off.gif);
	background-repeat: no-repeat;
}
a.postActionEditOn {
	background-image: url(../images/post_action_edit_on.gif);
	background-repeat: no-repeat;
}












table#pager {
	margin: 20px 0px 20px 0px;
	padding: 0px;
}

table#pager td {
	padding: 0px 5px 0px 5px;
	color: #C0C0C0;
	font-size: 11px;
	text-align: center;
}

table#pager td a {
	color: #4096ee;
	font-size: 11px;
	text-decoration: none;
	display: block;
	padding: 3px;
}
table#pager td a:hover {
	text-decoration: underline;
}

table#pager td a.pagerArrowRight {
	float: right;
	background-image: url(../images/pager_arrow_right.gif);
	background-repeat: no-repeat;
	background-position: center right;
	font-size: 11px;
	color: #4096ee;
	padding: 10px 25px 10px 0px;
	display: block;
}
table#pager td a.pagerArrowLeft {
	float: right;
	background-image: url(../images/pager_arrow_left.gif);
	background-repeat: no-repeat;
	background-position: center left;
	font-size: 11px;
	color: #4096ee;
	padding: 10px 0px 10px 25px;
	display: block;
}
























/*---------- · Col Right · ----------*/


div#colRight {
	width: 270px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	background-image: url(../images/col_right_bottom_bg.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}





/*---------- · Logo · ----------*/


div#logo {
	background-image: url(../images/logo_container_bg.png);
	background-repeat: no-repeat;
	width: 270px;
	height: 123px;
	float: left;
}


div#logoPersonal, div#logoGeneral {
	width: 143px;
	height: 76px;
	background-repeat: no-repeat;
	margin: 12px 0px 0px 15px;
}

div#logoPersonal {
	background-image: url(../../images/personal_logo_bg.gif);
}

div#logoGeneral {
	background-image: url(../../images/zizz_logo.png);
}

a.logoPersonalTagline {
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	display: block;
	margin: 5px 0px 0px 15px;
	text-decoration: none;
}
a.logoPersonalTagline:hover {
	text-decoration: underline;
}

div#logoRss {
	float: right;
	width: 19px;
	height: 20px;
	margin: 10px 10px 0px 0px;
}







/*---------- · Profile · ----------*/

div.profile {
	background-image: url(../images/follow_separator_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	width: 240px;
	float: left;
	padding: 10px 15px 15px 15px;
	background-color: #ffffff;
	font-size: 11px;
	position: relative;
}

div.profile ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
}

div.profile li {
	margin: 0px;
	padding: 0px 0px 6px 0px;
}

div.profile a {
	color: #4096EE;
	font-size: 11px;
	text-decoration: none;
}
div.profile a:hover {
	text-decoration: underline;
}













/*---------- · Follow · ----------*/


div.follow {
	background-image: url(../images/follow_separator_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	width: 270px;
	float: left;
	padding-bottom: 15px;
	background-color: #ffffff;
}

div.follow span a {
	color: #4096ee;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	display: block;
	margin: 15px 15px 7px 15px;
}

div.follow span a:hover {
	text-decoration: underline;
}

div.containerFollowAvatar {
	width: 245px;
	padding: 0px 12px 0px 13px;
}

div.homeAvatar img {
	margin-right: 7px;
	margin-bottom: 10px;
}

img.followAvatar {
	border: solid #e0e0e0 1px;
	padding: 1px;
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
}
img.followAvatar:hover {
	border: solid #6CB3FE 1px;
}

a.followMore {
	float: right;
	background-image: url(../images/pager_arrow_right.gif);
	background-repeat: no-repeat;
	background-position: center right;
	font-size: 11px;
	color: #4096ee;
	padding: 10px 22px 10px 5px;
	text-decoration: none;
	display: block;
	margin-right: 2px;
}
a.followMore:hover {
	text-decoration: underline;
}






/*---------- · Ad · ----------*/


div.ad250 {
	width: 250px;
	padding: 20px 10px 10px 10px;
	background-color: #ffffff;
	float: left;
}

div.ad250 div {
	color: #b7b7b7;
	font-size: 10px;
	padding-bottom: 5px;
}

div.ad250 a img {
	border: 0px;
}






/*---------- · Right Home Block · ----------*/


div#rightHomeBlock {
	width: 250px;
	padding: 20px 10px 10px 10px;
	background-color: #ffffff;
	float: left;
}



div#rightHomeBlock h2 {
	font-size: 21px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	margin: 0px 0px 10px 0px;
}

div#rightHomeBlock p {
	font-size: 14px;
	margin: 0px 0px 10px 0px;
}

div#rightHomeBlock img {
	width: 56px;
	float: left;
	margin-right: 3px;
	margin-bottom: 35px;
	border: 0px;
}





/*---------- · Footer · ----------*/


div#footer {
	background-image: url(../images/footer_bg.png);
	background-repeat: no-repeat;
	width: 920px;
	height: 80px;
	float: left;
	margin-bottom: 10px;
	color: #ffffff;
	font-size: 11px;
	padding: 20px 30px 0px 30px;
}

div#footer a {
	text-decoration: none;
	color: #ffffff;
	font-size: 11px;
}
div#footer a:hover {
	text-decoration: underline;
}

div#footer span {
	padding: 0px 10px;
}













/*---------- · Layer Window Frame · ----------*/

div.layerWindowFrame {
	display: none;
	width: 470px;
	margin: 0 auto;
	font-size: 14px;
	padding: 5px 0px 0px 0px;
	background-image: url('../images/layer_window_bg_top.png');
	background-repeat: no-repeat;
	background-position: top left;
}
div.layerWindowFrameBottom {
	width: 470px;
	padding: 0px 0px 5px 0px;
	background-image: url('../images/layer_window_bg_bottom.png');
	background-repeat: no-repeat;
	background-position: bottom left;
}
div.layerWindowFrameBg {
	width: 430px;
	padding: 5px 20px 10px 20px;
	background-color: #ffffff;
}

div.layerWindowFrame h2 {
	font-size: 21px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
}

div.layerWindowFrame textarea {
	font-size: 14px;
	width: 300px;
	height: 100px;
	margin: 0px;
	border: solid #78BBFE 2px;
	padding: 10px 10px 5px 10px;
	line-height: 20px;
	float:left;
}

div.layerWindowFrame select {
	font-size: 14px;
	width: 320px;
	margin: 0px;
	border: solid #78BBFE 2px;
	padding: 5px 10px 5px 10px;
}

div.layerWindowFrame input {
	font-size: 14px;
	width: 300px;
	margin: 0px;
	float:left;
	border: solid #78BBFE 2px;
	padding: 5px 10px 5px 10px;
}

div.layerWindowFrame td {
	padding: 10px 10px 10px 0px;
	white-space:nowrap;
}





/*---------- · Service Window / Alert Window · ----------*/

div.serviceWindow {
	width: 700px;
	padding: 5px 0px 0px 0px;
	background-image: url('../images/layer_sevice_window_top.png');
	background-repeat: no-repeat;
	background-position: top left;
	height: 103px;
	margin: 0 auto;
	display:none;
}

div.serviceWindowBottom {
	width: 660px;
	padding: 10px 20px 15px 20px;
	background-image: url('../images/layer_sevice_window_bottom.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 78px;
	float: left;
	font-size: 21px;
	color: #ffffff;
	font-weight: bold;
	text-align:left;
}

div.alertWindow {
	width: 700px;
	padding: 5px 0px 0px 0px;
	background-image: url('../images/layer_alert_window_top.png');
	background-repeat: no-repeat;
	background-position: top left;
	height: 103px;
	margin: 0 auto;
	display:none;
}

div.alertWindowBottom {
	width: 660px;
	padding: 10px 20px 15px 20px;
	background-image: url('../images/layer_alert_window_bottom.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 78px;
	float: left;
	font-size: 21px;
	color: #ffffff;
	font-weight: bold;
	text-align:left;
}






























/*---------- · Form · ----------*/

table.formTable {
	border: 0px;
}


table.formTable td, table.formTable select, table.formTable input, table.formTable textarea {
	font-size: 14px;
}

td.formTableLeft {
	text-align: right;
	padding: 10px;
	font-weight: bold;
}
td.formTableRight {
	padding: 10px;
}

table.formTable textarea {
	font-size: 14px;
	width: 300px;
	height: 50px;
	margin: 0px;
	border: solid #78BBFE 2px;
	padding: 10px 10px 5px 10px;
	line-height: 20px;
}

table.formTable select {
	font-size: 14px;
	width: 320px;
	margin: 0px;
	border: solid #78BBFE 2px;
	padding: 5px 10px 5px 10px;
}

table.formTable input {
	font-size: 14px;
	width: 300px;
	margin: 0px;
	border: solid #78BBFE 2px;
	padding: 5px 10px 5px 10px;
}

table.formTable input.formFieldInvalid,
table.formTable select.formFieldInvalid,
table.formTable textarea.formFieldInvalid
{
	border: solid #ed165d 2px;
}

table.formTable label {
	cursor: pointer;
}


/*---------- · Form Background Select · ----------*/

img.tableBgSelect {
	float: left;
	margin: 0px 6px 10px 0px;
	border: solid #ffffff 2px;
	cursor: pointer !important;
}

img.tableBgSelectOn {
	float: left;
	margin: 0px 6px 10px 0px;
	border: solid #78BBFE 2px !important;
	cursor: default;
}



/*---------- · Info Tooltip · ----------*/

div.formTableTooltip, div.formTableTooltipOn {
	width: 0px;
	height: 17px;
	background-image: url(../images/form_info_icon.gif);
	background-repeat: no-repeat;
	background-position: top left;
	overflow: hidden;
	padding-left: 17px;
}

div.formTableTooltip div, div.formTableTooltipOn div {
	display: none;
	width: 212px;
	font-size: 11px;
	padding: 0px;
	position: absolute;
	margin-top: 12px;
}

div.formTableTooltipOn div {
	display: block;
}

span.infoTooltipTop {
	background-image: url(../images/info_tooltip_top.png);
	background-repeat: no-repeat;
	background-position: top left;
	width: 212px;
	padding-top: 11px;
}

span.infoTooltipBottom {
	background-image: url(../images/info_tooltip_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 212px;
	padding-bottom: 11px;
}

span.infoTooltipBg {
	background-image: url(../images/info_tooltip_bg.png);
	background-repeat: repeat-y;
	background-position: top left;
	width: 172px;
	padding: 0px 20px;
	color: #ffffff;
}


div.formTableTooltipAlert {
	background-image: url(../images/form_alert_icon.gif);
}















/*---------- · Sign In · ----------*/


table#signIn input {
	font-size: 14px;
	width: 300px;
	float:left;
	border: solid #78BBFE 2px;
	padding: 5px 10px 5px 10px;
}

table#signIn {
	font-size: 14px;
	margin-top: 20px;
}

table#signIn td {
	padding: 10px;
}





/*---------- · Home · ----------*/
div#home {
	float: right;
	margin-bottom: 20px;
	width: 460px;
}

div#home h2 {
	font-size: 21px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	margin: 0px 0px 10px 0px;
}

div#home p {
	font-size: 14px;
	margin: 0px 0px 10px 0px;
}

div#home img {
	width: 56px;
	float: left;
	margin-right: 5px;
	border: 0px;
}




/*---------- · Button · ----------*/

div.buttonGeneralSmall {
	background-image: url(../images/button_general_small_bg.gif);
	background-repeat: repeat-x;
	background-position: top left;
	height: 17px;
	float: left;
	padding: 0px;
}

div.buttonGeneralSmall a {
	background-image: url(../images/button_general_small_right.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height: 15px;
	float: left;
	padding: 2px 10px 0px 10px;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	display: block;
}

div.buttonGeneralSmall a:hover {
	text-decoration: underline;
}

div.buttonGeneralBig {
	background-image: url(../images/button_general_big_bg.gif);
	background-repeat: repeat-x;
	background-position: top left;
	height: 22px;
	float: left;
	padding: 0px;
}

div.buttonGeneralBig a {
	background-image: url(../images/button_general_big_right.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height: 19px;
	float: left;
	padding: 3px 20px 0px 20px;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	display: block;
}

div.buttonGeneralBig a:hover {
	text-decoration: underline;
}


div.buttonGeneralBigWhite {
	background-image: url(../images/button_general_big_white_bg.gif);
	background-repeat: repeat-x;
	background-position: top left;
	height: 22px;
	float: left;
	padding: 0px;
}

div.buttonGeneralBigWhite a {
	background-image: url(../images/button_general_big_white_right.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height: 19px;
	float: left;
	padding: 3px 20px 0px 20px;
	font-size: 14px;
	color: #6CB3FE;
	text-decoration: none;
	display: block;
}

div.buttonGeneralBigWhite a:hover {
	text-decoration: underline;
}


div.buttonGeneralBigRed {
	background-image: url(../images/button_general_big_red_bg.gif);
	background-repeat: repeat-x;
	background-position: top left;
	height: 22px;
	float: left;
	padding: 0px;
}

div.buttonGeneralBigRed a {
	background-image: url(../images/button_general_big_red_right.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height: 19px;
	float: left;
	padding: 3px 20px 0px 20px;
	font-size: 14px;
	color: #ff0054;
	text-decoration: none;
	display: block;
}

div.buttonGeneralBigRed a:hover {
	text-decoration: underline;
}



/*---------- · Image crop · ----------*/
div#imgCrop {
	width: 980px;
	margin: 0 auto;
	
	display: none;
}

div#imgCrop div#toCrop {
	float:left;
	
	width: 520px;
	padding: 5px 0px 0px 0px;
	background-image: url('../images/layer_crop_bg_top.png');
	background-repeat: no-repeat;
	background-position: top left;
}
div#imgCrop div#toCropBottom {
	width: 520px;
	padding: 0px 0px 5px 0px;
	background-image: url('../images/layer_crop_bg_bottom.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	position: relative;
}
div#imgCrop div#toCropBottom div#toCropBg {
	padding: 5px 10px 35px 10px;
	background-color: #ffffff;
}

div#imgCrop div#toCropBottom div#toCropBg h2 {
	float: left;
	margin: 10px;
}

div#imgCrop div#toCropBottom div#toCropBg div#imgToCropWrapper {
	width: 100px;
	margin: 0 auto;
	padding: 10px 0px 10px 0px;
}

div#imgCrop div#prevCrop {
	float:left;
	margin-left: 50px;
	
	width: 70px;
	padding: 5px 0px 0px 0px;
	background-image: url('../images/layer_crop_preview_bg_top.png');
	background-repeat: no-repeat;
	background-position: top left;
}
div#imgCrop div#prevCropBottom {
	width: 70px;
	padding: 0px 0px 5px 0px;
	background-image: url('../images/layer_crop_preview_bg_bottom.png');
	background-repeat: no-repeat;
	background-position: bottom left;
}

div#imgCrop div#prevCropBottom div#prevCropBg {
	padding: 5px 10px 5px 10px;
	background-color: #ffffff;
}




/*---------- · Image preview · ----------*/
div#layerPreview {
	width: 560px;
	position:absolute;
	display: none;
	
	padding: 5px 0px 0px 0px;
	background-image: url('../images/layer_prev_bg_top.png');
	background-repeat: no-repeat;
	background-position: top left;
}
div#layerPreviewBottom {
	width: 560px;
	padding: 0px 0px 5px 0px;
	background-image: url('../images/layer_prev_bg_bottom.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	position: relative;
}
div#layerPreviewBottom div#layerPreviewBg {
	padding: 5px 0px 5px 20px;
	background-color: #ffffff;
}

div#layerPreviewBottom div#layerPreviewBg a.close {
	float: right;
	margin: 0px 10px 5px 0px;
}
div#layerPreviewBottom div#layerPreviewBg a.close img 
{
	border: 0px;
}

div#layerPreviewBottom div#layerPreviewBg img#imgPreview 
{
	margin-top:20px;
	margin-bottom:20px;
	margin-left: 0 auto;
	margin-right: 0 auto;
	border: solid #e0e0e0 1px;
	padding: 3px;
	background-color: #ffffff;
}

div#layerPreviewBottom div#layerPreviewBg img#imgPreview:hover {
	border: solid #6CB3FE 1px;
}



/*---------- · Video player · ----------*/
div#layerVideo {
	width: 720px;
	position:absolute;
	display: none;
	
	padding: 5px 0px 0px 0px;
	background-image: url('../images/layer_video_bg_top.png');
	background-repeat: no-repeat;
	background-position: top left;
}
div#layerVideoBottom {
	width: 720px;
	padding: 0px 0px 5px 0px;
	background-image: url('../images/layer_video_bg_bottom.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	position: relative;
}
div#layerVideoBottom div#layerVideoBg {
	padding: 5px 0px 5px 0px;
	background-color: #ffffff;
	line-height: 0px;
}

div#layerVideoBottom div#layerVideoBg a.close {
	float: right;
	margin: 0px 10px 5px 0px;
}
div#layerVideoBottom div#layerVideoBg a.close img 
{
	border: 0px;
}

div#layerVideoBottom div#layerVideoBg div#layerVideoWrapper
{
	margin:25px;
	width: 670px;
}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px !important;clear:none !important;padding:0 !important;height:15px;text-indent:-999em;cursor:pointer;display:block; background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(../images/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(../images/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
div.postItem div.star-rating-control, div.postItemOn div.star-rating-control{width: 90px !important; padding:0 !important; clear: none !important;}
div.postItem input.pRate, div.rating-cancel{display:none !important;}
/* jQuery.Rating Plugin CSS end */

/* borsodifoci rating */
div.rating_bs-cancel,div.star-rating_bs{float:left;width:17px !important;clear:none !important;padding:0 !important;height:15px;text-indent:-999em;cursor:pointer;display:block; background:transparent;overflow:hidden}
div.rating_bs-cancel,div.rating_bs-cancel a{background:url(../images/delete.gif) no-repeat 0 -16px}
div.star-rating_bs,div.star-rating_bs a{background:url(/static/images/theme/borsodifoci/star.gif) no-repeat 0 0px}
div.rating_bs-cancel a,div.star-rating_bs a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating_bs-on a{background-position:0 -16px!important}
div.star-rating_bs-hover a{background-position:0 -32px}
div.star-rating_bs-readonly a{cursor:default !important}
div.star-rating_bs{background:transparent!important;overflow:hidden!important}
div.postItem div.star-rating_bs-control, div.postItemOn div.star-rating_bs-control{width: 90px !important; padding:0 !important; clear: none !important;}
div.postItem input.bsRate, div.rating_bs-cancel{display:none !important;}
/* jborsodifoci rating end */

div.postItem15mp{
	background-image: url(/static/images/theme/pepsi/post_item_bg_off.gif) !important;
	background-repeat: repeat-x;
	background-position: bottom left;
}

div.postItem15mpOn {
	background-image: url(/static/images/theme/pepsi/post_item_bg_on.gif) !important;
	background-color: #ecf4ff!important;
	background-position: bottom left;
}

div.postItem15mp div, div.postItem15mpOn div
{
	width: 550px;
}

img.uploadVideo15mp {
	border: solid #e0e0e0 1px;
	padding: 3px;
	float: right;
	margin-bottom: 5px;
	margin-left: 10px;
	background-color: #ffffff;
}
img.uploadVideo15mp:hover {
	border: solid #6CB3FE 1px;
}
img.uploadVideoPlay15mp 
{
	position:absolute;
	z-index: 100;
	top: 65px;
	left: 479px;
	border: none;
}



ul#postAreaTab li.postAreaTab15mp {
	float: left;
	display: inline;
	width: 119px;
	margin: 0px 2px 0px 0px;
	padding: 0px 5px 0px 0px;
	background-image: url(/static/images/theme/pepsi/post_area_15mptab_bg.png);
	background-repeat: no-repeat;
	background-position: top left;
}

ul#postAreaTab li.postAreaTab15mp a {
	float: left;
	font-weight: bold;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	display: block;
	padding: 7px 9px 0px 14px;
	height: 22px;
	background: none !important;
}
ul#postAreaTab li.postAreaTab15mp a:hover {
	text-decoration: underline;
}

ul#postAreaTab li.postAreaTab15mpOn {
	float: left;
	display: inline;
	width: 119px;
	margin: 0px 2px 0px 0px;
	padding: 0px 5px 0px 0px;
	background-image: url(/static/images/theme/pepsi/post_area_15mptab_bg.png);
	background-repeat: no-repeat;
	background-position: top left;
}

ul#postAreaTab li.postAreaTab15mpOn span {
	float: left;
	font-weight: bold;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	display: block;
	padding: 7px 9px 0px 14px;
	height: 22px;
}

/* location post */

.postItemLocation, .postItemLocationOn
{
	background-image: url(../images/locationpost_bg_n.gif);
	background-position:left top;
	background-repeat: repeat-x;
	height:43px; /*56px; */
	padding: 13px 0px 0px 12px;
}

.postItemLocationOn
{
	background-image: url(../images/locationpost_bg_o.gif);
}

div.postItemLocation div.postAction, div.postItemLocationOn div.postAction {
	float: right;
	width: 13px;
	padding: 0px;
}

div.postItemLocation div.postAction {
	visibility: hidden;
}

.postItemLocation img.postAvatar, .postItemLocationOn img.postAvatar
{
	padding:1px;
	margin-right:10px;
}

.postItemLocation .postItemUser, .postItemLocationOn .postItemUser
{
	color:#333333;
	font-weight:bold;
}
img.locationPointer
{
	float:left;
	padding: 2px 5px 0px 0px;
}

.checkedInContent
{
	float:left;
	padding-top: 7px;
	font-size:11px;
		
}

div.postItem .placeVisitCount span,  div.postItemOn .placeVisitCount span
{
	padding:0px 5px 0px 0px;	
}

#frmAddChannel tr.placeTr
{
	display:none;
}

/*---------- · Location poster · ----------*/

#poster ul {
	list-style: none;
	margin: 0px 0px 4px 30px;
	padding: 0px;
	float: left;
}

#poster ul li {
	float: left;
	display: inline;
	margin: 0px 2px 0px 0px;
	padding: 0px 5px 0px 0px;
	background-image: url(../images/poster_tab_bg_right_off.png);
	background-repeat: no-repeat;
	background-position: top right;
}

#poster ul a {
	float: left;
	font-weight: normal;
	color: #333333;
	font-size: 14px;
	text-decoration: none;
	display: block;
	padding: 7px 9px 0px 14px;
	height: 22px;
	background-image: url(../images/poster_tab_bg_left_off.png);
	background-repeat: no-repeat;
	background-position: top left;
}
#poster ul a:hover {
	text-decoration: underline;
}

#poster ul li.postAreaTabOn {
	float: left;
	display: inline;
	margin: 0px 2px 0px 0px;
	padding: 0px 5px 0px 0px;
	background-image: url(../images/poster_tab_bg_right_on.png);
	background-repeat: no-repeat;
	background-position: top right;
}

#poster ul li.postAreaTabOn span {
	float: left;
	font-weight: normal;
	color: #333333;
	font-size: 14px;
	text-decoration: none;
	display: block;
	padding: 7px 9px 0px 14px;
	height: 22px;
	background-image: url(../images/poster_tab_bg_left_on.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#frmLocation
{
	display:none;
}

div.posterTextBorder textarea#txtLocation 
{
	width: 578px;
	height: 20px;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	padding: 5px;
}

.posterTitle
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	height: 22px;
}

td#posterButtonBig a {
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	display: block;
	background-image: url(../images/poster_button_big_bg.png);
	background-repeat: no-repeat;
	width: 130px;
	height: 22px;
	text-align: center;
	padding-top: 3px;
	text-decoration: none;
}
td#posterButtonBig a:hover {
	text-decoration: underline;
}

div#posterLocation
{
	width: 634px;
	min-height: 350px;
	padding: 15px;
	margin: 15px 0px 10px 0px;
	border: solid 3px #78bbfe;
	background-color: #ffffff;
}

div#posterLocation h1
{
	color: #333333;
	font-size: 21px;
	font-weight: normal;
	padding-bottom: 3px;
}

div#posterLocation span#posterResCount
{
	color: #999999;
	font-size: 11px;
}

div#posterLocation div.mapborder
{
	float: right;
	padding: 3px;
	border: solid 1px #e0e0e0;
	background-color: #ffffff;
	overflow: hidden;
}

div#posterLocation div#map
{
	width: 335px;
	height: 335px;
	background-color: #ffffff;
}

div#posterLocation td
{
	color: #999999;
	font-size: 11px;
	padding-bottom: 10px;
	vertical-align: top;
}

div#posterLocation td.resultHeader
{
	background-image: url(../images/post_item_bg_off.gif);
	background-repeat: repeat-x;
	background-position: top left;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 13px 0px 12px 8px;
}

div#posterLocation td img.marker
{
	padding-left: 8px;
	border: 0px;
}

div#posterLocation td a
{
	font-size: 14px;
	color: #4096ee;
	text-decoration: none;
}
div#posterLocation td a:hover {
	text-decoration: underline;
}


div#posterLocation td div.buttonGeneralSmall
{
	margin-top: 2px;
}

div#posterLocation td div.buttonGeneralSmall a
{
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	display: block;
}


div#membersByLocation
{
	width: 661px;
	min-height: 330px;
	background-color: #ffffff;
}

div#membersByLocation h1
{
	color: #333333;
	font-size: 21px;
	font-weight: normal;
	padding-bottom: 3px;
}

div#membersByLocation div.mapborder
{
	float: right;
	padding: 3px;
	border: solid 1px #e0e0e0;
	background-color: #ffffff;
	overflow: hidden;
}

div#membersByLocation div#map
{
	width: 315px;
	height: 315px;
	background-color: #ffffff;
}

div#membersByLocation td img.marker
{
	padding-left: 9px;
	border: 0px;
}

div#membersByLocation #warningMessage
{
	font-size:14px;
	color:#ff0000;
}

#locationAndPlaceResTable
{
	
	width:300px;
	font-size: 11px;
	margin: 5px 0px 15px 0px;
}

#locationAndPlaceResTable td
{
	font-size: 11px;
	background-color:#f3f3f3;
}


#locationAndPlaceResTable .resultHeader
{
	font-weight:bold;
	padding:7px 0 0 9px;
}

#resultPosts .resultHeader
{
	font-weight:bold;
	font-size:18px;
	padding-bottom:5px;
	
}

/*---------- · Quickwin · ----------*/

#quickwin
{
	background-image: url(../images/quickwin_home_panel_bg.gif);
	background-repeat:no-repeat;
	width:645px;
	height:111px;
	padding:15px 0px 0px 15px;
	margin-top: 5px;
	*margin-top: 15px;
}

#quickwin .title
{
	font-family:Verdana;
	font-size:26px;
	font-weight:bold;
	color:#ffffff;
	padding-bottom:15px;
}

#quickwin .text
{
	font-family:arial;
	font-size:15px;
	color:#dddddd;
	line-height:20px;
	width:450px;
	height:40px;
	float:left;
	padding-right:10px;
}

#quickwin .btnReg, #quickwin .btnRegOn
{
	background-image: url(../images/butt_regisztralj_n.png);
	background-repeat:no-repeat;
	width:170px;
	height:45px;
	float:left;
	cursor:pointer;
}

#quickwin .btnRegOn
{
	background-image: url(../images/butt_regisztralj_o.png);
}


#penguin_home
{
	float:left;
	background-image: url(../images/theme/pingvin/pingvin_home_base.jpg);
	background-repeat:no-repeat;
	width:270px;
	height:46px;
	padding:130px 0 0 65px;
}

#penguin_home .btnPlay, #penguin_home .btnPlayOn
{
	background-image: url(../images/theme/pingvin/butt_jatsz_off.jpg);
	background-repeat:no-repeat;
	width:200px;
	height:35px;
	cursor:pointer;
}

#penguin_home .btnPlayOn
{
	background-image: url(../images/theme/pingvin/butt_jatsz_on.jpg);
}

#misszizz_home
{
	float:left;
	background-image: url(../images/theme/pingvin/miss_zizz_home_base.gif);
	background-repeat:no-repeat;
	width:319px;
	height:86px;
	padding:90px 0px 0px 6px;

}

#misszizz_home .btnApplicant, #misszizz_home .btnApplicantOn 
{
	background-image: url(../images/theme/pingvin/butt_fodij_off.gif);
	background-repeat:no-repeat;
	width:313px;
	height:36px;
	cursor:pointer;
	margin-bottom:5px;
}

#misszizz_home .btnApplicantOn
{
	background-image: url(../images/theme/pingvin/butt_fodij_on.gif);
}

#misszizz_home .btnReferrer, #misszizz_home .btnReferrerOn 
{
	background-image: url(../images/theme/pingvin/butt_ajanloi_off.gif);
	background-repeat:no-repeat;
	width:313px;
	height:36px;
	cursor:pointer;
}

#misszizz_home .btnReferrerOn
{
	background-image: url(../images/theme/pingvin/butt_ajanloi_on.gif);
}


/* pepsipingvin channel list custom render */

div.postItemPriority3 {
	background-image: url(/static/images/theme/pingvin/channel_bg.jpg) !important;
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #f8fbff;
	padding: 0px 0px 5px 0px;
	width: 660px !important;
}

div.postItemPriority3 img.postAvatar
{
	width: 0px !important;
	height: 0px !important;
	border: 0px !important;
	background-color: Transparent !important;
	padding: 0px 640px 95px 0px !important;
}

div.postItemPriority3 p,
div.postItemPriority3 h2
{
	display: none;
}

div.postItemPriority3 div{
	padding-bottom: 10px;
}

div.postItemPriority3 div span{
	color: #ffffff !important;
}

div.postItemPriority3 div a{
	color: #ffffff !important;
	font-weight: bold !important;
}

#misszizz_sixplayer 
{
	background-image: url(../images/theme/misszizz/misszizz_banner_home_slim.gif);
	background-repeat:no-repeat;
	width:655px;
	height:141px;
	cursor:pointer;
	padding:69px 0px 0px 5px;
	margin-top: 5px;
	margin-bottom: 15px;
}

#misszizz_sixplayer img
{
	border:none;
}

#misszizz_sixplayer a
{
	text-decoration:none;	
}

#misszizz_sixplayer td
{
	padding-left:2px	
}

div.star-rating-control
{
	display: none;
}

div#mzPlayerHomeBanner {
	width: 648px;
	height: 87px;
	background-image: url(../images/theme/misszizz/player_home_banner_bg.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 12px 0px 0px 12px;
}

div#mzPlayerHomeBanner img {
	border: 0px;
	float: left;
}

div#mzPlayerHomeBanner .text 
{
	width: 415px;
	float: left;
	padding:51px 0px 0px 15px;
	font-size :14px;
	color: #ccc;
}

div#mzPlayerHomeBanner .button {
	width: 133px;
	height: 39px;
	background-image: url(../images/theme/misszizz/btn_megnezem_off.gif);
	background-repeat:no-repeat;
	background-position: right bottom;
	float:left;
	margin-top: 38px;
	cursor:pointer;
}

div#mzPlayerHomeBanner .buttonOn {
	background-image: url(../images/theme/misszizz/btn_megnezem_on.gif);
}

div.postItem div, div.postItemOn div {
	width:570px;
}

div.postItem div a.mzLink, div.postItemOn div a.mzLink 
{
	color:#75009b;
}

/*---------- · Badges · ----------*/


div.badges {
	background-image: url(../images/follow_separator_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	width: 270px;
	float: left;
	padding-bottom: 15px;
	background-color: #ffffff;
}

div.badges span {
	color: #4096ee;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	display: block;
	margin: 15px 15px 7px 15px;
}

div.badges div
{
	padding:0 12px 0 13px;
}

div#morePosts {
	border-bottom: solid 1px #dddddd;
	margin-bottom: 30px;
}

a#morePostButton {
	background-image:url(../images/btn_more_off.gif);
	color: #333333;
	display:block;
	font-size: 18px;
	font-weight:bold;
	height:26px;
	margin:0 auto;
	overflow:hidden;
	padding:6px;
	text-align:center;
	text-decoration:none;
	width:383px;
}

a#morePostButton:hover {
	background-image:url(../images/btn_more_on.gif);
}
