@charset "UTF-8";
/*****************************************************************************
 *  Eric Meyer's reset reloaded
 *  Modified version for XHTML 1.0 Strict, removed depreciated elements.
 *****************************************************************************/
a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, del,
dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, img, ins,
kbd, label, legend, li, object, ol, p, pre, q, samp, small, span, strong, sub,
sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var{
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0em;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
blockquote, q {
    quotes: none;
}




/* BASIC LAYOUT ELEMENTS
------------------------------------------------*/
body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#222;
	background-color:#515151;
}

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

a:focus, a:active, a:hover {
	text-decoration:none;
	color:#ff6600;
}

p {
	margin:0 0 20px 0;
}


/* HEADER
------------------------------------------------*/
#header {
}

#header_top {
	height:65px;
	background:url(../img/header/main-nav-bkg.png) repeat-x;
}

.stack_logo {
padding-top: 2px;
}

#page_help {
	font-size:22px;
	color:#fff;
	padding-top:20px;
	background-color:#808080;
}


/* NAVIGATION
------------------------------------------------*/
#nav-logout ul {
    display: inline; float: right; 
}
#nav-logout ul li {
    display: inline-block;
    list-style-type: none;
}
#nav-logout a {
	display:block;
	background: url(../img/header/logout-bkg.png) no-repeat;
	text-align: center;
	width: 100px;
	height: 24px;
	font-size:14px;
	color: #989898;
}
#nav-logout a:hover {
	color: #FF6600;
}
#main_nav .navigation {
	clear:both;
	font-size:14px;
	text-transform:uppercase;
	position:relative;
	top:2px;
}

#main_nav .navigation li {
	
	display: inline; 
}	

#main_nav .navigation .active a {
	background:url(../img/header/tab-active.png) left no-repeat !important;
	color:#626262 !important;
}

#main_nav .navigation a:hover {
	background:url(../img/header/menu_tab.png) right no-repeat;
	color:#fff;
}

#main_nav .navigation a {
	width:142px;
	height:40px;
	display: block;
	float: left;
	background:url(../img/header/menu_tab.png) left no-repeat;
	color:#fff;
	text-align:center;
	line-height:44px;
	margin-right:3px;
	position:relative;
}

#sub_nav {
	height:32px;
	line-height:34px;
	border-top:solid thin #9f9a89;
	background-color:#f6f6f6;
	font-size:14px;
	text-transform:capitalize;
}

#sub_nav a {
	margin-right:42px;
	float: left;
}

#sub_nav a.active {
	color:#626262;
	border-bottom:solid 3px #626262;
}


/* CONTENT
------------------------------------------------*/
#content {
	background-color:#f2e9ca;
	border-top:solid thin #353535;
	border-bottom:solid thin #353535;
	padding:20px 0px;
}

#main {
	
}

#main_content {
	margin-bottom:60px;
}

/* TABLE DATA */
#main_content_table {
	
}

#main_content_table table {
	border-top:solid thin #7e7e7e;
	border-left:solid thin #7e7e7e;
	border-right:solid thin #7e7e7e;
}

#main_content_table table td {
	vertical-align:middle;
	padding:0 5px;
}

#main_content_table thead tr, #main_content_table tbody tr {
	border-bottom:solid thin #7e7e7e;
	height:40px;
}

#main_content_table thead {
	color:#ff6600;
	font-size:18px;
	background:#fff;
}

#main_content_table thead td {
	vertical-align:middle;
}

#main_content_table tbody tr {
	background:#eee;
}

#main_content_table .ready {
	background:#ade896;
}

td.col1 {
	width:34px;
}

td.col2 {
	width:180px;
}

td.col3 {
	width:100px;
}

td.col4 {
	width:90px;
}

td.col5 {
	width:70px;
}

td.col6 {
	width:195px;
}

#main_content_table ul, #main_content_table ul li {
	margin:0px;
	padding:0px;
	list-style:none;
}

#main_content_table .options {
	clear:both;
}

#main_content_table .options li {
	float:left;
	margin-right:5px;
	list-style-type: none;
}
#main .col6 ul{
	margin-left: 0px !important;
}

#deploy {
	display:block;
	width:92px;
	height:28px;
	background:url(../img/buttons/deploy_btn.png) left no-repeat;
}

#edit {
	display:block;
	width:69px;
	height:28px;
	background:url(../img/buttons/edit_btn.png) left no-repeat;
}

#deploy:hover {
	background:url(../img/buttons/deploy_btn.png) right no-repeat;
}

#edit:hover {
	background:url(../img/buttons/edit_btn.png) right no-repeat;
}


/* SIDEBAR
------------------------------------------------*/
#sidebar ul, #sidebar li {
	margin:0px;
	padding:0px;
}

