@charset "utf-8";
/* CSS for InitTracker.php */

input { height:54px; font:normal 12px/1em Arial, Helvetica, sans-serif; -webkit-text-size-adjust:none; }
fieldset { margin:0; padding:10px; font:normal 12px/1em Arial, Helvetica, sans-serif; }
select { font:normal 16px/1.2em Arial, Helvetica, sans-serif; }
.clear { clear:both; }

.frame { width:700px; height:460px; margin:10px 0; padding:10px; border:1px solid #000; }
h3, h4 { width:459px; height:143px; margin:0 0 10px 0; padding:0; float:left; font:normal 28px/1em Verdana, Arial, Helvetica, sans-serif; text-transform:lowercase; letter-spacing:5px; background:#fff url(tinwatchmanlogoback.png) no-repeat 1px 45px; }
.ad { width:230px; height:143px; margin:0 0 10px 0; padding:0; float:right; }
#adbox { width:226px; height:143px; display:block; position:absolute; margin:11px 0 0 482px; padding:0; border:1px solid #000; z-index:1000; }
.webkit #adbox, .ff2 #adbox, .ff3 #adbox, .ie7 #adbox, .ie8 #adbox { overflow-x:hidden; overflow-y:auto; }
.column1 { width:220px; height:306px; float:left; margin:0; padding:1px 12px 0 0; }
.column1 input { width:220px; height:54px; margin:0 0 9px; }
.column1 input.last { margin:0; }
.column2 { width:467px; height:307px; margin:0; padding:0; float:left; }
#initlist { width:445px; height:216px; margin:0 0 12px 0; padding:10px; border:1px solid #000; font:normal 12px/1.15em Arial, Helvetica, sans-serif; }
.webkit #initlist, .ff2 #initlist, .ff3 #initlist, .ie8 #initlist { overflow-x:hidden; overflow-y:auto; }
.ie7 #initlist { overflow-x:hidden; overflow-y:scroll; }
#initlist p { margin:0 0 1em 0; padding:0; }
.copyright { font:normal 11px/1.15em Arial, Helvetica, sans-serif; }
.myresponsetext { font:normal 10px/1em Arial, Helvetica, sans-serif; color:#fff; }
#initlist-table { width:443px; margin:0 0 1em 0; padding:0; border:1px solid #000; border-collapse:collapse; table-layout:fixed; }
#initlist-table .col1 { width:15px; height:16px; }
#initlist-table .col2 { width:100px; height:16px; padding:3px; }
#initlist-table .col3 { width:275px; height:16px; padding:3px; }
#initlist-table .col4 { width:17px; height:16px; padding:3px; }
.ie7 .col1, .ie7 .col2, .ie7 .col3, .ie7 .col4 { border-color:#000!important; }
a.deleteRow { width:10px; height:14px; margin:0; padding:0; display:inline-block; background:url(black-x.png) no-repeat center center; text-decoration:none; }
a.deleteRow:hover { background:url(red-x.png) no-repeat center center; text-decoration:none; }
#initlist-table tr { background-color:#eee; }
#initlist-table tr.odd { background-color:#fff; }
#initlist-current { color:#fff; background-color:#000!important; }
#initlist-current .col1 { background:#000 url(arrow.png) no-repeat center center; }
#initlist-current a.deleteRow { background:url(white-x.png) no-repeat center center; }
#initlist-current a.deleteRow:hover { background:url(red-x-black.png) no-repeat center center; }
.control { width:467px; height:54px; margin:0; padding:1px 0 0 0; }
.control input { width:112px; }
#back_btn { margin:0 66px 0 0; }
#newrd_btn { margin:0 65px 0 0; }

#charname-set { width:680px; margin:0 0 10px 0; clear:left; }
#charname-txt { width:670px; height:30px; font:normal 24px/1.2em Arial, Helvetica, sans-serif; }
#initiative-set { width:214px; margin:0 10px 0 0; padding:10px 10px 46px; display:block; float:left; }
#init-add-txt { width:34px; height:30px; font:normal 24px/1.2em Arial, Helvetica, sans-serif; }
#init-result-txt { width:37px; height:30px; font:normal 24px/1.2em Arial, Helvetica, sans-serif; }
#initiative-set span { display:inline-block; float:right; clear:both; margin:15px 0 0 0; }
#ability-set { width:193px; display:block; float:left; }
#ability-txt { width:45px; height:30px; float:right; font:normal 24px/1.2em Arial, Helvetica, sans-serif; }
#add-buttons { width:226px; height:200px; padding:4px 0 0 0; float:right; }
#add-cancel { width:226px; height:67px; margin:0 0 10px 0; }
#add-go { width:226px; height:146px; }

#monlabel-set { width:201px; margin:0 10px 10px 0; float:left; clear:left; }
#monlabel-txt { width:186px; height:38px; font:normal 24px/1em Arial, Helvetica, sans-serif; }
#monnum-set { width:199px; margin:0 0 10px 0; padding:10px 10px 18px; float:left; }
#monnum-set span { width:110px; display:inline-block; float:left; margin:0 10px 0 0; }
#monnum { width:75px; font:normal 18px/1em Arial, Helvetica, sans-serif; float:right; }
#moninit-set { width:201px; margin:0 10px 0 0; display:block; float:left; clear:left; }
#moninit-set span { display:inline-block; float:left; clear:left; margin:10px 0 0 0; }
#moninit-set span label { width:150px; float:left; }
#mon-add-txt { width:35px; height:27px; font:normal 24px/1.2em Arial, Helvetica, sans-serif; }
#monabil-txt { width:35px; height:27px; font:normal 24px/1.2em Arial, Helvetica, sans-serif; }
#monresult-set { width:199px; margin:0; display:block; float:left; clear:none; }
#monresult { width:199px; height:171px; overflow:auto; margin:0; padding:0; list-style:square inside; font:normal 12px/1em Arial, Helvetica, sans-serif;}
#mon-buttons { width:229px; margin:0; padding:2px 0 0 0; float:right; }
#monroll-btn { width:229px; height:111px; margin:0 0 6px 0; }
#moncancel-btn { width:229px; margin:0 0 6px 0; }
#monadd-btn { width:229px; height:113px; margin:0; }

.transbox { width:700px; min-height:150px; padding:75px 0; }
.warning-box { position:absolute; z-index:100; background:transparent; margin:-411px 0 0 0; border:0 none; }
.warningbox { width:300px; min-height:150px; margin:0 auto; padding:0 10px; text-align:center; border:1px solid #000; background:#FFF; }
.warningbox p { margin:1em 0; font:bold 18px/1em Arial, Helvetica, sans-serif; color:#000; }
.warning-control { padding:0 0 10px 0; }
.warning-control input { width:75px; height:75px; }
#clear-yes, #delete-yes { float:left; }
#clear-no, #delete-no { float:right; }
.ie7 .warning-control { padding:0; }

#options-area { width:700px; height:218px; margin:0; padding:0 0 10px; float:left; clear:left; }
#options-area fieldset { display:block; padding:10px; border:2px groove #CCC; }
#options-rank-order-set { margin:0 0 10px; }
#options-confirm-set { width:321px; margin:0 10px 10px 0; float:left; clear:left; }
#options-confirm-delete, #options-confirm-clear, #options-autosuggest-switch, #options-autosuggest-clear { height:auto; -webkit-appearance:checkbox!important; display:inline-block; line-height:1.5em; }
#options-confirm-set label, #options-autosuggest-set label { display:inline-block; line-height:1.5em; }
#options-autosuggest-set { width:321px; margin:0 0 10px; float:left; clear:right; }
#options-default-die { clear:both; }
#options-buttons { width:700px; height:54px; padding:25px 0 0 0; float:right; clear:both; }
#options-buttons input { width:219px; }
#options-reset, #options-cancel { margin:0 17px 0 0; }
.ie7 #options-area { height:228px; padding:0; }
.ie7 #options-buttons { height:79px; float:none; }

.credits { height:218px; padding:10px 0 0; clear:both; font:normal 18px/1.5em Arial, Helvetica, sans-serif; letter-spacing:2px; }
.credits p { margin:0 0 1em; padding:0; }
.return-button-container { width:215px; height:54px; padding:26px 0 0 0; float:right; }
.return-btn { width:215px; }

.safari input { -webkit-appearance:none; }