/*
	Project: Resto Druid Healing Calculator
	Document: main stylesheet
	Coder: http://mr-woodman.ru
*/

.no-style { display: none; }
body { width: 100%; margin: 0px; padding: 0px; 
	background: black url(img-markup/header-back.jpg) no-repeat center top;
    font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 14px; color: #b9b9b9; }
#page {  width: 1000px; margin: 0 auto; }
.negative { color: #ff1c1c; }
a { outline: none; }

/* Clear */

input, select, label, fieldset, dl, dt, dd { display: block; margin: 0px; padding: 0px; border: 0px; }
h1, h2, h3, h4, p { display: block; margin: 0px; padding: 0px; }

/* Forms */

input[type="text"] { height: 20px; border: solid #abadb3 1px; line-height: 20px; padding: 0px 4px; }
input[type="botton"] { background-color: transparent; }
select { height: 22px; }
input[type="button"] { cursor: pointer; }

/* Header */

#header { position: relative; float: left; clear: left; height: 293px; width: 100%; }
#header a { color: #9cff01; }
h1 { position: absolute; top: 50px; left: 160px; width: 500px; height: 55px; background-image: url(img-markup/resto-druid-title.png); }
.calc-copyright { position: absolute; top: 110px; left: 350px; height: 17px; width: 300px; padding-left: 7px;
	font-size: 11px; line-height: 17px;
    background-image: url(img-markup/tree-calc-info-back.png); background-repeat: no-repeat; }    
.wow-logo { position: absolute; top: 55px; left: 35px; width: 117px; height: 66px; }
.wow-logo a { display: block; width: 100%; height: 100%; background-image: url(img-markup/wow-logo.png); }    
.discussion { position: absolute; top: 0px; left: 176px; width: 113px; height: 25px; }
.discussion a { display: block; width: 100%; height: 100%; background-image: url(img-markup/discussion.png); }
.site-copyright { display: block; position: absolute;  right: 2px; bottom: 0px;	text-align: right; font-size: 10px; }

/* Import character block */

#import-character { position: absolute; left: 176px; top: 163px; width: 490px; height: 112px; padding: 8px 10px 0px 10px; 
	background-image: url(img-markup/import-back.png); }
#import-character h3 { width: 173px; height: 25px; margin-bottom: 6px; 
	background-image:url(img-markup/import-character-title.png); }
#import-character p { font-size: 12px; }
#import-character .error { float: right; margin-top: -20px; margin-right: 8px; color: #e90000; }
#import-character .help { float: left; clear: left; margin-top: 10px; line-height: 18px; }
#import-character input, 
#import-character select { float: left; margin-right: 7px; }

#import-character .import-but { display: block; float: left; width: 58px; height: 22px; margin-right: 0px; background-image: url(img-markup/import-button.png); }
#import-character .import-but:hover { background-position: 0px -22px; }
#import-character .import-but:active { background-position: 0px -44px; }
/*#import-character input[type="botton"] { width: 58px; height: 22px; margin-right: 0px;
	background-image: url(img-markup/import-button.png); }
#import-character input[type="botton"]:hover { background-position: 0px -22px; }
#import-character input[type="botton"]:active { background-position: 0px -44px; }*/
#import-character input[type="text"] { width: 120px; }
#import-character select { width: 50px; }
#import-character select#status { width: 90px; }

/* Tabs navigation */

#tabs ul, #tabs li { list-style: none; display: block; margin: 0px; padding: 0px; }
#tabs ul { height: 50px; width: 100%; }
#tabs li { float: left; margin-right: 2px; white-space: nowrap; height: 50px; }
#tabs li a { display: block; height: 50px;  }
#tabs.ui-tabs a { background-position: 0px 0px; }
#tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { background-position: 0px -150px; }
#tabs.ui-tabs a:hover { background-position: 0px -50px; }
#tabs.ui-tabs a:active { background-position: 0px -100px; }
#tabs.ui-tabs a[href="#stats"] { width: 87px; background-image:url(img-markup/stats-tab.png); }
#tabs.ui-tabs a[href="#gear"] { width: 87px; background-image:url(img-markup/gear-tab.png); }
#tabs.ui-tabs a[href="#talents-glyphs"] { width: 207px; background-image:url(img-markup/talents-glyphs-tab.png); }
#tabs.ui-tabs a[href="#buffs"] { width: 90px; background-image:url(img-markup/buffs-tab.png); }

/* Tabs */

.tab { width: 1000px; padding-top: 20px; padding-bottom: 15px;
	background: #000c04 url(img-markup/tabs-back-bottom.png) no-repeat bottom; }
#tabs { clear: left; background: url(img-markup/tabs-back-top.png) no-repeat left 46px; }
#tabs .no-style { display: none; }
#tabs .column { float: left; }
#tabs .column p { height: 32px; }
#tabs .column label { width: 180px; margin-right: 15px; text-align: right; white-space: nowrap; }
#tabs .column.first label { width: 140px; }
#tabs #stats .column.first label { width: 110px; }
#tabs #buffs label { width: 140px; }
#tabs #buffs .column.first label { width: 130px; }
#tabs #stats .note { margin-top: 40px; margin-left: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #87edb4; line-height: normal;  }
#tabs #talents-glyphs .major-glyphs label { color: #609ddc; }
#tabs span { display: block; float: left; font-size: 10px; line-height: 12px; margin-right: 15px; }
#tabs strong { display: block; color: #7cff1c; font-weight: bold; }
#tabs em { display: block; color: #008bf6; font-style: normal; font-weight: bold; }
#tabs span strong.negative, #tabs span em.negative { color: #ff1c1c; }
#tabs .buttons { clear: left; margin-left: 20px; padding-top: 20px; }
#tabs .buttons input[type="button"] { width: 214px; height: 38px; margin-right: 15px; background-color: transparent; outline: none; }
#tabs .buttons input[type="button"]:hover { background-position: 0px -38px; }
#tabs .buttons input[type="button"]:active { background-position: 0px -76px; }
#tabs .buttons input[type="button"].reset { background-image:url(img-markup/reset-button.png); }
#tabs .buttons input[type="button"].none { background-image:url(img-markup/none-button.png); }
#tabs .buttons input[type="button"].defaults { background-image:url(img-markup/defaults-button.png); }
#tabs input, 
#tabs label, #tabs select { float: left; }
#tabs select { width: 60px; }
#tabs input[type="text"] { width: 90px; margin-top: 2px; }
#tabs input[type="checkbox"] { margin-top: 5px; }
#tabs label { margin-top: 6px; }
#tabs input, #tabs select { margin-right:  8px; font-size: 14px; }

/* Rotations */

#rotations { width: 1000px; clear: left; margin-top: 36px; 
	background-image: url(img-markup/rotations-back.png); background-repeat: no-repeat; background-position: left 1px;  }
#rotations table { width: 100%; }
#rotations th { height: 40px; padding-left: 15px; text-align: left; color: #6aa7ce; }
#rotations .rotations { width: 370px; background-image: url(img-markup/rotations.png); background-repeat: no-repeat; background-position: 15px center; }
#rotations input, #rotations label { float: left; }
#rotations .hps { width: 105px; }
#rotations .hpm { width: 95px; }
#rotations .regen { width: 135px; }
#rotations td { height: 36px; padding-left: 15px; }
#rotations input { margin-right: 10px; }
#rotations strong, #rotations em, #rotations small { font-size: 11px; font-style: normal; font-weight: bold; }
#rotations strong { color: #7cff1c; }
#rotations em { color: #008bf6; }
#rotations small { color: #fff; }
#rotations .negative { color: #ff1c1c; }
#rotations input[type="button"] { width: 214px; height: 38px; margin-top: 6px; margin-right: 15px; outline: none; 
	background-color: transparent; background-image: url(img-markup/update-hps.png);  }
#rotations input[type="button"]:hover { background-position: 0px -38px; }
#rotations input[type="button"]:active { background-position: 0px -76px; }
#rotations tfoot td { padding-top: 15px; }
#rotations .haste-cap-info { float: left; width: 200px; line-height: 24px; }
#rotations .haste-cap-info p {clear: left; }
#rotations .haste-cap-info p strong { display: block; float: right; font-size: 14px; color: #fff }

/* WOW-Copyright */

.wow-copyright { clear: left; margin-top: 50px; margin-bottom: 50px; text-align: center; font-size: 10px; }