/*
-----------------------------------------------
These elements have common style regardless
of what the screen size is.
----------------------------------------------- */

body {background: #fff;color: #333; font-size: 14px; padding: 0; margin: 0;}
div#footer {bottom:0px;position:absolute;width:100%;text-align:center;}

/* anchors
----------------------------------------------- */
a {	color: #22C;font-weight:bold;text-decoration: none;}
a:hover {color:#118;background:#DDF;}

/* headings
----------------------------------------------- */
h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
h2 {margin-top:1em;}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}

h3.champcaption {margin-top:3px;}


/* paragraphs, quotes and lists
----------------------------------------------- */
p {	margin-bottom:1em;}
blockquote {font-family: Georgia, 'Times New Roman', serif; font-size:1.2em;padding-left:0 px;border-left:0px solid #ccc;}
blockquote cite {font-size:.9em;}
ul, ol {padding-top:0;}

/* Main Menu
----------------------------------------------- */

ul.mainmenu {font-size:2em;}
li.mainmenu {line-height:150%;}
button.menuoption {width:75%;}
div.optiondivdesktop {padding-left:10px;padding-top:2px;padding-bottom:3px;}
div#logindiv { margin: 8px;font: initial;}

/* table
----------------------------------------------- */
table {	border:0px solid #bbb; margin-bottom:0px;border-collapse:collapse;}
th, td {padding:2px;text-align:left;}

thead th {border-bottom:0px solid #888; padding:2px;}
thead th.table-head {font-size:1em;	font-weight:normal;	border:0px solid #555;}
tbody th,
tbody td {border-top:0px solid #bbb;border-bottom:0px solid #bbb;}

tfoot th,
tfoot td {border-top:0px solid #666;}

/* General website settings
----------------------------------------------- */
img#smallcardslogo {width:120px;height:106px;border:0px;left:0px;top:0px;}
div.defaulthidden {	display:none;}

.ui-autocomplete-loading { background: white url('/darfnet/images/ui-anim_basic_16x16.gif') right center no-repeat;}

/* Enables hiding the corner close X on modal dialogs */
.no-close .ui-dialog-titlebar-close {display: none }
button#listtournaments_tabs_closeX {position:absolute;right:8px;top:6px;}

/* User admin menu settings
----------------------------------------------- */
div#useradmin_avatar_div {float:right;width:40%;}
div#useradmin_textinfo_div {float:left;}
img#useradmin_avatar_img {width:100%;}
div#useradmin_permissionsdiv {clear:left;}

/* Player settings pop-up
----------------------------------------------- */
div#playersettings_avatar_div {	float:right;width:40%;}
div#playersettings_textinfo_div {float:left;}
img#playersettings_avatar_img {width:100%;}
div#playersettings_togglesdiv {clear:left;}
div#playersettings_firstnamelastname_div {padding-bottom: 10px;	font-size: x-large;}
div#passwordchangediv {max-width:300px;overflow:none;}

/* Upload form plug-in items
http://malsup.com/jquery/form/#file-upload
----------------------------------------------- */
div#playersettings_JQueryAJAXupload_progress { position:relative; width:95%; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
div#playersettings_JQueryAJAXupload_bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
div#playersettings_JQueryAJAXupload_percent { position:absolute; display:inline-block; top:3px; left:48%; }
form#playersettings_avatarupload { width:95%; display: block; margin: 20px auto; background: #eee; border-radius: 10px; padding: 15px }

div#useradmin_JQueryAJAXupload_progress { position:relative; width:95%; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
div#useradmin_JQueryAJAXupload_bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
div#useradmin_JQueryAJAXupload_percent { position:absolute; display:inline-block; top:3px; left:48%; }
form#useradmin_avatarupload { width:95%; display: block; margin: 20px auto; background: #eee; border-radius: 10px; padding: 15px }

div#champphoto_JQueryAJAXupload_progress { position:relative; width:95%; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
div#champphoto_JQueryAJAXupload_bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
div#champphoto_JQueryAJAXupload_percent { position:absolute; display:inline-block; top:3px; left:48%; }
form#champphotoupload_form { width:95%; display: block; margin: 20px auto; background: #eee; border-radius: 10px; padding: 15px }


/* Karaoke Menu Specific Css */
div#karaokesearchdiv {text-align:center; width:95%;display:block;}
input#header_mainmenu_button {position:absolute;top:0px;right:0px;}

/* Form error message */
div.formerrormsg {color: red;   font-weight: bold;   font-size: 16px;}

/* List tournaments */
h1.tournlistmobileh1 {  padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px;font-family: sans-serif; text-shadow: 1px 2px 1px #8eada4; color: #2f5af5;padding: 8px;  }

/* Watch Smear */
input#stopwatchingbutton {  top: 3px;    position: absolute;    right: 3px;}

/* Tutorial */
button.desktopcloseX {    position: absolute;    right: 5px;    top: 40px;}
.tutorialimg {   margin-left: auto;    margin-right: auto;    width: 99%;}
div#tutorial_div_desktop {    text-align: center;}
img.tutorialimage {   width: 99%;    max-width: 720px;}
img.tutorialtitlelogo {    width: 60%;    max-width: 400px;}
a.goplay_anchor {   font-size: xxx-large}
div#goplaydiv {    margin: 30px;    margin-bottom: 120px;}