/* ----------------------------------------------------------------
	Made by, FLERA DCG http://www.flera.se
---------------------------------------------------------------- */

/* ----------------------------------------------------------------
	body style attribute
---------------------------------------------------------------- */

body
{
	background: transparent url("graphics/bg_main.gif");
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
}

div#bg-x
{
	background: transparent url("graphics/bg_x.gif") repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	min-height: 450px;
}






/* ----------------------------------------------------------------
	Top Block
---------------------------------------------------------------- */

div#top
{
	/*background: transparent url("graphics/citywall_logo.png") no-repeat;*/
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	width: 1024px;
	height: 97px;
	overflow: hidden;
	display: block;
	clear: none;
}

div.top-logoarea
{
	/*background: transparent url("graphics/citywall_logo.png") no-repeat;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 203px;
	height: 97px;
	float: left;
}

div.top-banner
{
	/*background: transparent url("graphics/banners_tmp/468x60.gif") no-repeat;*/
	margin: 18px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 468px;
	height: 60px;
	float: right;
	display: block;
	background-color: #000000;
}

div#topmenuarea
{
	background: transparent url("graphics/topmenu_bg.gif") repeat-x;
	width: 1024px;
	height: 28px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	margin-bottom: 3px;
	vertical-align: baseline;
	display: block;
	clear: both;
}











/* ----------------------------------------------------------------
	Login Top Main block
---------------------------------------------------------------- */

div#TopLoginMainHolder
{
	width: 1024px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px; /*height: 111px;*/
}

div.TopLoginMainArea
{
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
	min-height: 109px;
	padding: 1px 1px 1px 1px; /**/ /*padding: 0.1em;  	 		height: 110px; 	width: 898px; 	display: inline-block;*/
}

div.TopLoginArea
{
	height: 135px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}



div#TopBannerHolder
{
	width: 1024px;
	margin: 0 auto;
	padding: 3px 0px 0px 0px;
}

div.TopBannerMainArea
{
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
}

div.TopBannerArea
{
	background-color: #000000;
	height: 105px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}


div.TopLoginLeftMember
{
	background: transparent url("graphics/bg_leftmenu.gif") repeat-x;
	float: left;
	width: 640px;
	height: 135px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.TopLoginLeftMemberSpace
{
	width: 620px;
	margin: 5px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
}

div.TopLoginLeftMemberSpace h6
{
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bolder;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
}


div.TopLoginRightLogin
{
	background: #000 url("graphics/bg_blackstripes.gif");
	float: right;
	width: 250px; /*width: 257px; */
	height: 135px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.LoginTopRight
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-decoration: none;
	color: #CCCCCC;
	width: 237px;
	overflow: hidden;
	margin: 10px 0px 10px 10px; /*padding: 10px 0px 10px 5px; 	*/
}

div.LoginTopRight h6
{
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF4090;
	font-weight: bolder;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
}

.LoginTabel
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-decoration: none;
	color: #fff;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
}

.JoinTabel
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	textdecoration: none;
	color: #333;
	font-style: normal;
	font-weight: bold;
	margin: 0px 0px 0px 0px; /*padding: 5px 10px 5px 10px;*/
}

.JoinTabelBkg
{
	padding: 0px 0px 0px 0px;
	height: 133px;
	margin: 5px 10px 5px 10px; /*margin-bottom: 3px;*/
}

.LoginTabel2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #333333;
	font-style: normal;
	font-weight: bold;
}

.LoginTabel2 a
{
	text-decoration: none;
	font-size: 7pt;
	color: #FF4090;
	font-style: normal;
	font-weight: bold;
}

.LoginTabel2 a:hover
{
	text-decoration: none;
	font-size: 7pt;
	color: #FF99FF;
	font-style: normal;
	font-weight: bold;
}















