body
{
	background-color:#000000;
	background-image: url(../pictures/bg-body.gif);
	background-repeat: repeat-y;
	width:900px;
	font-family:Verdana;
	font-size:10px;
	padding:0px;
	margin:0px;
	padding-left:60px;
	position:relative;
	height:100%;
}

img
{
	border-style:none;
}

h1
{
	font-size:16px;
	border-bottom:solid 1px #000000;
}

.clear
{
	clear:both;
}

a,
a:link,
a:active,
a:hover,
a:visited
{
	color: #000000;
}


/* Header */

#Header
{
	position:relative;
	background-color: #000000;
	height:169px;
}

#Header #Navigation
{
	margin-top:22px;
}

#Header #Navigation #MetaNav
{
	margin-bottom:20px;
}

#Header #Navigation #MetaNav,
#Header #Navigation #MetaNav a:link,
#Header #Navigation #MetaNav a:active,
#Header #Navigation #MetaNav a:visited
{
	font-family:verdana;
	font-size:10px;
	color:#979899;
	text-decoration:none;
}

#Header #Navigation #MetaNav a:hover
{
	font-family:verdana;
	font-size:10px;
	color:#ffffff;
	background-color:#262626;
	text-decoration:none;
}

#Header ul.MainNav
{
	width:135px;
	margin-right:40px;
	margin-left:0px;
	padding: 0px 0px 0px 0px;
	float:left;
	border-bottom:dotted 1px #404040;
}

#Header ul.MainNav li
{
	border-top:dotted 1px #404040;
}

#Header #Logo
{
	position:absolute;
	top:10px;
	left:805px;
}

#Header #XymaraLogo
{
	position:absolute;
	bottom:15px;	
	left:400px
}

#Header #ColorBar
{
	position:absolute;
	bottom:0px;
	left:0px;
}

#Content
{
	width:100%;
	position:relative;
}

#XymaraTitle
{
	position: absolute;
	float: right;
	bottom: 4px;
	right: 0px;
	color: #ffffff;
	font-size: 18px;
}

/* Template with two columns */

#Content #TwoColumns
{
	width:100%;
	background-color:#F2F2F4;
	position:relative;
}

#Content #TwoColumns #LeftColumn
{
	width:490px;
	padding:25px;
	float:left;
}

#Content #TwoColumns #RightColumn
{
	width:359px;
	overflow:hidden;
	border-left:solid 1px #000000;
	background-color:#FBFBFB;
	float:left;
	height:100%;
}

fieldset#fsRegister
{
	border-style:none;
	padding-bottom:20px;
	border-bottom:solid 1px #000000;
	width:300px;
}

#LoginBox
{
	position: relative;
	padding: 10px 20px 20px 20px;
}

fieldset
{
	position: relative;
	border-style:none;
}

fieldset p
{
	position: relative;
	display: block;
	margin:0px;
	padding: 0px 0px 4px 0px;
}

fieldset p input.button
{
	position: relative;
	top: 2px;
}

fieldset p label
{
	position: relative;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	display:block;
}

fieldset p input.txt
{
	position: relative;
	border:solid 1px #B4B4B6;
}

/* Template with two columns - Portal Version */

#Content #XymaraPortal
{
	width:100%;
	position:relative;
}

#Content #XymaraPortal #LeftColumn
{
	width:560px;
	padding:25px;
	float:left;
}

#Content #XymaraPortal #RightColumn
{
	width:289px;
	overflow:hidden;
	border-left:solid 1px #000000;
	background-color:#FBFBFB;
	float:left;
	height:100%;
}

/* myXymara */

#myXymara
{
	position:relative;
	clear:both;
}

#myXymara #myXymaraHeader
{
	position:relative;
	background-color:#FFFFFF;
	width:538px;
	height:70px;
	margin:0px;
	padding:0px;
	margin-bottom:0px;
	border-bottom:solid 1px #000000;
}

#myXymara #myXymaraHeader h1
{
	padding: 8px 8px 0px 8px;
	
	font-family:bold;
	font-family:Verdana;
	font-size:14px;
	border-style:none;
	font-style:italic;
}

#myXymara #myXymaraHeader h2
{
	padding: 0px 8px 0px 8px;
	
	font-weight:normal;
	font-family:Verdana;
	font-size:14px;
	border-style:none;
	color:#818181;
}

#myXymara #myXymaraHeader #Time
{
	position:absolute;
	display: block;
	right:10px;
	top:0px;
	padding: 8px 8px 8px 8px;
	margin: 0px 0px 0px 0px;
}

#myXymara #myXymaraHeader ul
{
	margin-top:0px;
	position:absolute;
	bottom:-3px;
	right:0px;
	list-style-type:none;
}

#myXymara #myXymaraHeader ul li
{
	float:left;
	margin-left:10px;
}

#myXymara #myXymaraHeader ul li img
{
	cursor:pointer;
}

#myXymara table tr td
{
	vertical-align:top;
}

#myXymara #DropAreaLeft
{
	/*position:relative;*/
	width:261px;
	min-height:400px;
	/*float:left;*/
	margin-right:10px;
	z-index:4000;
	/*border:dashed 1px #ff0000;*/
}

#myXymara #DropAreaRight
{
	/*position:relative;*/
	width:261px;
	z-index:4000;
	min-height:400px;
	/*float:left;*/
	/*border:dashed 1px #ff0000;*/
}

#myXymara .myXymaraBox
{
	width:261px;
	background-color:#FFFFFF;
	margin-bottom:20px;
}

#myXymara .myXymaraBox .Title
{
	height:21px;
	padding:2px;
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	cursor:move;
}

