/* top right bottom left */

/* Generic */
body{
	font-size: 75%;
	font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";
	padding:12px;
	background-color:black;
	color:white;
}
a{color:#006ac8;cursor:pointer;text-decoration:none}
a:hover{text-decoration:underline}
img{vertical-align:middle}
a img{border:0}
.center,h1,h3.ui-widget-header,h2.ui-widget-header{text-align:center}
.message{padding:.7em;text-align:center}
.pointer{cursor:pointer}
ul.sortable li{margin:3px 3px 3px 0;padding:1px;float:left;width:100px;height:95px;text-align:center;font-size:75%}
ul.mosaic {list-style:none}
ul.mosaic li{float:left;width:90px;height:134px;margin:3px;text-align:center}

/* Tables */
th,td{padding:2px 4px}
tr.odd {background:#333}
tbody tr:hover{background-color:#006ac8}
thead th a{display:block}
thead th a:hover{text-decoration:underline !important}

/* Pagination */
#pagination{text-align:center;margin-top:1em}
#pagination span.pagination{display:none}


/* Layout */
#container{margin:0 45px;border:0;background-image:none;background-repeat:no-repeat}
#logo{float:left;padding:15px 0 0 10px}
#content{clear:both}
#footer{clear:both;text-align:center;padding:5px}
#header_links{float:right}
.colleft{float:left}
.colright{float:right}
.colleft,.colright{width:49%}

/* Forms */
form{width:40%;margin:0 auto}
input,label{display:block}input[type=checkbox],input[type=checkbox]+label{display:inline;font-weight: normal}
label{font-weight: bold;margin-top:.2em}
input[type=text],input[type=password],textarea{width:97%;padding:.4em}textarea{height:4em}
input,textarea,select{margin-bottom:.6em}
input[type=submit]{margin:1.1em auto}
div.message.ui-state-error div{background: transparent url('../images/warn.png') no-repeat center left}

/* Home */
#banner{clear:both;height:170px;position:relative;overflow:hidden}
#about_video{width:680px;height:170px;float:right}
#tabs{padding-bottom:50px}
#tabs li,h3.ui-accordion-header{text-shadow: black 0px 0px 3px}
#tabs li.ui-state-hover,h3.ui-accordion-header.ui-state-hover{text-shadow: white 0px 0px 3px}
#tabs li.ui-state-focus.ui-state-hover,h3.ui-accordion-header.ui-state-focus.ui-state-hover{text-shadow: #006ac8 0px 0px 3px}
#accordion {width:200px;float:left}
#accordion div {padding:1em}
#accordion div span{cursor:pointer;white-space: nowrap;text-shadow: black 0px 0px 3px,#006ac8 0px 0px 10px}
#accordion div span:hover{margin-left:5px;font-weight:bold}
#preload_dialog{display:none}
#game_container{margin-left:215px;background-repeat:no-repeat;background-position:bottom right;border:1px solid transparent !important}
#game_container img.logo {cursor:pointer;border: 0px dashed transparent;margin:5px}
#game_container img.logo:hover {border-width:1px;margin:4px}
#game_container div.left {float:left;width:200px;border-width:1px}
#game_container div.features {padding:.5em}
#game_container div.videos {padding:.5em;margin-top:10px}
#game_container div.snapshots {margin-left:250px;min-height:420px}
#game_container div.snapshots img {padding:3px;margin: 5px;border:0px dashed transparent;cursor:pointer}
#game_container div.snapshots img:hover {margin: 4px;border-width:1px}
#video_container{width:512px;height:408px; /* video height + controls' height (24px)*/}
#video_dialog{padding:0}
#where{background: transparent url('../images/world.jpg') no-repeat 90% 50%}
#contact form{background: transparent url('../images/watermark.png') no-repeat 50% 50%}

/* Selectmenu UI */
.ui-selectmenu { display: block; position:relative; height:2em; text-decoration: none; overflow:hidden}
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; }
.ui-selectmenu-open { visibility: visible; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu-dropdown { }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status {line-height: 1.4em; display:block; padding:.3em 1em; outline:none; text-decoration:none; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.4em; }
.ui-selectmenu-open li.ui-selectmenu-item-focus a {  }
.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; text-decoration:none !important}
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-content {  }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/*for optgroups*/
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding:.6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }



/* Color Picker */
.farbtastic {position: relative}
.farbtastic * {position: absolute;cursor: crosshair}
.farbtastic, .farbtastic .wheel {width: 195px;height: 195px}
.farbtastic .color, .farbtastic .overlay {top: 47px;left: 47px;width: 101px;height: 101px}
.farbtastic .wheel {background: url(../images/farbtastic/wheel.png) no-repeat;width: 195px;height: 195px}
.farbtastic .overlay {background: url(../images/farbtastic/mask.png) no-repeat}
.farbtastic .marker {width: 17px;height: 17px;margin: -8px 0 0 -8px;overflow: hidden;background: url(../images/farbtastic/marker.png) no-repeat}