.inputter
{
	background: url("graphics/bg_inputterw.gif") repeat-x;
	vertical-align: middle;
	height: 13px;
	font-size: 10px;
	margin: 2px 0px 2px 0px;
	padding: 3px 6px;
	color: #333333;
	border: solid 1px #4f4f4f;
	width: 130px;
}

.InputProfile
{
	background: url("graphics/bg_inputterw.gif") repeat-x;
	font-size: 10px;
	margin: 2px 0px 2px 0px;
	padding: 3px 6px;
	color: #333333;
	border: solid 1px #ffcccd;
}

.inputterblack
{
	background: url("graphics/bg_inputter.gif") repeat-x;
	vertical-align: middle;
	height: 14px;
	font-size: 10px;
	margin: 2px 0px 2px 0px;
	padding: 3px 6px;
	color: #eeeeee;
	border: solid 1px #4f4f4f;
	width: 130px;
}

select
{
	/*background-color: #000000;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	width: 145px;
	border: solid 1px #4f4f4f;
	height: 16px;
}

/* petra forms design*/

.inputterForm
{
	background: url("graphics/bg_inputterForm.gif") repeat-x;
	height: 22px;
	margin: 2px 0px 2px 0px;
	color: #333;
	width: 150px; /**/
	border: solid 1px #b5bbab;
}

.inputterFormSelect
{
	background: #F4F6F2 url("graphics/bg_inputterFormTextBox.gif") repeat-x scroll 0%;
	border: 1px solid #B5BBAB;
	color: #333333;
	margin: 2px 0px;
	vertical-align: middle;
	height: 24px;
	width: 170px;
}

.inputterFormText
{
	background: url("graphics/bg_inputterForm.gif") repeat-x;
	vertical-align: middle;
	height: 17px;
	margin: 2px 0px 2px 0px;
	padding: 3px 6px;
	color: #333;
	width: 150px;
	border: solid 1px #b5bbab;
}

.inputterFormTextBox
{
	background: url("graphics/bg_inputterFormTextBox.gif") repeat-x;
	vertical-align: middle;
	padding: 3px 6px;
	color: #333;
	border: solid 1px #b5bbab;
}

option
{
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px 6px;
	height: 18px;
	font-size: 10px;
	color: #333333;
	width: 145px;
}

.optionblack
{
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 2px;
	height: 18px;
	font-size: 10px;
	width: 145px;
	color: #eeeeee;
}

.optionblack:hover
{
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 2px;
	height: 18px;
	font-size: 10px;
	width: 145px;
	color: #eeeeee;
}





/* --------------------------------------------------------------------------------------------------------------------------------
	BTN CSS inpbtn_black
-------------------------------------------------------------------------------------------------------------------------------- */

.inpbtn_black
{
	background: url("graphics/bg_btnblack.gif") repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	text-decoration: none;
	color: #FFFFFF;
	padding: 4px 10px 4px 10px;
	border: solid 1px #333333;
	text-transform: uppercase;
}

.inpbtn_black:hover
{
	background: url("graphics/bg_btnblack.gif") repeat-x;
	background-position: 0px -50px;
	color: #EEEEEE;
	border: solid 1px #333333;
	text-transform: uppercase;
	cursor: pointer;
}

/* BTN CSS inpbtn_pink ends  */




/* --------------------------------------------------------------------------------------------------------------------------------
	BTN CSS inpbtn_black
-------------------------------------------------------------------------------------------------------------------------------- */


.inpbtn_pink
{
	background: url("graphics/bg_btnpink.gif") repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	text-decoration: none;
	color: #fff;
	padding: 5px 8px 5px 8px;
	border: solid 1px #ce0569;
	text-transform: uppercase;
}

.inpbtn_pink:disabled
{
	background: url("graphics/bg_btnpink.gif") repeat-x;
	background-position: 0px -50px;
	border: solid 1px #000000;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
}

.inpbtn_pink:hover
{
	background: url("graphics/bg_btnpink.gif") repeat-x;
	background-position: 0px -50px;
	border: solid 1px #000000; /*border-color: #ce0569;*/
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
}

/* BTN CSS inpbtn_pink ends  */






/* --------------------------------------------------------------------------------------------------------------------------------
	NEW BTN CSS inpbtn_pink
--------------------------------------------------------------------------------------------------------------------------------

.inpbtn_pink { font-size: 12px; margin:0px 5px 8px 0px; display: block; position: relative; background: #aaa; padding: 5px; float: right; color: #FFFFFF; text-decoration: none; cursor: pointer; font-weight: bold; text-transform:uppercase; letter-spacing:}
.inpbtn_pink * { font-style: normal; background-image: url(graphics/btn2.png); background-repeat: no-repeat; display: block; position: relative; font-weight: bold; text-transform:uppercase; }
.inpbtn_pink i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; font-weight: bold; text-transform:uppercase; }
.inpbtn_pink span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; font-weight: bold; text-transform:uppercase; }
.inpbtn_pink span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; font-weight: bold; text-transform:uppercase; }
.inpbtn_pink span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; font-weight: bold; text-transform:uppercase; }
*  html .inpbtn_pink span,
* html .inpbtn_pink i { float: left; width: auto; background-image: none; cursor: pointer; } 
.inpbtn_pink { background: #cd0568; color: #FFFFFF; }
.inpbtn_pink:hover { background-color: #000000; color: #FFFFFF; }
.inpbtn_pink:active { background-color: #666666; color: #FFFFFF; }
.inpbtn_pink[class] {  background-image: url(graphics/shade.png); background-position: bottom; }
* html .inpbtn_pink { border-color: #cd0568; color: #FFFFFF; }
* html .inpbtn_pink:hover { border-color: #000000; color: #FFFFFF; }

  NEW BTN CSS inpbtn_pink ends  */






/* ----------------------------------------------------------------
	Cols Regular Main Block
---------------------------------------------------------------- */

div#ColsRegMainHolder
{
	background-color: #fff;
	width: 1024px;
	margin: 0 auto;
	padding: 0px 0px 5px 0px;
	display: block;
	overflow: hidden;
}

div.ColsRegMainArea
{
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0px 1px 1px 1px; /**/
	display: block;
}

div.ColsRegArea
{
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}

div.ColsRegContentArea
{
	background-color: #FFFFFF;
	float: left;
	width: 771px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	overflow: hidden;
	clear: both;
}

div.ColsRegRigntArea
{
	background: #000 url("graphics/bg_blackstripes.gif");
	float: right;
	width: 250px; /*width: 237px;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	clear: right; /*border:3px solid yellow;*/
}

div.TopRightBannerArea
{
	width: 250px; /*width: 237px;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #FFFFFF; /**/
	color: #eeeeee;
	background-color: #000000;
}


div.BottomRightBannerArea
{
	width: 250px; /*width: 257px;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #FFFFFF;
	color: #eeeeee;
	background-color: #000000;
}



div.FastInfoArea
{
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 15px 20px;
	color: #eeeeee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	vertical-align: top;
	border-bottom: 1px solid #FFFFFF;
}

div.FastInfoArea h6
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	color: #eeeeee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	font-style: normal;
	vertical-align: top;
	text-transform: uppercase;
	text-indent: -1px;
	word-spacing: -1px;
}

div.FastInfoArea h2
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #eeeeee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: normal;
	font-style: normal;
	vertical-align: top;
}

.FastInfoLinks
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FF4090;
	font-style: normal; /*font-weight: bold;*/
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
.FastInfoLinks a
{
	text-decoration: none;
	font-size: 8pt;
	color: #FF4090;
	font-style: normal; /*font-weight: bold;*/
}

.FastInfoLinks a:hover
{
	text-decoration: none;
	font-size: 8pt;
	color: #FD6DA1;
	font-style: normal; /*font-weight: bold;*/
}

div.WheatherArea
{
	background: #000 url("graphics/bg_blackstripes.gif");
	width: 237px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border-top: 1px solid #FFFFFF;
	color: #eeeeee;
}

div.WheatherArea h6
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #eeeeee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	vertical-align: top;
	text-transform: uppercase;
}

div.SearchArea
{
	background: #000 url("graphics/bg_blackstripes.gif");
	width: 230px; /*width: 237px;*/
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px; /*border-top: 1px solid #FFFFFF;*/
	color: #eeeeee;
	border-bottom: 1px solid #FFFFFF;
}
div.SearchAreaCompany
{
	background: #000 url("graphics/bg_blackstripes.gif");
	width: 230px; /*width: 237px;*/
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #FFFFFF; /**/
	color: #eeeeee;
}


div.SearchArea h6
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #FF4090;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	vertical-align: top;
	text-transform: uppercase;
}
div.SearchAreaCompany h6
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #FF4090;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	vertical-align: top;
	text-transform: uppercase;
}




