*, html, body, ul, li
{
	margin: 0;
	padding: 0;
}
a
{
	color: #272829;
	text-decoration: none;
}
ul
{
	list-style: none;
}
body
{
	background: #e5e5e6;
	font-family: Arial, Sans-Serif;
	color: #202125;
}
.clear
{
	clear: both;
}
img
{
	border: 0;
}

/* A number with a background */
.picNumber
{
	width: 23px;
	height: 24px;
	padding-top: 5px;
	padding-left: 10px;
	font-size: 14px;
	color: White;
	display: block;
	background: url(/images/bg_pic_number.png) no-repeat left top;
}

/********* Text Inputs *********/
input, textarea
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
}
.inputContainer input
{
	display: block;
	border: none;
	width: 162px;
	height: 17px;
	padding: 4px;
	font-size: 12px;
	background: url(/images/home_bg_input.png) no-repeat;
}
.formTxtInput
{
	display: block;
	border: none;
	width: 182px;
	height: 17px;
	padding: 4px;
	font-size: 12px;
	background: url(/images/bg_edit_profile_input.png) no-repeat;
}
.searchInput
{
	display: block;
	border: none;
	width: 220px;
	height: 21px;
	padding: 5px;
	font-size: 15px;
	background: url(/images/bg_search_input.png) no-repeat;
}
/********* End Text Inputs ***********/

/********* Buttons ************/
.button
{
	display: block;
	border: none;
	color: white;
	background-repeat: no-repeat;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
}
/* There are only a few button styles */
.grayBtn
{
	width: 185px;
	height: 31px;
	padding-top: 12px;
	color: #2d3035;
	font-size: 14px;
	text-align: left;
	text-indent: 10px;
	background: url(/images/btn_gray.png);
}
.blueActionBtn
{
	padding-top: 8px;
	width: 73px;
	height: 24px;
	background: url(/images/btn_action.png);
}
input.blueActionBtn
{
	height: 32px;
	padding-bottom: 10px;
}
.longBlueActionBtn
{
	padding-top: 8px;
	width: 113px;
	height: 24px;
	background: url(/images/btn_long_blue_action.png);
}
.redActionBtn
{
	padding-top: 8px;
	width: 73px;
	height: 24px;
	background: url(/images/btn_action_red.png);
}
.grayActionBtn
{
	padding-top: 6px;
	width: 98px;
	height: 22px;
	background: url(/images/btn_action_gray.png);
}
.grayBigActionBtn{
	padding-top: 13px;
	width: 128px;
	height: 30px;
	font-size: 14px;
	font-weight: bold;
	background: url(/images/btn_action_gray_big.png);
}
.greenActionBtn
{
	padding-top: 3px;
	width: 93px;
	height: 20px;
	background: url(/images/btn_action_green.png);
}
.greenBoldBorderBtn
{
	color: White;
	padding-top: 6px;
	width: 166px;
	height: 27px;
	background: url(/images/btn_big_green_bold_border.png);
}
input.greenBoldBorderBtn
{
	padding-top: 0;
	padding-bottom: 2px;
	height: 33px;
}
.blackBoldBorderBtn
{
	color: white;
	width: 194px;
	height: 30px;
	background: url(/images/btn_big_black_border.png);
	padding-top: 6px;
	font-size: 18px;
}
.grayBoldBorderBtn
{
	color: #333;
	font-size: 15px;
	padding-top: 12px;
	width: 216px;
	height: 30px;
	background: url(/images/btn_gray_boldborder.png);
}
.blackActionBtn
{
	width: 73px;
	height: 25px;
	padding-top: 7px;
	background: url(/images/btn_black.png);
}

.blackActionBtnWider
{
	width: 83px;
	height: 25px;
	padding-top: 7px;
	background: url(/images/btn_black_wider.png);
}

.longRedActionBtn
{
	width: 291px;
	height: 25px;
	padding-top: 7px;
	background: url(/images/btn_long_red_action.png);
}
.leftArrowBtn
{
	width: 65px;
	height: 24px;
	padding-top: 8px;
	background: url(/images/btn_leftarrow.png);
}
.rightArrowBtn
{
	width: 65px;
	height: 24px;
	padding-top: 8px;
	background: url(/images/btn_rightarrow.png);
}
/********* END Buttons **********/

