/* generic rules */
html,body { width:100%; }
body{ margin:40px 0 0; background:#ccc; }
#container { position:relative; margin:0 auto; width:960px; height:768px; background:#f3f3f3; padding:0; }
div,input,button { font-family:"Open Sans", Arial; font-style:normal; font-size:14px; color:#000; }
button { cursor:pointer; display:inline-block; white-space:no-wrap; font-size:12px; font-weight:bold; padding:8px 20px; color:#505050; border:1px solid #c0c0c0; background:-moz-linear-gradient(top, #e5e5e5 0%, #f0f0f0); background:-webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); -moz-box-shadow:0px 1px 1px rgba(0,0,0,0.5), inset 0px 1px 1px rgba(255,255,255,0.5); -webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.5), inset 0px 1px 1px rgba(255,255,255,0.5); }
button:hover { background:#eee; border:solid 1px #909090; }
button:active { background:#e0e0e0; color:#303030; border:solid 1px #e0e0e0; -moz-box-shadow:inset 1px 1px 0px #999; -webkit-box-shadow:inset 1px 1px 0px #999; box-shadow:inset 1px 1px 0px #999; }
a:link, a:visited { background:#fff; padding:5px; color:#069; text-decoration:none; box-shadow:0px 1px 1px 0px #bbb; }
a:hover { background:#069; color:#fff; text-decoration:none; }
h1 { color:#f30; font-size:22px; } h3 { color:#f30; margin:0; }
.blue { color:#069; }

/* deucalion gui */
#logo { position:relative; top:0px; left:0px; }
.tooltip { display:none; background:#f00; height:44px; padding:10px 15px 0; font-size:20px; color:#fff; font-weight:bold; }
#instructions_button { cursor:pointer; position:absolute; top:0; left:108px; background:url("guiElements/instructions.png") 0 0; width:54px; height:54px; overflow:hidden; }
#instructions_button:hover { background:url("guiElements/instructions.png") 108px 0; }
#instructions_button:active { background:url("guiElements/instructions.png") 54px 0; }
#instructions_tooltip { position:absolute; top:0; left:162px; }
#metadata_button { cursor:pointer; position:absolute; top:54px; left:108px; background:url("guiElements/metadata.png") 0 0; width:54px; height:54px; overflow:hidden; }
#metadata_button:hover { background:url("guiElements/metadata.png") 108px 0; }
#metadata_button:active { background:url("guiElements/metadata.png") 54px 0; }
#metadata_tooltip { position:absolute; top:54px; left:162px; }
#instructions, #metadata { width:900px; height:600px; background:#fff; padding:30px; position:absolute; top:107px; z-index:10; }
.content { width:75%; position:relative; left:108px; top:20px; }
.close_button { cursor:pointer; position:absolute; top:0; right:0; background:url("guiElements/close.png") 0 0; width:54px; height:54px; overflow:hidden; }
.close_button:hover { background:url("guiElements/close.png") 108px 0; }
.close_button:active { background:url("guiElements/close.png") 54px 0; }
#qrcode { position:absolute; bottom:30px; }
#espa { position:absolute; bottom:30px; left:178px; }
#metadata_text { position:absolute; top:120px; left:170px; width:75%; font-size:18px; }
#cc { font-size:14px; } #cc a { box-shadow:0px 0px 0px 0px #fff; padding:0 5px; }
#cc_img { margin:0 10px 0 0; }
#crossword_container { width:960px; height:600px; position:relative; z-index:0; }
#dialog-confirm { display:none; }

/* eclipse specific rules */
.ecw-crosswordarea { width:500px; height:600px; padding:10px; position:relative; top:-5px; background:#cef; vertical-align:middle; }
.ecw-answerbox { width:380px; background:#ffe; padding:30px; color:#000; position:relative; top:-5px; height:600px; vertical-align:middle; }
.ecw-answerbox.small { height:auto; position:static; }
.ecw-box { border:solid 1px #000; font-weight:bold; font-size:14px; overflow:hidden; width:24px; height:22px; cursor:pointer; text-align:center; }
.ecw-boxcheated_sel { /*border-color:#c00000;*/ color:#069; background:#ffd; }
.ecw-boxcheated_unsel { /*border-color:#606060;*/ color:#069; background:#fff; }
.ecw-boxerror_sel { /*border-color:#c00000;*/ color:#f00; background:#ffd; }
.ecw-boxerror_unsel { /*border-color: #606060;*/ color:#f00; background:#ffd; }
.ecw-boxnormal_sel { /* border-color:#c00000;*/ color:#000; background:#ffd; }
.ecw-boxnormal_unsel { /*border-color:#606060;*/ color:#000; background:#fff; }
.ecw-cluebox { border:#c0c0c0 0px solid; padding:0pt; margin-top:1em; padding-bottom:0.5em; padding-top:0.5em; }
.ecw-copyright { font-size:12px; margin:30px 0 5px; font-weight:bold; color:#555; position:absolute; bottom:10px; right:10px; }
.ecw-copyright a { font-weight:bold; }
.ecw-wordlabel { margin:0px; text-transform: uppercase; }
.ecw-wordinfo { font-size:14px; color:#606060; }
.ecw-worderror { margin-top:1em; display:none; font-weight:bold; color:#c00000; }
input.ecw-input { font-weight:bold; text-transform:uppercase; background:none; font-size:20px; border:none; outline:none; border-bottom:dashed 1px #000; }
#overallCheck { position:absolute; bottom:30px; right:30px; }