#sidebar a {
	display:block;
	width:150px;
	border-width:0px 1px 1px;
	border-style:solid;
	border-color:#7e7e7e;
}

#sidebar_menu {
	border-top:solid thin #7e7e7e;
	padding-right:2px;
}

#sidebar a.menu_title {
	width:145px;
	height:25px;
	line-height:25px;
	font-size:14px;
	color:#fff;
	padding-left:5px;
	background:#353535;
}

#sidebar a.menu_title:hover {
	background-color:#ff6600;
}

#sidebar a.menu_open {
	background:#353535 url(../img/sidebar/sidebar-arrow-open.png) right center no-repeat;
}

#sidebar a.menu_closed {
	background:#353535 url(../img/sidebar/sidebar-arrow-closed.png) right center no-repeat;
}

/* SIDEBAR MENU ITEMS */
.menu_item {
	height:35px;
	background:url(../img/sidebar/menu/sidebar-btn-blank.png);
}

.menu_item .link_text { display: none }
#edit_game_details {
	background:url(../img/sidebar/menu/edit-game-details.png) left no-repeat;
}

#versions {
	background:url(../img/sidebar/menu/versions.png) left no-repeat;
}

#leaderboards {
	background:url(../img/sidebar/menu/leaderboard.png) left no-repeat;
}

#storefront {
	background:url(../img/sidebar/menu/storefront.png) left no-repeat;
}

#wallet {
	background:url(../img/sidebar/menu/wallet.png) left no-repeat;
}

#locker {
	background:url(../img/sidebar/menu/locker.png) left no-repeat;
}

#items {
	background:url(../img/sidebar/menu/items.png) left no-repeat;
}

#achievements {
	background:url(../img/sidebar/menu/achievements.png) left no-repeat;
}

#canvas {
	background:url(../img/sidebar/menu/canvas.png) left no-repeat;
}

#facebook_deployment {
	background:url(../img/sidebar/menu/facebook-deployment.png) left no-repeat;
}

#myspace_deployment {
	background:url(../img/sidebar/menu/myspace-deployment.png) left no-repeat;
}

#superrewards_tracking{
	background:url(../img/sidebar/menu/super-rewards-tracking.png) left no-repeat;
}

#target_demographics {
	background:url(../img/sidebar/menu/target-demographics.png) left no-repeat;
}

#analytics {
	background:url(../img/sidebar/menu/analytics.png) left no-repeat;
}

/*SIDEBAR HOVER
------------------------------------------------*/


.menu_item a:hover{
	height:35px;
	background:url(../img/sidebar/menu/sidebar-btn-blank.png) right no-repeat;
}

#edit_game_details:hover{
	background:url(../img/sidebar/menu/edit-game-details.png) right no-repeat;
}

#versions:hover{
	background:url(../img/sidebar/menu/versions.png) right no-repeat;
}

#leaderboards:hover{
	background:url(../img/sidebar/menu/leaderboard.png) right no-repeat;
}

#storefront:hover{
	background:url(../img/sidebar/menu/storefront.png) right no-repeat;
}

#wallet:hover{
	background:url(../img/sidebar/menu/wallet.png) right no-repeat;
}

#locker:hover{
	background:url(../img/sidebar/menu/locker.png) right no-repeat;
}

#items:hover{
	background:url(../img/sidebar/menu/items.png) right no-repeat;
}

#achievements:hover{
	background:url(../img/sidebar/menu/achievements.png) right no-repeat;
}

#canvas:hover {
	background:url(../img/sidebar/menu/canvas.png) right no-repeat;
}

#facebook_deployment:hover{
	background:url(../img/sidebar/menu/facebook-deployment.png) right no-repeat;
}

#myspace_deployment:hover{
	background:url(../img/sidebar/menu/myspace-deployment.png) right no-repeat;
}

#superrewards_tracking:hover{
	background:url(../img/sidebar/menu/super-rewards-tracking.png) right no-repeat;
}

#target_demographics:hover{
	background:url(../img/sidebar/menu/target-demographics.png) right no-repeat;
}

#analytics:hover{
	background:url(../img/sidebar/menu/analytics.png) right no-repeat;
}


/* FOOTER
------------------------------------------------*/
#footer {
	
}

#footer_links {
	background-color:#242424;
	padding-top:20px;
}

#footer_links ul {
	clear:both;
}

#footer_links li {
	float:left;
	margin-left:41px;
}

#footer_links li a {
	display:block;
	width:109px;
	height:105px;
}

#omi_link {
	background:url(../img/footer/footer_omi.png) no-repeat;
}

#facebook {
	background:url(../img/footer/footer_facebook.png) no-repeat;
}

#twitter {
	background:url(../img/footer/footer_twitter.png) no-repeat;
}

#unity {
	background:url(../img/footer/footer_unity.png) no-repeat;
}