/********* Dialogs ************/
.dialog
{
	position: absolute;
	z-index: 1000;
}
.dialog .dialogTop
{
	width: 473px;
	height: 50px;
	background: url(/images/bg_friend_invite_dialog_top.png) no-repeat;
}
.dialog .dialogTop h1
{
	padding-top: 22px;
	margin-left: 165px;
	font-size: 16px;
	color: #fff;
	font-weight: normal;
}
.dialog .dialogMiddle
{
	text-align: left;
	width: 473px;
	background: url(/images/bg_friend_invite_dialog_middle.png) repeat-y;
}
.dialog .dialogBottom
{
	width: 473px;
	height: 32px;
	background: url(/images/bg_friend_invite_dialog_bottom.png) no-repeat bottom left;
}
.dialog .dialogBottom .button
{
	float: left;
	position: relative;
	display: inline;
	margin-left: 348px;
	margin-top: -10px;
}
/* Dialog 2 */
.dialog2 {
	width: 695px;
	color: white;
}
.dialog2 .dialog2Top {
	position: relative;
	height: 50px;
	padding-top: 1px;
	background: url(/images/bg_no_clan_dialog_top.png) no-repeat center top;
}
.dialog2 .dialog2Top .leftArrowBtn{
	position: absolute;
	left: 12px;
	top: 10px;
}
.dialog2 .dialog2Top h1 {
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	margin: 0;
	padding: 0;
	margin-top: 32px;
}
.dialog2 .dialog2Middle {
	padding-bottom: 1px;
	background: url(/images/bg_no_clan_dialog_middle.png) repeat-y center ;
}
.dialog2 .dialog2Middle .descMsg {
	width: 485px;
	font-size: 16px;
	color: white;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	text-align: center;
}
.dialog2 .actionBlocks .blockItem {
	float: left;
	display: inline;
	font-size: 12px;
	width: 230px;
	background-repeat: no-repeat;
	background-position: 5px 25px;
}
.dialog2 .actionBlocks .blockItem p {
	margin-left: 60px;
	line-height: 1.7em;
}
.dialog2 .dialog2Bottom {
	height: 32px;
	background: url(/images/bg_no_clan_dialog_bottom.png) no-repeat center top;
}
	/*		Dialog2 NoClan		*/
.dialog2 .noClanActionBlocks .createClanBlock, .dialog2 .actionBlocks .seeRequestsBlock{
	margin-top: 65px;
}
.dialog2 .noClanActionBlocks .blockItem .grayActionBtn {
	margin-left: 125px;
}
.dialog2 .noClanActionBlocks .createClanBlock {
	margin-left: 30px;
	background-image: url(/images/bg_create_clan_block.png);
}
.dialog2 .noClanActionBlocks .seeRequestsBlock {
	margin-left: 150px;
	background-image: url(/images/bg_see_requests_block.png);
}
	/*		Dialog2	NoMemberCrate	*/
.dialog2 .noMemberCreateActionBlocks {
	padding-top: 30px;
}
.dialog2 .noMemberCreateActionBlocks h2 {
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}
.dialog2 .noMemberCreateActionBlocks .blockItem {
	width: 260px;
	padding-bottom: 40px;
}
.dialog2 .noMemberCreateActionBlocks .noMemberCreateForm {
	padding-top: 17px;
}
.dialog2 .noMemberCreateActionBlocks .noMemberCreateForm .formInputs{
	float: left;
	display: inline;
}
.dialog2 .noMemberCreateActionBlocks .noMemberCreateForm .submitBtns{
	float: left;
	display: inline;
}
.dialog2 .noMemberCreateActionBlocks .loginBlock {
	padding-left: 40px;
}
.dialog2 .noMemberCreateActionBlocks .signUpBlock {
	padding-left: 120px;
}
.dialog2 .noMemberCreateActionBlocks .noMemberCreateForm .formTxtInput{
	background: url(/images/bg_no_member_create_form_input.png) no-repeat;
	width: 150px;
	margin-bottom: 3px;
}
.dialog2 .noMemberCreateActionBlocks .noMemberCreateForm .grayActionBtn {
	margin-top: 12px;
}

.contactDialog .dialogTop {
	width: 509px;
	height: 40px;
	background: url(/images/bg_contact_dialog_top.png) no-repeat center top;
}
.contactDialog .dialogMiddle{
	width: 509px;
	background: url(/images/bg_contact_dialog_middle.png) repeat-y center;
}
.contactDialog .dialogBottom{
	width: 509px;
	height: 30px;
	background: url(/images/bg_contact_dialog_bottom.png) no-repeat center bottom;
}
/********* END Dialogs ********/