/* ----------------------------------------------------------------
	Main Block split 2
---------------------------------------------------------------- */



div.ColsRegMainImagesArea
{
	background-color: #FFFFFF;
	float: left;
	width: 487px;
	margin: 0px 0px 5px 1px;
	padding: 0px 0px 0px 0px;
}

div.ColsRegMainContentArea
{
	background-color: #FFFFFF;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	float: left;
	width: 467px;
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
}

div.ColsRegMainContentAreaFirstPge
{
	background-color: #FFFFFF;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	float: left;
	width: 641px;
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
}

div.FirstPgeFlashMap
{
	background-color: #000000;
	float: left;
	width: 641px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	height: 284px;
}


div.TopNewsContent
{
	background-color: #000000;
	color: #eeeeee;
	font-size: 9pt;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	text-transform: uppercase;
}


div.ColsNewsContentArea
{
	background-color: #FFFFFF;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}

div.NewsContentItem
{
	width: 467px;
	height: 12px;
	overflow: hidden;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	font-style: normal;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}

div.NewsContentItem a
{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}

div.NewsContentItem a:hover
{
	color: #FF4090;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}


/* ----------------------------------------------------------------
	Blogger Fotter
---------------------------------------------------------------- */

div.TopFooterBlogger
{
	/*background-color: #000000;*/
	background: #000 url("graphics/blackheader_bkg.gif") repeat-x 0% 0%;
	display: block;
	clear: both;
	color: #FFFFFF;
	font-size: 9pt;
	font-weight: bold;
	margin: 1px 0px 0px 0px;
	padding: 5px 0px 5px 5px;
	text-transform: uppercase; /*width: 636px;*/
	width: 771px;
}

div.FooterBloggerArea
{
	display: block;
	clear: both;
	font-size: 8pt;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	width: 744px;
}

div.FooterBloggerArea h6
{
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bolder;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
}



/* ----------------------------------------------------------------
	Fotter Block
---------------------------------------------------------------- */


div#FooterBlock
{
	width: 1022px;
	margin: 0 auto;
	padding: 5px 0px 0px 0px;
	display: block;
	clear: both;
	overflow: hidden;
	border-top: 2px solid #000;
}

div.FooterBlockArea
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	display: block; /*color: #ff6699;*/
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: bold;
	font-style: normal;
}

.FooterBlockArea a
{
	/*color: #ff6699;*/
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: bold;
	font-style: normal;
}

.FooterBlockArea a:hover
{
	color: #D1116F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: bold;
	font-style: normal;
}




/* ----------------------------------------------------------------
	My styles attribute
---------------------------------------------------------------- */

div.MyPhoto
{
	color: #eeeeee;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 100%;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
}

div.MyPhoto h6
{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	color: #ff4090;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	vertical-align: top;
	text-transform: uppercase;
}
div.MyPhoto h6 a
{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	color: #ff4090;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	vertical-align: top;
	text-transform: uppercase;
}
.thumbnail
{
	/*border: solid 1px silver;*/
	padding: 2px;
	width: auto;
	height: auto;
}
div.MyRightArea
{
	/*background: #000 url("graphics/bg_blackstripes.gif");*/
	width: 230px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #FFFFFF;
	color: #eeeeee;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
}


div.MyRightArea h6
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #ff4090;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	vertical-align: top;
	text-transform: uppercase;
}
div.MyRightArea h6 a
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #ff4090;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	vertical-align: top;
	text-transform: uppercase;
}
div.MyRightAreaContent
{
	/*background: #000 url("graphics/bg_blackstripes.gif"); 	width: 230px;*/
	margin: 10px 0px 0px 0px; /*padding: 10px 10px 10px 10px; 	border-bottom: 1px solid #FFFFFF;*/
	color: #eeeeee;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
}
/*
#recentEventPanel {
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}
*/
.WebPageReferencesArea
{
	background: #000 url("graphics/bg_blackstripes.gif");
	width: 237px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border-top: 1px solid #FFFFFF;
	color: #eeeeee;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
}

