@charset "utf-8";
/* CSS for InitTracker.php - iPhone and iPod Touch - v0.2 */

body { margin:0; padding:0; }
input { height:33px; font:normal 11px/1em Arial, Helvetica, sans-serif; -webkit-text-size-adjust:none; }
fieldset { margin:0; padding:5px; font:normal 12px/1em Arial, Helvetica, sans-serif; }
.ipod input[type="text"], .iphone input[type="text"] { padding:3px; }

.frame { width:460px; height:300px; margin:0; padding:10px; border:1px solid #000; }
h3, h4 { width:306px; height:90px; margin:0 0 10px 0; padding:0; float:left; font:normal 18px/1em Verdana, Arial, Helvetica, sans-serif; text-transform:lowercase; letter-spacing:4px; background:#fff url(tinwatchmanlogoback_ipod.png) no-repeat bottom left; }
.ad { width:153px; height:90px; margin:0 0 10px 0; padding:0; float:right; }
#adbox { width:151px; height:88px; display:block!important; position:absolute; float:none; margin:11px 0 0 318px; 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:147px; height:200px; float:left; margin:0; padding:0 6px 0 0; }
.column1 input { width:147px; margin:0 0 9px 0; }
.column1 input.last { margin:0; }
.column2 { width:306px; height:200px; margin:0; padding:0; float:left; }
#initlist { width:278px; height:136px; margin:0 0 10px 6px; 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:278px; margin:0 0 1em 0; padding:0; border:1px solid #000; border-collapse:collapse; table-layout:fixed; }
#initlist-table .col1 { width:15px; height:14px; }
#initlist-table .col2 { width:75px; height:14px; padding:3px; }
#initlist-table .col3 { width:150px; height:14px; padding:3px; }
#initlist-table .col4 { width:17px; height:14px; padding:3px; }
.ie7 .col1, .ie7 .col2, .ie7 .col3, .ie7 .col4 { border-color:#000!important; }
.ipod #initlist-table .col4, .iphone #initlist-table .col4 { width:20px; }
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:300px; height:35px; margin:0; padding:0 0 0 6px; }
.control input { width:75px; }
#back_btn, #newrd_btn { margin:0 37px 0 0; }

.ipod #initlist-table .col4, .iphone #initlist-table .col4 { width:21px; height:18px; padding:1px; }
.ipod a.deleteRow, .iphone a.deleteRow { padding:2px 4px; border:1px solid #000; }
.ipod #initlist-current a.deleteRow, .iphone #initlist-current a.deleteRow { border:1px solid #FFF; }

#charname-set { width:300px; margin:0 0 10px 0; clear:left; }
.ipod #charname-set, .iphone #charname-set { width:445px; }
#charname-txt { width:296px; height:25px; font:normal 18px/1.2em Arial, Helvetica, sans-serif; }
#init-add-txt { width:23px; height:18px; font:normal 16px/1.2em Arial, Helvetica, sans-serif; }
.ipod #init-add-txt, .iphone #init-add-txt { padding:3px 2px; }
#init-result-txt { width:25px; height:25px; font:normal 18px/1.2em Arial, Helvetica, sans-serif; }
#initiative-set { width:143px; margin:0 3px 0 0; display:block; float:left; }
#initiative-set span { display:inline-block; float:right; clear:both; margin:10px 0 0 0; }
#ability-set { width:137px; display:block; float:left; }
#ability-txt { width:30px; height:25px; float:right; font:normal 18px/1.2em Arial, Helvetica, sans-serif; }
#add-buttons { width:143px; height:100px; float:right; }
#add-cancel { width:143px; margin:3px 0; }
#add-go { width:143px; height:94px; }

#monlabel-set { width:143px; margin:0 0 10px 0; float:left; clear:left; }
#monlabel-txt { width:133px; height:25px; font:normal 16px/1em Arial, Helvetica, sans-serif; }
#monnum-set { width:139px; margin:0 0 10px 3px; float:left; }
#monnum-set span { width:73px; display:inline-block; float:left; margin:0 10px 0 0; }
#monnum { width:50px; height:25px; font:normal 16px/1em Arial, Helvetica, sans-serif; float:right; }
#moninit-set { width:143px; margin:0 3px 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:100px; float:left; }
#mon-add-txt { width:23px; height:18px; font:normal 16px/1.2em Arial, Helvetica, sans-serif; }
.ipod #mon-add-txt, .iphone #mon-add-txt { padding:3px 2px; }
#monabil-txt { width:23px; height:18px; font:normal 16px/1.2em Arial, Helvetica, sans-serif; }
#monresult-set { width:139px; margin:0 3px 0 0; display:block; float:left; clear:none; }
#monresult-set ul { width:130px; height:100px; overflow:auto; margin:0; padding:0; list-style:square inside; font:normal 11px/1em Arial, Helvetica, sans-serif;}
#mon-buttons { width:143px; margin:3px 0 0 0; float:right; }
#monroll-btn { width:143px; height:57px; margin:0 0 3px 0; }
#moncancel-btn { width:143px; margin:0 0 3px 0; }
#monadd-btn { width:143px; height:96px; margin:0; }

.warning-box { position:absolute; z-index:100; background:transparent; margin:-320px 0 0 0; border:0 none; }
.transbox { width:460px; min-height:150px; padding:75px 0; }
.warningbox { width:200px; min-height:150px; margin:0 auto; padding:0 10px; text-align:center; border:1px solid #000; background:#FFF; }
.warningbox p { font:bold 16px/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; }

#options-area { width:460px; height:140px; margin:0; padding:0 0 10px; float:left; }
#options-area fieldset { display:block; }
#options-rank-order-set { margin:0 0 5px; clear:both; }
#options-confirm-set { width:216px; margin:0 5px 5px 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:211px; margin:0 0 5px; float:left; clear:right; }
#options-default-die { clear:both; }
#options-buttons { width:460px; height:33px; padding:17px 0 0 0; float:right; clear:both; }
#options-buttons input { width:143px; height:33px; }
#options-reset, #options-cancel { margin:0 11px 0 0; }
.ie7 #options-area { height:150px; padding:0; }
.ie7 #options-area fieldset { padding:5px 3px 3px; }
.ie7 #options-buttons { height:50px; float:none; }
.ie7 #options-area fieldset label { padding:5px 0 0; }

.credits { height:150px; clear:both; font:normal 11px/1.5em Arial, Helvetica, sans-serif; letter-spacing:2px; }
.credits p { margin:0 0 10px; padding:0; }
.ipod .credits p, .iphone .credits p { font:normal 10px/1.5em Arial, Helvetica, sans-serif; }
.return-button-container { width:143px; height:33px; padding:17px 0 0 0; float:right; }
.return-btn { width:143px; height:33px; }

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