#unity_users {
	background:url(../img/footer/footer_uug.png) no-repeat;
}

#dimerocker {
	background:url(../img/footer/footer_dr.png) no-repeat;
}

#legal_info {
	color:#000;
	height:30px;
	padding-top:35px;
	background:url(../img/header/main-nav-bkg.png) repeat-x;
}

#legal_info a {
	color:#ccc;
}

#legal_info a:focus, #legal_info a:active, #legal_info a:hover {
	text-decoration:none;
	color:#ff6600;
}

#legal {
	
}

#legal_divider {
	margin:0 10px;
}

#copyright {
	text-align:right;
}


/* BUTTONS
------------------------------------------------*/
.button, .button-small {
	display:inline-block;
	text-align: center;
	border:solid thin #666;
	padding: 5px 10px 3px 10px;
	overflow:hidden;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 6px 2px 6px 0px;
}

.button:hover, .button-small:hover {
	background: url(../img/buttons/btn-bkg-hover.png) repeat-x !important;
	color: #fff !important;
}

.button {
	background:url(../img/icons/icon_button.png) no-repeat 4px center;
}

.button .action {
	background:url(../img/icons/icon_action.png) no-repeat 4px center !important;
}

.button.cancel {
	background:url(../img/icons/icon_cancel.png) no-repeat 4px center;
}

.button.submit {
	background:url(../img/icons/icon_submit.png) no-repeat 4px center;
}

.button.back {
	background:url(../img/icons/icon_arrow_left.png) no-repeat 4px center;
}

.button-small {
	background:url(../img/icons/icon_small_button.png) no-repeat 4px center;
}

.button-small.edit {
	background:url(../img/icons/icon_edit.png) no-repeat 4px center;
}

.button-small.delete {
	background:url(../img/icons/icon_delete.png) no-repeat 4px center;
}

.button-small.upload {
	background:url(../img/icons/icon_upload.png) no-repeat 4px center;
}

.button-small.undo {
	background:url(../img/icons/icon_undo.png) no-repeat 4px center;
}

.button-small.manage {
	background:url(../img/icons/icon_manage.png) no-repeat 4px center;
}

.button, 
.button.action, 
.button.cancel, 
.button.submit, 
.button.back, 
.button-small, 
.button-small.edit, 
.button-small.delete, 
.button-small.upload, 
.button-small.undo, 
.button-small.manage {
	background: url(../img/buttons/btn-bkg.png) repeat-x;
	color: #FF6600;
	font-size: 14px;
	font-weight:bold;
	letter-spacing: .1px;
}


/* HTML ELEMENTS
------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	margin-bottom:10px;
	font-weight:bold;
	color:#ff6600;
}
h1 {
    font-size:36px;
}
h2 {
    font-size:30px;
}
h3 {
    font-size:26px;
}
h4 {
    font-size:22px;
}
h5 {
    font-size:18px;
}
h6 {
    font-size:14px;
}
#main hr {
    height:1px;
	background:#999;
}
#main blockquote, #main fieldset, #main pre, #main table {
    padding: 10px 0;
}
#main blockquote {
    font-style: italic;
    padding: 0 20px;
	color:#999;
}
#main .codeblock, #main pre {
    line-height: 140%;
}
#main abbr, #main acronym, #main cite {
    border-bottom: 1px dotted #999;
}
#main address, #main dfn, #main em, #main var {
    font-style: italic;
}
#main big {
    font-size: 120%;
}
#main .codeblock, #main code, #main kbd, #main pre, #main samp, #main tt {
    font: 1em "Courier New", Courier, monospace;
}
#main del {
    text-decoration: line-through;
}
#main ins {
    text-decoration: underline;
}
#main q {
    quotes: '\201C' '\201D' '\2018' '\2019';
}
#main q:before {
    content: open-quote;
}
#main q:after {
    content: close-quote;
}
#main small {
    font-size: 80%;
}
#main label, #main legend, #main strong {
    font-weight: bold;
}
#main dl dt {
	font-size: 14px;
	padding-top:10px;
}
#main sub, #main sup {
    font-size: xx-small;
}
#main sub {
    vertical-align: bottom;
}
#main sup {
    vertical-align: top;
}
#main dd {
    margin: 0px;
}
#main ol, #main ul {
    margin-left: 24px;
}
#main ol li {
    list-style-type: decimal;
}
#main ul li {
    list-style-type: disc;
}
#main fieldset {
    background: #ccc;
    border: 1px solid #808080;
    padding: 10px;
	margin: 10px;
}


/* FORMS */
input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, input:focus, textarea:focus {
	border-color: #666;

}

input[type="text"], input[type="password"], input[type="file"], input.text, input.title, textarea, select {
	border: #BBBBBB;

}