.WebPageReferencesAreaNotFixedHeight
{
	background: #000 url("graphics/bg_blackstripes.gif");
	width: 237px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border-top: 1px solid #FFFFFF;
	color: #eeeeee;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
}
.WebPageReferencesArea h6 a
{
	color: #eeeeee;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
}

.WebPageReferencesArea h6 a
{
	color: #eeeeee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	text-transform: uppercase;
}

.WebPageReferencesAreaNotFixedHeight h6 a
{
	color: #eeeeee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	text-transform: uppercase;
}

div.MyProfileContentArea
{
	background-color: #FFFFFF;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	float: left;
	width: 570px;
	margin: 0px 0px 10px 1px;
	padding: 0px 0px 0px 0px; /*border: #000000 solid 1px;*/
}


/* --- petra --- */
/* --- personal banner in "my pages" (mina sidor) --- */



div#PersonalBannerHolder
{
	width: 771px;
	margin: 0 auto;
	padding: 3px 0px 0px 0px;
}
div.PersonalBannerImage
{
	/*background-image: url("graphics/tmp-PersonalBannerImage.jpg")  ; */ /* the path needs to be changed to the correct one*/ /*background-repeat: no-repeat;*/ /*height: 110px;*/ /*height: 268px; 	max-height: 268px;*/
	width: 771px;
	max-width: 771px;
	overflow: hidden;
}
div.PersonalBannerMainArea
{
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
}

