/********* BASE *********/

body
{
	padding:0;
	margin:0;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	background:#EAEAEA;
	overflow:auto;
	font-size:14px;
}

a
{
	text-decoration:none;
	color:#000;
}

img
{
	-ms-interpolation-mode:bicubic; /* FIX IMG STRETCHING QUALITY IN IE7 */
	border:none;
}

form
{
	margin:0;
	padding:20px;
}

.loaderBig, .loaderMedium, .loaderSmall
{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-repeat:no-repeat;
	background-position:center center;
}

.loaderBig
{
	background-image:url(../img/loaderBig.gif);
	background-color:#000;
	z-index:100;
	position:fixed;
}

.loaderMedium
{
	background-image:url(../img/loaderMedium.gif);
	background-color:#FFF;
}

.loaderSmall
{
	background-image:url(../img/loaderSmall.gif);
	background-color:#FFF;
}

.select
{
	background-image:url(../img/backSelect.png);
	background-repeat:no-repeat;
	background-position:95% center;
	border-radius:5px;
	font-size:14px;
	width:200px;
	padding:7px 25px 7px 3px;
	text-align:center;
	cursor:pointer;
	border:1px solid #666;
	display:inline-block;
	vertical-align:top;
	position:relative;
	height:16px;
	overflow:hidden;
}

.select.active
{
	background-image:url(../img/backSelectActive.png);
}

.button
{
	cursor:pointer;
	padding:10px 20px;
	display:inline-block;
	border-radius:4px;
	border-style:solid;
	border-width:1px;
	font-variant:small-caps;
	background:#FFF;
}

.confirmButton
{
	display:block;
	width:80px;
	margin:0 auto;
	text-align:center;
}

.marsMenuElement.active,
.marsMenuElement:hover,
.button
{
    -webkit-transition:background-color 400ms linear, color 200ms linear;
    -ms-transition:background-color 400ms linear, color 200ms linear;
    transition:background-color 400ms linear, color 200ms linear;
}

.label
{
	font-size:16px;
	margin-bottom:10px;
}

.input
{
	font-size:16px;
	padding:10px;
	border:1px solid #888;
	border-radius:3px;
	width:240px;
}

.message
{
	font-size:14px;
	color:#F00;
	margin-top:10px;
	text-align:center;
	display:block;
	height:16px;
}

.formRow
{
	padding:7px 0;
	text-align:center;
}

.colorOne
{
	color:#666;
}

.backOne,
.button:hover,
.marsMenuElement.active,
.marsMenuElement:hover
{
	color:#FFF;
	background-color:#666;
}

.borderOne
{
	border-color:#666;
}

.saturnBox .saturnElement
{
	padding:0;
}

.marsWindowContent
{
	border-radius:3px;
}

.marsWindowContainer
{
	background:#F0F0F0;
}

.marsWindowBackground
{
	background-image:url(../img/backWindow.png);
}

.windowTitle
{
	text-align:center;
	font-size:50px;
	color:#FFF;
	font-weight:bold;
	padding:20px 25px;
	background:#fff;
}

.windowTitleInfo
{
	font-weight:normal;
	font-size:14px;
	margin:10px 0 0 0;
}

.windowToolbar
{
	background:#b1b1b1;
	padding:10px 25px;
	font-weight:bold;
}

.windowOption
{
	margin:0 15px;
	float:right;
	text-decoration:underline;
}

.windowBody
{
	padding:25px;
}

.socialButton
{
	margin:0 2px;
	width:30px;
	height:30px;
	display:inline-block;
}

.socialIcon
{
	height:30px;
}

#socialFacebook
{
	background:url(../img/socialFacebook.png) no-repeat center center;
}

#socialTwitter
{
	background:url(../img/socialTwitter.png) no-repeat center center;
}

#socialGoogle
{
	background:url(../img/socialGoogle.png) no-repeat center center;
}

#socialLinkedin
{
	background:url(../img/socialLinkedin.png) no-repeat center center;
}

#socialInstagram
{
	background:url(../img/socialInstagram.png) no-repeat center center;
}

#socialYoutube
{
	background:url(../img/socialYoutube.png) no-repeat center center;
}

.marsWindowClose {
	top:5px;
	right:5px;
	width:30px;
	height:30px;
	background: url(../../_resources/img/fileclose.png) no-repeat center center;
	background-size:30px;
	border:1px solid #000;
	border-radius:4px;
}

.marsWindowClose:hover {
	background-color:#d3d3d3;
}