input[type="text"], input[type="password"] {
	height:20px;
	line-height:20px;
	border: solid 1px #BBBBBB;
	padding:5px 5px 0px 5px!important;
	margin:0;
}

input, select, textarea {
	border: 1px solid #BBBBBB;
}


textarea {
	width:97.5%;

}

input[type="submit"], input[type="reset"], input[type="button"], button {
	display:inline-block;
	text-align: center;
	border:solid thin #666;
	padding: 3px 10px 3px 10px;
	overflow:hidden;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 6px 2px 1px 0px;
	color: #FF6600;
	font-size: 14px;
	background: url(../img/buttons/btn-bkg.png) repeat-x !important;
}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover {
	background: url(../img/buttons/btn-bkg-hover.png) repeat-x !important;
	color: #fff !important;
	border:solid thin #666;
}



input[type="hidden"] {
	margin-left:5px;
}

option {
	padding-right:20px;
}

#select-label, #mselect-label, #radios-label, #checkbox-label, #scheckbox-label, label {
	margin-top:10px;
}


/* NOTICES */ 
#flash-messages {
	border: 2px solid orange; 
}

div.flash {
	margin: 0.0em 0em 0.5em 0em;
	padding: 1em;
	border: 1px solid #333; 
	background-color: #fff;
	color:#000;
}

.error, .notice, .success {
	border:solid thin #333;
	margin-bottom:1em;
	padding:0.8em;
}

.flash {
	background:#e5f5ff;
	border:2px solid #DDDDDD;
	margin-bottom:1em;
	padding:0.8em;
}
.error {
	background:#FF7F7F;
	border-color:red;
	color:#000000;
}

.notice {
	color:#000;
}

.success {
	background:#6ab3a8;
	color:#000;
}

/* TABLE */ 
#main table {
    width: 100%;
	border-top:solid thin #7e7e7e;
	border-left:solid thin #7e7e7e;
	border-right:solid thin #7e7e7e;
}
#main thead th {
    padding-right: 1em;
    border-bottom:solid thin #7e7e7e;
}
#main th {
	height:40px;
	vertical-align:middle;
    padding-right: 1em;
    border-bottom:solid thin #7e7e7e;
    font-weight: bold;
}
#main th a {
	padding:2px 11px 0 0;
    background:url(../img/icons/up_down_arrows.png) right no-repeat;
}
#main th a:hover {
	padding:2px 11px 0 0;
    background:url(../img/icons/up_down_arrows_hover.png) right no-repeat;
}
#main th {
	background-color:#fff;
}
#main tr.one td, #main tr.two td, #main tr.three td {

	vertical-align:middle;
}
#main tr.one, #main tr.two, #main tr.three {
	border-bottom:solid thin #7e7e7e;
	background-color:#eee;
}
#main tr.one:hover, #main tr.two:hover, #main tr.three:hover {
	background-color:#ade896;
}
#main td, #main th {
    padding-left:5px;
}

/*PAGINATOR*/

.paginator a{
	color: #626262;
}
.paginator .disabled {
	display:inline-block;
	text-align: center;
	border:solid thin #c4c4c4;
	padding: 0px 7px 0px 7px;
	overflow:hidden;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 6px 2px 1px 0px;
	color: #c4c4c4;
	font-size: 14px;
	background: url(../img/buttons/btn-bkg.png) repeat-x !important;
}

.paginator .active a, 
.paginator .page a{
	display:inline-block;
	text-align: center;
	border:solid thin #666;
	padding: 0px 7px 0px 7px;
	overflow:hidden;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 6px 2px 1px 0px;
	color: #FF6600;
	font-size: 14px;
	background: url(../img/buttons/btn-bkg.png) repeat-x !important;
}

.paginator .active:hover a, 
.paginator .page:hover a{
	background: url(../img/buttons/btn-bkg-hover.png) repeat-x !important;
	color: #fff;
	display:inline-block;
}

	
.paginator .current{
	background: url(../img/buttons/btn-bkg-hover.png) repeat-x !important;
	display:inline-block;
	text-align: center;
	border:solid thin #666;
	padding: 0px 7px 0px 7px;
	overflow:hidden;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 6px 2px 1px 0px;
	color: #FFF;
	font-size: 14px;
}

.paginator .page-count{
	display:inline-block;
	margin-bottom:5px;
	font-size: 14px;
	position: relative;
	bottom: 7px;
	color:#626262;
	font-weight: bold;
}

.dr-custom-error, ul.errors li {
    padding-left: 1em;
    color: red;
    font-weight: bold;
}

#help-container {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border-style: solid;
    background-color: #F6F6F6;
    border-width: 1px;
    border-color: #5182C0;
    padding: 5px 0px;
    margin-bottom: 10px;
    width: 150px;
}

#help-container a {
    background-image: url(../../img/icons/icon_info.png);
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left;
}