div.PersonalBannerArea
{
	background-color: #000000;
	height: 766px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

/* --- petra --- */
.TopHeadlineBox
{
	background: #000 url("graphics/blackheader_bkg.gif") repeat-x 0% 0%;
	display: block;
	clear: both;
	margin: 0px 0px 3px 0px;
	padding: 5px 0px 5px 5px;
	width: 100%; /*	color: #FFFFFF; 	font-size: 9pt; 	font-weight: bold; 	text-transform: uppercase; */
}
h1, .TopHeadlineBox
{
	color: #FFFFFF;
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
}
h2, .TopHeadlineBox
{
	color: #FFFFFF;
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
}


div.MyPersonalContentArea
{
	background-color: #FFFFFF;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	float: left;
	width: 467px;
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
}

div.MyWallContentArea
{
	background-color: #FFFFFF;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	float: left;
	width: 467px;
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
}

div.MyWallDate
{
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: bold;
	font-style: normal;
}







div.MyRssArea
{
	background: #000 url("graphics/bg_blackstripes.gif");
	width: 237px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border-top: 1px solid #FFFFFF;
	color: #eeeeee;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
}

div.MyRssArea h6
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #FF9900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	vertical-align: top;
	text-transform: uppercase;
}

div.MyRssArea a
{
	color: #eeeeee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}

div.MyRssArea a:hover
{
	color: #FF9900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}

div.MyRssDate
{
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	font-style: normal;
}


div.MyRssSideLink
{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}









div.MyLinksArea
{
	background: #000 url("graphics/bg_blackstripes.gif");
	width: 237px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border-top: 1px solid #FFFFFF;
	color: #eeeeee;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
}

div.MyLinksArea h6
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #eeeeee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	vertical-align: top;
	text-transform: uppercase;
}

div.MyLinksArea a
{
	color: #eeeeee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}

div.MyLinksArea a:hover
{
	color: #FF4090;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}

div.MylinksDate
{
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	font-style: normal;
}


div.MyLinksSideLink
{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}



div.ColsRegMainContentAreaFriendsPge
{
	/*background-color: #f6f6f6; 	border: 1px solid #d9d9d9;*/
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	float: left;
	width: 570px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	display: block; /*border-top: 1px solid #eeeeee;*/
}





/* ----------------------------------------------------------------
	Friends styles attribute
---------------------------------------------------------------- */


div.ColsFriendsContentArea
{
	background-color: #FFFFFF;
	float: left;
	width: 1024px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	overflow: hidden;
	clear: both;
}

div.MyFriendsContentArea
{
	background-color: #FFFFFF;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	float: right;
	width: 823px; /*border:#000 1px solid;*/
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}






div.FriendsPhotoArea
{
	margin: 0px 10px 0px 0px;
	padding: 0px 10px 0px 10px;
	width: 53px;
	float: left;
	text-align: left;
	vertical-align: middle;
}


div.FriendsEditArea
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 480px;
	display: block;
}

div.FriendsNameArea
{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	clear: both;
}
div.FriendsBtnArea
{
	margin: 5px 0px px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	clear: both;
}



div.FriendsHeadder
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	vertical-align: top;
	float: left; /*width: 500px;*/
	display: block;
}

div.FriendsHeadder h6 a
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	vertical-align: top;
	float: left; /*width: 500px;*/
	display: block;
}

