/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,img { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table {}

h1 {font-size:2em; margin:0 0 10px 0;}
h2 {font-size:2em; margin:0 0 10px 0;}

a {color:#087d80; text-decoration:none;}

/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

body {font-family:'Tahoma', Verdana, Arial, Sans-Serif; font-size:11px; margin:5px 10px;}
body.basic {background-color:#f0f0f0;}

.bold {font-weight:bold;}



p {margin-bottom:10px;}
p.bold {color:#333; margin:20px 0 10px 0;}
p.details {font-size:.8em;}
p.heading {font-size:1.4em; color:#087d80; font-weight:normal;}

#workfly-branding {float:left; margin-top:30px;}
#workfly-branding h1 {font-size:1em;}


#control-panel {position:relative; width:100%; min-width:984px; height:25px;}
#control-panel .login {position:relative; float:left;}
#control-panel .login table tr td {padding-right:5px;}
#control-panel .registration {position:absolute; top:0; right:0;}

#window {width:984px; margin:auto auto 40px auto; position:relative;}
#window.master-page {text-align:left; margin-top:10px;}

#window #workfly {margin:30px auto 20px auto; width:140px; display:block;}

#window .whole-box {position:relative; width:100%; min-height:150px; clear:both; background:url(../images/masters/whole-bg.jpg) top left repeat-y;}
#window .whole-box .top {position:absolute; top:0; left:0; z-index:1;}
#window .whole-box .content {position:relative; padding:25px 40px 20px 40px; z-index:2;}
#window .whole-box .content .half-panel {width:600px; float:left; position:relative;}
#window .whole-box .content .real-half-panel {width:500px; float:left; position:relative;}
#window .whole-box .content .half-panel-form {width:490px; float:left; position:relative; margin-right:50px;}
#window .whole-box .content .half-panel hr {margin:50px 0 50px 0;}
#window .whole-box .content .third-panel {width:275px; float:left; margin-right:50px;}
#window .whole-box .content ol {list-style:decimal; list-style-position:outside; padding:20px;}
#window .whole-box .content ol li {margin-bottom:10px;}
#window .whole-box .radio-list td {padding-right:10px;}
#window .whole-box .bottom {position:absolute; bottom:0; left:0; z-index:1;}

#window .sub-box {position:relative; width:359px; min-height:120px; background:url(../images/masters/sub-bg.jpg) top left repeat-y; float:left;}
#window .sub-box .top {position:absolute; top:0; left:0;}
#window .sub-box .content {position:inherit; padding:15px; z-index:2;}
#window .sub-box .bottom {position:absolute; bottom:0; left:0;}

#window .sub-panel {position:relative; width:200px; min-height:120px; background:url(../images/masters/sub-panel-bg.jpg) top left repeat-y; float:right;}
#window .sub-panel .top {position:absolute; top:0; left:0;}
#window .sub-panel .content {position:inherit; padding:15px; z-index:2;}
#window .sub-panel .bottom {position:absolute; bottom:0; left:0;}

#window .side-panel {position:relative; width:250px; float:right; margin:20px 20px 0 0;} 
#window .side-panel .top {position:absolute; top:0; left:0;}
#window .side-panel .content {position:inherit; padding:15px; z-index:2;}
#window .side-panel .bottom {position:absolute; bottom:0; left:0;}

#window .left-side-panel {position:relative; width:250px; float:left; margin:20px 20px 0 0;} 
#window .left-side-panel .top {position:absolute; top:0; left:0;}
#window .left-side-panel .content {position:inherit; padding:15px; z-index:2;}
#window .left-side-panel .bottom {position:absolute; bottom:0; left:0;}

#window .third-box {position:relative; width:309px; overflow:hidden; min-height:120px; background:url(../images/masters/third-bg.jpg) top left repeat-y; float:left; margin:0 20px 20px 14px; clear:left;}
#window .third-box .top {position:absolute; top:0; left:0;}
#window .third-box .content {position:inherit; padding:0 15px 15px 15px; z-index:2;}
#window .third-box .content .heading {font-size:1.4em; margin:5px 0 5px 0; display:block; font-weight:bold; float:left;}
#window .third-box .content p {clear:left;}
#window .third-box .bottom {position:absolute; bottom:0; left:0;}

.ddl {display:inline;}

.error-label {color:Red;}

.login-box {position:relative; width:309px; overflow:hidden; min-height:120px; background:url('../images/masters/third-bg.jpg') repeat-y left top; margin:0 0 20px 0; clear:left;}
.login-box .top {position:absolute; top:0; left:0;}
.login-box .content {position:inherit; padding:0 15px 15px 15px; z-index:2;}
.login-box .content .heading {font-size:1.4em; margin:5px 0 5px 0; display:block; font-weight:bold; float:left;}
.login-box .content p {clear:left;}
.login-box .bottom {position:absolute; bottom:0; left:0;}

#window .half-box {position:relative; width:650px; overflow:hidden; min-height:120px; background:url(../images/masters/half-box-bg.jpg) top left repeat-y; float:left; margin:0 0 20px 14px;}
#window .half-box .top {position:absolute; top:0; left:0;}
#window .half-box .content {position:inherit; padding:15px; z-index:2;}
#window .half-box .bottom {position:absolute; bottom:0; left:0;}

#window #heading h1 {font-size:2em; color:#999; font-weight:normal;}

#window .content .half {width:400px; margin-right:50px; float:left; z-index:3;}
#window .content .half table {width:100%;}
#window .content .half table td {padding:0 0 10px;}

#service-panel {width:450px; margin:0 auto;}

#menu {height:25px; margin:0;}
#menu input {margin:0; padding:0; border:none 0;}

#nav {margin:50px auto; width:32px;}

#footer {color:#999; clear:both; position:relative;}
#footer .content {position:absolute; bottom:-40px; left:0;}

.agent-id {border:dotted 1px #ccc; background-color:#efefef; padding:10px; font-size:2em; margin-bottom:20px;}
.agent-bus table td {padding-bottom:0px;}
.agent-progress {width:150px; height:15px; border:solid 1px #ccc; background-color:#fff; float:left;}
.agent-progress .progress {background-color:#666; height:15px;}

#branding {width:200px; float:right; display:block;}

#ticket-details {margin:40px 20px 0 0; float:left; width:500px; padding:10px;}

.business-wizard {width:729px; margin:auto;}

.services {background:url(../images/services/bg.jpg) top left repeat-x; vertical-align:top; height:149px; margin-bottom:20px; overflow:hidden;}
.services h2 {font-size:1.2em; margin-bottom:10px; font-weight:bold;}
.services img {float:left;}

.services .bottom-pad {padding:0 10px 10px 10px;}

.services table {width:80%;}
.services table tr td {height:149px; text-align:center; padding:0 0 0 20px;}
.services table tr td img {float:none;}
.services table tr td a {display:block; margin-bottom:10px;}

.deployment {clear:both; padding:0 20px 0 20px; margin:5px 30px 50px 0; float:left;}
.deployment p {margin-top:10px;}
.deployment a {font-size:1.4em;}

.info-panel {width:126px; float:left; padding:10px; margin-right:20px;}
.info-panel h1 {margin-bottom:10px; color:#999; font-weight:normal;}

.formulas {padding:10px; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; background-color:#f6f6f6;}

input[type="text"] {border:solid 1px #ccc; padding:5px; color:#666; font-size:1em; min-width:150px; background-color:#fff;}
input[type="password"] {border:solid 1px #ccc; padding:5px; color:#666; font-size:1em; min-width:150px;}
select {border:solid 1px #ccc; padding:2px; width:150px;}

.textbox-stretch {width:100%; border:solid 1px #ccc; padding:2px; color:#666; font-size:1em;}
.wide-textbox {border:solid 1px #ccc; padding:2px; color:#666; font-size:1em; width:500px;}
.form-textbox {width:150px; border:solid 1px #999; padding:2px; color:#333; font-size:1em; float:left;}
.form-label {display:block; float:left; padding-top:2px; min-width:80px; overflow:visible;}
.form-image-button {float:left; margin:0 10px;}
.form-link-button {float:left; margin-left:5px; display:block; padding-top:2px;}
.email-textbox {width:280px; height:50px; border:solid 1px #999; padding:2px; color:#333; font-size:1em; clear:left; display:block; margin-top:10px;}
.form-email {width:200px; border:solid 1px #999; padding:2px; color:#333; font-size:1em; float:left;}

.checkbox-list label {margin-left:10px; padding-bottom:2px;}

.card {width:200px; margin-bottom:50px;}
.card h2 {font-weight:bold; font-size:1.2em; margin:10px 0;}

.header {font-size:1.4em; margin-bottom:20px; display:block;}

.teleNumber {font-size:1.6em;}

.teal {color:#087d80;}

.block {display:block;}

.daily {}
.daily .link {text-decoration:underline;}

table tr td p.title {font-size:1.4em; font-weight:bold; padding-top:35px;}

#review-rot {height:50px; overflow:auto}

#review-rotator li {width:260px}

.reviews {margin-bottom:10px;}
.review-description {width:250px;}
.review-sidebar {float:left; width:250px; margin:0 20px 0 0;}
.review-content td {padding:10px 20px;}

.boxy {border:solid 1px #ccc; padding:10px; margin-bottom:10px;}
.boxy .details {font-size:0.9em; color:#999;}

.registration-table tr td {padding:0 10px 10px 0;}
.registration-table .bold {font-size:1.2em; margin-top:20px; display:block;}