/************************* SELECT MENU ***************************/

.marsSelectMenu
{
	position:absolute;
	overflow:auto;
	z-index:100;
	background:#F6F6F6;
	border-radius:5px;
	border:1px solid #AAA;
	display:none;
}

.marsSelectSection
{
	font-size:14px;
	text-align:center;
	padding:2px 3px;
	height:16px;
	overflow:hidden;
}

.marsSelectOption
{
	font-size:12px;
	text-align:left;
	padding:2px 3px;
	height:14px;
	cursor:pointer;
	overflow:hidden;
}

.marsSelectOption.selected, .marsSelectOption:hover
{
	background:#DADADA;
}



/************************* LIST CATEGORIES ***************************/

.marsListWrapper
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	overflow:auto;
}

.marsListCategories
{
	position:absolute;
	left:0px;
	top:30px;
	height:100%;
}

.marsListCategory, .marsListMark
{
	position:absolute;
	top:0px;
	background:#004d79;
	border-radius:4px;
	padding:35px 5px 10px 5px;
	color:#FFF;
	font-size:11px;
}

.marsListMark
{
	top:30px;
}

.marsListBox
{
	position:absolute;
	top:30px;
}

.marsListElement
{
	margin:0 0 20px 0;
}



/************************* SELECT MENU ***************************/

.marsSubMenu
{
	position:absolute;
	overflow:auto;
	z-index:500;
	background:#F6F6F6;
	border:1px solid #AAA;
	display:none;
}

.marsSubMenuItem
{
	font-size:12px;
	text-align:left;
	padding:2px 3px;
	height:14px;
	cursor:pointer;
	overflow:hidden;
	display:block;
	text-decoration:none;
	color:#000;
}

.marsSubMenuItem:hover
{
	background:#000;
	color:#EEE;
}



/************************* MESSAGE ***************************/

.marsMessage
{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:300;
	display:none;
}

.marsMessageBackground
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url(resources/black_effect.png) repeat;
}

.marsMessageBox
{
	position:absolute;
	top:-50%;
	left:50%;
	margin-top:-500px;
	background:#FFF;
	border-radius:7px;
	overflow:hidden;
}

.marsMessageContent
{
	font-size:14px;
	text-align:center;
	overflow:auto;
}

.marsMessageContainer
{
	padding:20px;
}

.marsMessageControls
{
	width:100%;
	height:40px;
	background:#EEE;
}

.marsMessageButton
{
	float:right;
	margin:6px 15px 6px 0px;
	padding:5px 12px;
	font-size:14px;
	border:1px solid #000;
	border-radius:7px;
	background:#FFF;
	color:#333;
	cursor:pointer;
}

.marsMessageButton:hover
{
	background:#333;
	color:#FFF;
}



/************************* TOOLTIP ***************************/

#marsToolTip
{
	position:absolute;
	z-index:500;
	background:#F6F6F6;
	border:1px solid #AAA;
	display:none;
}

#marsToolTipContent
{
	overflow:auto;
}

#marsToolTip .marsToolTipArrowUp, #marsToolTip .marsToolTipArrowDown
{
	position:absolute;
	width:40px;
	height:10px;
	left:50%;
	margin-left:-20px;
}

#marsToolTip .marsToolTipArrowUp
{
	background:url(resources/arrow_up.png) no-repeat center center;
	top:-10px;
}

#marsToolTip .marsToolTipArrowDown
{
	background:url(resources/arrow_down.png) no-repeat center center;
	bottom:-10px;
}

#marsToolTip .marsToolTipArrowLeft, #marsToolTip .marsToolTipArrowRight
{
	position:absolute;
	width:10px;
	height:40px;
	top:50%;
	margin-top:-20px;
}

#marsToolTip .marsToolTipArrowLeft
{
	background:url(resources/arrow_left.png) no-repeat center center;
	left:-10px;
}

#marsToolTip .marsToolTipArrowRight
{
	background:url(resources/arrow_right.png) no-repeat center center;
	right:-10px;
}



/************************* WINDOW ***************************/