div.FriendsOnline
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 50px;
	display: block;
	text-align: right;
}

div.FriendsBtn
{
	margin: 10px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	vertical-align: middle;
	float: left;
	display: block;
	height: 15px;
}

div.FriendsBtn2
{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	vertical-align: top;
	float: right;
	width: 400px;
	display: block;
	text-align: right;
}

div.FriendsWidgets
{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	vertical-align: top;
	float: right; /*float: left; 	width: 550px;*/
	display: block;
	text-align: left;
	height: 22px;
	vertical-align: middle;
}

div.recentEventOptionPanel
{
	color: #000;
	position: absolute;
	width: 150px;
	background-color: #fff;
	border: 1px solid #000;
	padding: 5px;
	display: none;
}



/* ----------------------------------------------------------------
	Company listing - h3 -  styles attribute
---------------------------------------------------------------- */


.CompanyListingPink
{
	color: #FF4090;
}
h3, .CompanyListingPink
{
	color: #FF4090; /*font-size: 11pt; 	font-family: Arial, Helvetica, sans-serif; 	font-weight: bolder; 	margin: 10px 0px 0px 0px; 	padding: 0px 0px 0px 0px; 	text-transform: uppercase;*/
}



/* ----------------------------------------------------------------
	Common styles attribute
---------------------------------------------------------------- */


a
{
	/*font-family: Arial, Helvetica, sans-serif; 	font-style: normal; 	line-height: normal; 	font-weight: normal; 	font-variant: normal;*/
	text-decoration: none;
	color: #FF4090;
}

a:hover
{
	/*font-family: Arial, Helvetica, sans-serif; 	font-style: normal; 	line-height: normal; 	font-weight: normal; 	font-variant: normal;*/
	color: #669900;
	text-decoration: none;
}

h1
{
	font-size: 16pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
}

