/*////////////////////
 footer
////////////////////*/

footer{
	height:75px;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
	border-top:1px solid #333333;
	z-index:200;
	-webkit-transform:translate(0, 76px);
	-moz-transform:translate(0, 76px);
	-ms-transform:translate(0, 76px);
	-o-transform:translate(0, 76px);
	cursor:default;
}

#footerBtnGroup{
	position:absolute;
	right:10px;
	top:17px;
	z-index:2;
}

#footerBtnGroup .back_b{
	margin-left:6px;
}


/*////////////////////
 footer dialog
////////////////////*/

#footerDialogOverlay{
	position:absolute;
	top:0;
    left:0;
    width:100%;
    height:100%;
	z-index:5000;
	background:url(../../img/blank.gif);
}


/*////////////////////
 move window
////////////////////*/

#moveWindowContainer{
	position:absolute;
	bottom:70px;
	z-index:5001;
}

#moveWindowContent{
	border-radius:4px;
	background:#f6f6f6;
	width:300px;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.8);
}

#moveWindowFooter{
	position:absolute;
	top:100%;
	left:45%;
	height:0px;
    width:0px;
    border:13px solid #000;
	border-color:transparent;
    border-top-color:#f6f6f6;
}

#moveWindowInner .unit li:first-child{
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}

#moveWindowInner .unit li:last-child{
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}

#moveWindowContent .left{
    float:left;
}

#moveWindowContent .right{
    float:right;
	font-weight:normal;
}

#moveWindowInner .unit li:hover,
#moveWindowInner .unit li:active
{
	cursor:pointer;
    background:#757575; /* Old browsers */
	color:#FFFFFF;
	background:-moz-linear-gradient(top, #757575 0%, #616161 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#757575), color-stop(100%,#616161)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #757575 0%,#616161 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #757575 0%,#616161 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #757575 0%,#616161 100%); /* IE10+ */
	background:linear-gradient(to bottom, #757575 0%,#616161 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#616161',GradientType=0 ); /* IE6-9 */
	text-shadow:0 -1px 0 rgba(0 , 0 , 0, 1);
}


/*////////////////////
 modeChangeWindow
////////////////////*/

#modeWindowContainer{
	position:absolute;
	bottom:70px;
	z-index:5001;
}

#modeWindowContent{
	border-radius:4px;
	background:#f6f6f6;
	width:300px;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.8);
}

#modeWindowFooter{
	position:absolute;
	top:100%;
	left:45%;
	height:0px;
    width:0px;
    border:13px solid #000;
	border-color:transparent;
    border-top-color:#f6f6f6;
}

#modeChangeArea{
	background:#f6f6f6;
}

#modeWindowInner .unit li:first-child{
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
}

#modeWindowInner .unit li:last-child{
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}

#modeWindowContent .mode,
#modeWindowContent .vector
{
    display:block;
    font-weight:bold;
    padding:5px 5px 5px 10px;
    text-decoration:none;
}

#modeWindowInner .change li{
	float:left;
	border:none;
	border-radius:0px;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.7) inset;
    color:#ffffff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3);
	background:#a8b8cb; /* Old browsers */
	background:-moz-linear-gradient(top, #a8b8cb 0%, #6b85a7 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#a8b8cb), color-stop(100%,#6b85a7)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #a8b8cb 0%,#6b85a7 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #a8b8cb 0%,#6b85a7 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #a8b8cb 0%,#6b85a7 100%); /* IE10+ */
	background:linear-gradient(to bottom, #a8b8cb 0%,#6b85a7 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8b8cb', endColorstr='#6b85a7',GradientType=0 ); /* IE6-9 */
}

.landscape #modeWindowInner .change li{
	width:44px;
}

.portrait #modeWindowInner .change li{
	width:50px;
}

#modeWindowInner .change li.current,
#modeWindowInner .change li:hover,
#modeWindowInner .change li:active
{
	background:#859dbc; /* Old browsers */
	background:-moz-linear-gradient(top, #859dbc 0%, #476691 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#859dbc), color-stop(100%,#476691)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #859dbc 0%,#476691 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #859dbc 0%,#476691 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #859dbc 0%,#476691 100%); /* IE10+ */
	background:linear-gradient(to bottom, #859dbc 0%,#476691 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#859dbc', endColorstr='#476691',GradientType=0 ); /* IE6-9 */
}

#modeWindowContent .left{
    float:left;
	font-size:13px;
	line-height:30px;
}

#modeWindowContent .right{
    float:right;
}

#modeWindowContent .comment{
	margin-top:10px;
	text-align:left;
	font-size:11px;
}