/* Small Ad Items */
.smallAdItem
{
	width: 162px;
	height: 65px;
}
.smallAdItem a, .smallAdItem img
{
	border: none;
}
.smallAdItem .leftImg
{
	float: left;
	border: solid 1px #cccccc;
	margin-top: 7px;
	margin-right: 6px;
}
.smallAdItem .rightTxt
{
	float: left;
	color: #272829;
	font-size: 12px;
	margin-top: 9px;
}
.smallAdItem .BlockA_left
{
	width: 8px;
	height: 65px;
	float: left;
	background: url(/images/WatchAdAds_61_1.png) no-repeat left top;
}
.smallAdItem .BlockA_middle
{
	width: 147px;
	height: 65px;
	float: left;
	background: url(/images/WatchAdAds_61_3.png) repeat-x left top;
}
.smallAdItem .BlockA_right
{
	width: 7px;
	height: 65px;
	float: left;
	background: url(/images/WatchAdAds_61_4.png) no-repeat left top;
}

/* this style applys to elements such as user profile block of 'You' page */
.recDropShadowPic
{
	position: relative;
	width: 52px;
	height: 60px;
}
.recDropShadowPic img
{
	position: absolute;
	width: 44px;
	height: 52px;
	left: 4px;
	top: 4px;
}
.recDropShadowPic .ring
{
	position: absolute;
	width: 52px;
	height: 60px;
	top: 0;
	left: 0;
	background: url(/images/bg_rec_drop_shadow_pic.png) no-repeat;
}

/* ringPic == the picture wrapped with the blue crystal ring */
.ringPic
{
	width: 78px;
	height: 77px;
	position: relative;
}
.ringPic img
{
	position: absolute;
	left: 11px;
	top: 9px;
	width: 49px;
	height: 49px;
}
.ringPic .ring
{
	width: 78px;
	height: 79px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/images/fg_user_head.png) no-repeat;
}
/* Another RingPic with a smaller size */
.ringPicSmall
{
	width: 62px;
	height: 62px;
	position: relative;
}
.ringPicSmall img
{
	position: absolute;
	left: 9px;
	top: 8px;
	width: 37px;
	height: 37px;
}
.ringPicSmall .ring
{
	width: 62px;
	height: 62px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/images/ring_small.png) no-repeat;
}
/* Another RingPic with a bigger size */
.ringPicBig
{
	width: 103px;
	height: 105px;
	position: relative;
}
.ringPicBig img
{
	position: absolute;
	left: 15px;
	top: 13px;
	width: 65px;
	height: 65px;
}
.ringPicBig .ring
{
	width: 103px;
	height: 105px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/images/ring_big.png) no-repeat;
}

/* 'about the concept', 'blog', 'contact', etc. */
.contactLinksContainer a
{
	font-size: 12px;
}
.contactLinksContainer a:hover
{
	text-decoration: underline;
}

/* Top Navigator (Common Part) */
.topNav li
{
	display: inline;
	float: left;
}
.topNav li a
{
	width: 140px;
	height: 38px;
	display: block;
	text-align: center;
	padding-top: 7px;
	color: #dcdcde;
	font-size: 23px;
	background: url(/images/bg_top_nav.png) no-repeat center;
}



.topNav li a.current
{
	background: url(/images/bg_top_nav_hover.png) no-repeat center;
}


.topNav li a:hover
{
	background: url(/images/bg_top_nav_hover2.png) no-repeat center;
}


.formTxtInputDiv
{
     display:inline; 
     padding:4px; 
     padding-top:2px; 
     padding-bottom:5px;	
     width: 182px;
     background: url(/images/bg_edit_profile_input.png) no-repeat;
}


.dialog2 .noMemberCreateActionBlocks .noMemberCreateForm .error{
    padding:5px;
    font-size:11px;
    background-color:#faf7c3;
}

.dialog2 .noMemberCreateActionBlocks .noMemberCreateForm .error ul
{
    list-style-type:disc;
    margin-left:10px;
}

.popuptopNewTitle
{
    color:White;  
    text-align:center; 
    padding-top :20px;
    padding-left:10px;
}

.popuptopNewClose
{
    float:right; 
    padding-right:20px; 
    padding-top:8px;
}

.greenActionBtnNew
{
    background:transparent url(/images/btn_action_green.png);
    height:20px;
    padding-top:3px;
    width:93px;
   
    border:medium none;
    color:white;
    display:block;
    font-size:12px;
    text-align:center;
    text-decoration:none;
    float:left;
}


.poopTextNewLink
{
    color:White;
    text-decoration:underline;   
    
}