.marsWindow
{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:300;
	display:none;
}

.marsWindowBackground
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url(resources/black_effect.png) repeat;
}

.marsWindowBox
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

.marsWindowContent
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:#444;
	overflow:hidden;
}

.marsWindowTitle
{
	display:none;
}

.marsWindowContainer
{
	overflow:auto;
	background:#FFF;
	border-radius:3px;
	position:relative;
	width:100%;
	height: 100%;
}

.marsWindowClose
{
	position:absolute;
	top:10px;
	right:20px;
	width:20px;
	height:20px;
	cursor:pointer;
	background:url(resources/close.png) no-repeat center center;
	z-index:10;
}



/************************* TAB ***************************/

.marsTab
{
	position:relative;
	overflow:hidden;
}

.marsTabHeaderBox
{
	width:100%;
}

.marsTabHeaderBox .marsTabHeader
{
	float:left;
	cursor:pointer;
	text-align:center;
	padding:10px 0px;
	background:#EAEAEA;
}

.marsTabHeaderBox .marsTabHeader.active
{
	background:#FFF;
}

.marsTabContentBox
{
	overflow:auto;
	width:100%;
}

.marsTabContentBox .marsTabContent
{
	display:none;
	padding:10px;
}



/************************* COLOR ***************************/

.marsColorBox
{
}

.marsColorBox .marsColorTable
{
	height:64px;
	margin-bottom:10px;
}

.marsColorBox .marsColorElement
{
	float:left;
	width:20px;
	height:20px;
	margin:5px;
	border:1px solid #555;
	cursor:pointer;
}

.marsColorBox .marsColorElement.active
{
	width:26px;
	height:26px;
	margin:2px;
}

.marsColorBox .marsColorWhite
{
	background-color:#FFFFFF;
}

.marsColorBox .marsColorBlack
{
	background-color:#000000;
}

.marsColorBox .marsColorGrey
{
	background-color:#888888;
}

.marsColorBox .marsColorRed
{
	background-color:#FF0000;
}

.marsColorBox .marsColorGreen
{
	background-color:#00FF00;
}

.marsColorBox .marsColorBlue
{
	background-color:#0000FF;
}

.marsColorBox .marsColorYellow
{
	background-color:#FFFF00;
}

.marsColorBox .marsColorPurple
{
	background-color:#FF00FF;
}

.marsColorBox .marsColorOrange
{
	background-color:#FFA000;
}

.marsColorBox .marsColorAzure
{
	background-color:#00FFFF;
}

.marsColorBox .marsColorInput
{
	border:1px solid #444;
	width:118px;
	padding:5px;
	margin-right:5px;
	text-transform:uppercase;
}

.marsColorBox .marsColorButton
{
	width:25px;
	height:25px;
	background:url(resources/confirm.png) no-repeat center center;
	float:right;
	cursor:pointer;
}



/************************* MENU ***************************/

.marsMenu
{
	position:fixed;
	top:0px;
	height:100%;
	z-index:100;
}

.marsMenuCloseLayer
{
	position:absolute;
	top:0px;
	left:0px;
	width:3000px;
	height:3000px;
	display:none;
}

.marsMenuBox, .marsMenuInnerBox
{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	overflow:auto;
	width:100%;
	background:#FFF;
	border-right:1px solid #BBB;
	margin:0px;
	padding:0px;
}

.marsMenuInnerBox
{
	box-shadow:0px 0px 10px #666;
}

.marsMenuElement
{
	padding:10px 20px;
	font-size:16px;
	border-bottom:1px solid #DDD;
	cursor:pointer;
}

.marsMenuFill
{
	background-image:url(resources/arrow_menu.png);
	background-repeat:no-repeat;
	background-position:95% center;
}

.marsMenuElement.active,
.marsMenuElement:hover
{
	background-color:#EEE;
}



/************************* IE6 FIX ***************************/

.fixedIE6
{
	position:absolute;
	left:expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top:expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );	
}

.ie6 .marsWindowClose
{
	background:url(resources/_ie6/close.gif) no-repeat center center;
}