h2
{
	font-size: 14pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h3
{
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: bolder;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
}

h4
{
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: bolder;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
}

h5
{
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bolder;
	margin: 2px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
}


h6
{
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bolder;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
}

img
{
	border: none;
	behavior: url("pngbehavior.htc");
}

hr
{
	background: transparent url("graphics/hr.gif");
	height: 1px;
	color: #cecec1;
	border: none;
	clear: both;
}

html*hr
{
	background: transparent url("graphics/hr.gif");
	height: 1px;
	color: #B4C7D3;
	border: none;
	clear: both;
}

.launchtabel, .launchtabel td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	text-decoration: none;
	background-color: #E3E4DA;
	border-bottom: 1px solid #cccdc3;
	text-align: left;
	border-top: 1px solid #FFFFFF;
}

/*
th {
	background: transparent url(graphics/bg_normaltop.gif) repeat-x scroll 0%;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 4px;
}

.th {
	background: transparent url(graphics/bg_normaltop.gif) repeat-x scroll 0%;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 4px; 
}
*/


/* banner admin layout */
#banner-wrapper
{
	text-align: left;
	margin: 0px auto;
	margin-top: 15px;
	padding: 0px;
	border: 0;
	width: 700px;
}

#banner-left
{
	float: left;
	width: 230px;
	margin-right: 5px;
}

#banner-right
{
	margin: 0;
	float: left;
	width: 460px;
	height: 1% /* Holly hack for Peekaboo Bug */;
}

.banner-box
{
	border: 1px solid #555;
	margin-bottom: 5px;
	padding: 4px;
}

.banner-modal-popup
{
	padding: 5px;
	display: none;
	cursor: default;
}

.banner-modal-popup ul li
{
	list-style-type: none;
}

/* company listring laout */
.companylisting-modal-popup
{
	padding: 5px;
	display: none;
	cursor: default;
}

.companylisting-modal-popup ul li
{
	list-style-type: none;
}

/* resource list admin layout */
#resource-list-wrapper
{
	text-align: left;
	margin: 0px auto;
	margin-top: 15px;
	padding: 0px;
	border: 0;
	width: 725px;
}

#resource-list-left
{
	float: left;
	width: 255px;
	margin-right: 5px;
}

#resource-list-right
{
	margin: 0;
	float: left;
	width: 460px;
	height: 1% /* Holly hack for Peekaboo Bug */;
}

.resource-list-box
{
	border: 1px solid #555;
	margin-bottom: 5px;
	padding: 4px;
}

div.AboutUs
{
	padding: 0px 25px 30px 25px;
}

/* This one already exists and should look as it does*/
/* --- Petra
div.TopLoginMainArea {
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0.5px 0.5px 0.5px 0.5px;
}
These should be added to the current CSS*/
div.TopLoginMainAreaBackgroundImage
{
	background-image: url("Images/welcome_top.png"); /* the path needs to be changed to the correct one*/
	height: 109px;
	width: 1022px;
}

div.TopLoginMainAreaBreadText
{
	color: #ffffff;
	text-align: left;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	width: 540px;
	float: left;
	padding: 20px 0px 20px 20px;
	max-height: 50px;
	overflow: hidden;
}

div.TopLoginMainAreaBreadText h2
{
	color: #fd6da1;
	font-size: 16pt;
	text-transform: none;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
}


/* tag bubble */
div.tag-cloud a
{
	padding: 3px;
}

a.tag-cloud-size-1
{
	font-size: 1.9em;
}

a.tag-cloud-size-2
{
	font-size: 1.5em;
}

a.tag-cloud-size-3
{
	font-size: 1.4em;
}

a.tag-cloud-size-4
{
	font-size: 1.2em;
}

a.tag-cloud-size-5
{
	font-size: 1.0em;
}

table.left-side-friend-list div.full-name-link
{
	padding-top: 3px;
	overflow: hidden;
	width: 53px;
}

.full-name-link a
{
	color: #333333;
	text-decoration: none;
}

.full-name-link a:hover
{
	color: #FF4090;
	text-decoration: none;
}

div.cityImagePanel {
	display: block;
	clear: both;
	overflow: hidden;
	width: 570px;
}