.myXymaraBox .boxItem
{
	border-bottom:dotted 1px #7F7F7F;
	padding:2px 5px 2px 5px;
}

.myXymaraBox .noResultItem
{
	padding:2px 5px 2px 5px;
}

.myXymaraBox .boxItem .thumbnail
{
	width:45px;
	height:42px;
	float:left;
	overflow:hidden;
}

.myXymaraBox .boxItem a
{
	color:#000000;
}

.myXymaraBox .Title
{
	/*background-color:#F1B500;*/
	background-image:url(../pictures/bg-header-box.gif);
}

.myXymaraBox .CloseBtn
{
	width:10px;
	height:10px;
	position:absolute;
	right:8px;
	top:9px;
	cursor:pointer;
	margin:0px;
	padding:0px;
	background-image:url(../pictures/btn-xymarabox-close.gif);
}

.myXymaraBox .OpenBtn
{
	width:10px;
	height:10px;
	position:absolute;
	right:8px;
	top:9px;
	cursor:pointer;
	margin:0px;
	padding:0px;
	background-image:url(../pictures/btn-xymarabox-open.gif);
}

#Profile
{
	width: 538px;
}


#fsProfile,
#fsChangePassword
{
	border-style:none;
	padding-bottom:20px;
}

#fsProfile p,
#fsChangePassword p
{
	
}

#fsProfile p label,
#fsChangePassword p label
{
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	display:block;
	width:200px;
	float:left;
}

#fsProfile p input.txt,
#fsChangePassword p input.txt
{
	width:200px;
	font-family:Verdana;
	font-size:10px;
}

#RightColumn #TopStylings div
{
	float:left;
	width:140px;
}

#RightColumn #TopStylings div img
{
	width:112px;
	height:25px;
	overflow:hidden;
}

/* MyArticles */

#MyArticles
{
	clear:both;
}

#MyArticles .boxItem
{
	clear:both;
}

#MyArticles .boxItem a
{
	width:170px;
	margin:2px 0px 2px 5px;
	display:block;
	float:left;
}

img.deleteBtn
{
	margin:5px 5px 0px 5px;
	cursor:pointer;
}

.boxFooter
{
	margin-top:5px;
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
	padding:4px 0px 4px 0px;
}

.boxFooter a
{
	border-right:solid 1px #000000;
	padding-right:10px;
	padding-left:10px;
	text-decoration:underline;
	cursor:pointer;
}

/* Login */
/*#LeftColumn #Login p label
{
	width:150px;
	float:left;
	display:block;
}

#LeftColumn #Login p input
{
	font-family:Verdana;
	font-size:10px;
}*/

.errorMessage
{
	color: #FF0000;
}

body.popup
{
	margin:0px;
	padding: 0px;
	width: auto;
}

#popup_logo
{
	margin:30px 0px 20px 400px;
}

#popup_colorbar
{
}

#popup_content
{
	background-color:#F2F2F3;
	width:600px;
	padding:20px 0px 0px 0px;
}

#CockpitRightColumn
{
	position: relative;
	height: 100%;
	padding: 20px 0px 0px 0px;
	border: 1px solid #aeaeae;
	border-left: 0px;
	background-color: #000000;
}

#CockpitRightColumn div.box
{
	position: relative;
	padding: 10px 30px 10px 30px;
	background-image: url(../pictures/bg-separator-rightbox.gif);
	background-repeat: no-repeat;
	background-position: left bottom;

	color: #aeaeae;
}


#CockpitRightColumn div.box h1
{
	position: relative;
	padding: 0px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #ffffff;
	
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
}

#CockpitRightColumn div.box a
{
	/*display: block;
	padding: 6px 0px 6px 18px;
	background-image: url(../pictures/bg-rightbox-link-pdf.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;*/
	color: #aeaeae;
}

ul#Effects
{
	position: relative;
	clear: both;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	list-style: none outside;
}

ul#Effects li
{
	float: left;
	display: block;
	width: 112px;
	height: auto;
	padding: 0px 2px 4px 0px;
}

#Footer
{
	border:solid 1px #333333;
	color:#979899;
	background-color:#000000;
	font-family:Verdana;
	font-size:10px;
	padding:3px;
	margin:0px 0px 10px 0px;
	clear:both;
}

#footer_copyright
{
	float:left;
	position:relative;
}

#footer_links
{
	float:right;
	z-index:99;
	position:relative;
}

#footer_links a,
#footer_links a:link,
#footer_links a:hover,
#footer_links a:active,
#footer_links a:visited
{
	color:#979899;
	text-decoration: none;
}

#MyFavouriteEffectMixes .pictureBlock
{
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
}

#MyFavouriteEffectMixes .textBlock
{
	position: relative;
	float: left;
	width: 180px;
	margin-left: 10px;
}

#MyFavouriteEffectMixes .pictureBlock a,
#MyFavouriteEffectMixes .pictureBlock a img
{
	position: relative;
	float: left;
	width: 20px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


#MyCalendar .boxItem img, #MyFavouriteEffects .boxItem img, #MyFavouriteEffectMixes .boxItem img
{
	position: relative;
	float: right;
	margin:5px 5px 0px 5px;
	cursor:pointer;
}

#Header #Search
{
	position:absolute;
	left:640px;
	top:20px;
	background-color:#000000;
	background-image:none;
	width:200px;
	height:30px;
}

#Header #Search input
{
	float:left;
	border:solid 1px #686868;
	background-color:#000000;
	color:#A1A1A1;
	font-size: 10px;
	padding: 1px 1px 0px 1px;
}

#Header #Search img
{
	cursor:pointer;
}