/* ::::: http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold ::::: */

@font-face {
	font-family: "Droid Sans";
	font-style: normal;
	font-weight: bold;
	src: local("Droid Sans Bold"), local("DroidSans-Bold"), url('font') format("woff");
}
@font-face {
	font-family: "Droid Sans";
	font-style: normal;
	font-weight: normal;
	src: local("Droid Sans"), local("DroidSans"), url('font_001.dat') format("woff");
}
/* ::::: http://fonts.googleapis.com/css?family=Droid+Sans+Mono ::::: */

@font-face {
	font-family: "Droid Sans Mono";
	font-style: normal;
	font-weight: normal;
	src: local("Droid Sans Mono"), local("DroidSansMono"), url('font_002.dat') format("woff");
}
/* ::::: http://tf.dtbaker.com.au/template/short_simple/css/styles.css ::::: */

body { background-color: rgb(0, 0, 0); background-image: url(bg_grey_gradient.jpg); background-position: center top; background-repeat: repeat; margin: 0px; padding: 0px; color: rgb(102, 102, 102); font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 1.5em; }
a, a:link, a:visited { color: rgb(102, 102, 102); outline: medium none; }
a:hover { color: rgb(250, 127, 40); text-decoration: none; }
#bg_top { background: url(bg_top_gradient.png) repeat-x scroll center top transparent; width: 100%; }
#wrapper { width: 956px; margin: 0px auto; }
#header { height: 80px; width: 950px; margin: 0px auto; }
#logo { width: 223px; height: 56px; margin: 13px 0pt 0pt 22px; float: left; }
#header_contact { width: 500px; height: 38px; float: left; margin: 27px 0px 0px; line-height: 19px; }
#header_contact .icon { width: 17px; height: 13px; float: left; margin: 2px 5px 0pt 0pt; }
#header_contact .small { color: rgb(204, 204, 204); font-size: 11px; font-family: 'Droid Sans',arial,serif; text-transform: uppercase; font-weight: bold; }
#header_contact .large { color: rgb(204, 204, 204); font-size: 19px; font-family: 'Droid Sans',arial,serif; letter-spacing: 1px; font-weight: bold; }
#menu { height: 49px; margin: 0px 0pt 6px; clear: both; background: url(menu_bg.png) no-repeat scroll left top transparent; }
ul#navigation { margin: 0px 0pt 0pt 25px; padding: 0px; width: 700px; height: 39px; float: left; position: absolute; z-index: 100; }
ul#navigation li { float: left; list-style: none outside none; display: inline; padding: 0px; margin: 0px; }
ul#navigation a { float: left; color: rgb(99, 94, 94); padding: 12px 13px 10px; text-decoration: none; text-transform: uppercase; font: 14px 'Droid Sans',arial,serif; letter-spacing: 1px; background-image: url(menu_divider.gif); background-position: right center; background-repeat: no-repeat; }
ul#navigation li.hover a, ul#navigation li:hover a, ul#navigation a.active, ul#navigation a:hover { color: rgb(0, 0, 0); }
ul#navigation li.hover, ul#navigation li:hover { position: relative; }
ul#navigation li.hover ul.second-level, ul#navigation li:hover ul.second-level { display: block; }
ul#navigation ul.second-level { position: absolute; top: 35px; left: 0pt; margin: 0pt; padding: 5px; width: 160px; display: none; background-color: rgb(233, 237, 240); }
ul#navigation ul.second-level li { width: 160px; margin: 0pt; }
ul#navigation ul.second-level a { display: block; float: none; width: 140px; border-width: medium medium 1px; border-style: none none solid; border-color: -moz-use-text-color -moz-use-text-color rgb(204, 204, 204); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none; padding: 0pt 10px; background: none repeat scroll 0% 0% transparent; font: 12px/24px Arial,Helvetica,sans-serif; color: rgb(102, 102, 102); text-transform: none; }
ul#navigation ul.second-level li.hover a, ul#navigation ul.second-level li:hover a, ul#navigation ul.second-level a:hover { color: rgb(102, 102, 102); background-color: rgb(241, 244, 246); }
#search_box_container { width: 233px; float: right; }
#search_box_container .field { background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); width: 155px; height: 21px; float: left; margin: 6px 0px 0pt 0pt; }
#search_box_container .button { border: medium none; background: none repeat scroll 0% 0% transparent; font: bold 11px 'Droid Sans',arial,serif; color: rgb(99, 94, 94); float: right; margin: 11px 10px 0pt 0pt; }
#content {  }
#content_border { background: url(bg_tile.png) repeat-y scroll 0% 0% transparent; }
#content_bg { background: url(main_bg.png) repeat-x scroll center top transparent; margin: 0px 3px; min-height: 50px; padding: 10px 10px 0px 10px; }
#content_seperator { background: url(main_dot.png) repeat-y scroll 300px 0px transparent; }
#left_column { float: left; width: 250px; padding: 10px 20px 20px; }
#left_column p { margin: 0px; padding: 0px; }
#right_column { float: right; width: 577px; padding: 10px 20px 20px; margin-right: 20px; overflow: auto; }
hr.clear { margin: 0px; clear: both; visibility: hidden; }
#footer { height: 49px; width: 916px; margin: 14px auto 0pt; color: rgb(99, 94, 94); font-size: 10px; padding: 10px 20px 0pt; font-family: Verdana,Arial,Helvetica,sans-serif; clear: both; background: url(footer_bg.png) no-repeat scroll left top transparent; }
#footer a, #footer a:link, #footer a:visited { color: rgb(99, 94, 94); text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer ul { margin: 0px; padding: 0px; }
#footer li { margin: 0pt 4px; list-style: none outside none; float: left; }
#footer img { margin-top: -3px; }
#footer .right { width: 235px; float: right; text-align: right; }
#footer .left { width: 400px; float: left; }
.keep_in { font-size: 14px; font-family: 'Droid Sans',arial,serif; padding-top: 1px; }
h1 { color: rgb(99, 94, 94); font-family: 'Droid Sans',arial,serif; font-size: 18px; font-weight: bold; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; }
h2 { color: rgb(51, 51, 51); font-family: 'Droid Sans',arial,serif; font-size: 14px; font-weight: bold; line-height: normal; margin: 3px 0pt; padding: 0px; }
h3 { color: rgb(0, 0, 0); font-family: 'Droid Sans',arial,serif; font-size: 14px; font-weight: bold; line-height: normal; margin: 3px 0pt 0pt; padding: 0px; }
.three_columns { width: 597px; min-height: 127px; margin-top: 20px; }
.three_columns .box { width: 189px; margin-right: 10px; background: url(box_bg.jpg) repeat-x scroll center bottom transparent; float: left; height: 127px; overflow: hidden; }
.three_columns .box .icon { width: 27px; float: left; }
.three_columns .box .text { width: 157px; float: right; }
.three_columns .box .text p { margin: 0px; padding: 0px; }
.three_columns .box .text ul { margin: 5px 0pt 0pt 15px; padding: 0px; }
.three_columns .box .text li { list-style: square outside none; font-size: 11px; line-height: 12px; padding-bottom: 5px; color: rgb(250, 127, 40); }
.three_columns .box .text li a, .three_columns .box .text li a:link, .three_columns .box .text li a:visited { text-decoration: none; }
#newsletter { margin: 0px; padding: 0px; width: 100%; }
#newsletter_form { margin: 8px 0pt 0pt; padding: 0pt; }
#newsletter_input { height: 35px; }
#newsletter_input label { float: left; }
#newsletter_input label input { border: 1px solid rgb(229, 229, 229); padding: 4px; height: 15px; font-size: 11px; width: 107px; margin: 0px 6px 0pt 0pt; color: rgb(102, 102, 102); }
#newsletter_submit { text-align: center; }
#newsletter_submit input { text-transform: uppercase; background: url(buttons_tile.jpg) repeat scroll 0% 0% rgb(239, 239, 239); border: 1px solid rgb(229, 229, 229); font-family: 'Droid Sans',arial,serif; font-size: 11px; font-weight: bold; width: 90px; height: 22px; }
#proposal { width: 100%; height: 52px; border-bottom: 1px solid rgb(229, 229, 229); margin-bottom: 10px; }
#proposal .text { width: 200px; float: left; font-size: 12px; color: rgb(102, 102, 102); font-family: 'Droid Sans',arial,serif; }
#proposal .icon { width: 42px; height: 42px; float: right; }
#clients { width: 100%; height: 140px; border-bottom: 1px solid rgb(229, 229, 229); margin-bottom: 20px; }
#clients ul { margin: 3px 0pt 0px -7px; padding: 0px; }
#clients ul li { list-style: none outside none; margin: 6px 6px 0pt 7px; padding: 0px; float: left; }
#clients ul li img { border: 1px solid rgb(229, 229, 229); }
#blog { margin-left: -27px; font-size: 11px; }
#blog .date { color: rgb(153, 153, 153); font-size: 10px; }
.tooltip_button { position: relative; }
.tooltip { display: none; background: url(tool_tip_large.png) no-repeat scroll left top transparent; height: 120px; padding: 15px 21px; width: 306px; font-size: 11px; color: rgb(255, 255, 255); z-index: 500; }
.tooltip a { color: rgb(250, 127, 40); font-size: 11px; font-weight: bold; }
.tooltip .text { width: 170px; float: left; color: rgb(255, 255, 255); font-size: 11px; line-height: 1.3em; }
.tooltip .text .title { font-size: 14px; font-weight: bold; }
.tooltip p { margin: 0px; padding: 0px; }
.tooltip .icon { width: 120px; float: right; }
.panel { position: absolute; top: 135px; left: 0pt; display: none; background: none repeat scroll 0% 0% rgb(0, 0, 0); border: 1px solid rgb(17, 17, 17); border-top-right-radius: 20px; border-bottom-right-radius: 20px; width: 235px; min-height: 200px; height: auto; padding: 30px 30px 30px 80px; opacity: 0.95; z-index: 600; }
.panel h3 { color: rgb(255, 255, 255); font-family: 'Droid Sans',arial,serif; font-size: 14px; font-weight: bold; line-height: normal; margin: 3px 0pt 0pt; padding: 0px; }
a.trigger { position: absolute; text-decoration: none; top: 135px; left: -30px; width: 51px; height: 124px; background: url(side_call.png) no-repeat scroll left center transparent; display: block; z-index: 1000; }
a.trigger:hover { position: absolute; text-decoration: none; top: 135px; left: 0pt; width: 51px; height: 124px; background: url(side_call.png) no-repeat scroll left center transparent; display: block; }
#call_back_form { margin: 8px 0pt 0pt; padding: 0pt; }
#call_back_input { height: 35px; }
#call_back_input label { float: left; }
#call_back_input label input { border: 1px solid rgb(229, 229, 229); padding: 4px; height: 15px; font-size: 11px; margin: 0px 6px 8px 0pt; color: rgb(102, 102, 102); }
#call_back_submit { text-align: center; }
#call_back_submit input { text-transform: uppercase; background: url(buttons_tile.jpg) repeat scroll 0% 0% rgb(239, 239, 239); border: 1px solid rgb(229, 229, 229); font-family: 'Droid Sans',arial,serif; font-size: 11px; font-weight: bold; width: 90px; height: 25px; margin: 0px; padding: 0px; }
#call_back_name, #call_back_email, #call_back_phone { width: 220px; }
#call_back_time { width: 110px; }


.corners { border-radius: 5px 5px 5px 5px; }
.shadow { box-shadow: 0px 0px 4px rgb(204, 204, 204); }
div#container { width: 462px; margin: 0px auto ! important; }
div#login-box { float: left; width: 440px; height: auto; background: none repeat scroll 0% 0% rgb(255, 255, 255); border: 1px solid rgb(180, 180, 180); padding: 10px; position: relative; margin: 0px 0pt 0pt; }
div.login-box-header { width: 418px; margin: 0px 0pt 10px; height: 29px; float: left; padding: 10px; background: url(bg-header.png) repeat-x scroll 0% 0% rgb(238, 238, 238); border: 1px solid rgb(180, 180, 180); }
ul.tabs { width: auto; float: right; list-style-type: none; margin: 3px 0pt 0pt; }
ul.tabs li { float: left; border: medium none; margin: 0pt 0px -2px 2px; }
ul.tabs li a, ul.tabs li a:active, ul.tabs li a:visited { float: left; padding: 10px 10px 7px; border: 1px solid rgb(204, 204, 204); background: -moz-linear-gradient(center top , rgb(255, 255, 255), rgb(239, 239, 239)) repeat scroll 0% 0% rgb(239, 239, 239); border-top-left-radius: 5px; border-top-right-radius: 5px; text-decoration: none; }
ul.tabs li a:hover, ul.tabs li.ui-state-active a, ul.tabs li.ui-state-active a:active, ul.tabs li.ui-state-active a:visited { float: left; color: rgb(34, 34, 34) !important; border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(255, 255, 255); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none; background: none repeat scroll 0% 0% rgb(255, 255, 255); }
div.tabbox { width: 100%; float: left; border-top: medium none; }
.ui-tabs .ui-tabs-hide { display: none ! important; }
div.login-box-header h2 { float: left; margin: 5px 0pt 0pt 0px; color: rgb(85, 85, 85); font-size: 18px; text-shadow: 0pt 1px 1px rgb(255, 255, 255); font-family: 'UbuntuBold',Arial,sans-serif; }
div.infobox { width: 418px; float: left; margin: 0pt 0pt 20px; padding: 10px; border: 1px solid rgb(204, 204, 204); }
div.infobox h3 { width: 418px; float: left; margin: 0pt 0pt 10px; }
div.infobox p { width: 100%; float: left; }
div.login-box-row-wrap { width: 418px; float: left; background: none repeat scroll 0% 0% rgb(238, 238, 238); border: 1px solid rgb(204, 204, 204); padding: 10px; margin: 0pt 0pt 10px; position: relative; }
div.login-box-row-wrap label { width: 140px; float: left; font-weight: bold; margin: 5px 0pt 0px; }
div.login-box-row-wrap input.input-1 { width: 270px; height: 32px; padding: 0pt 0pt 0pt 6px; float: left; border-radius: 5px 5px 5px 5px; border: 1px solid rgb(204, 204, 204); background: none repeat scroll 0% 0% rgb(255, 255, 255); position: relative; }
div.login-box-row-wrap input.input-1:focus, div.login-box-row-wrap input.input-1:hover  { border: 1px solid #444444 }
div.login-box-row { width: 440px; float: right; margin: 0pt 0pt 0px; }
div.login-box-row input { float: left; margin: 11px 5px 0pt 0px; }
div.login-box-row input#field-remember { float: left; margin: 11px 5px 0pt 200px; }
div.login-box-row label { float: left; margin: 7px 10px 0pt 0pt; }
div.login-box-row #submit { float: right; margin: 0pt 0px 0pt 5px; height: 34px; width: 66px; color: rgb(34, 34, 34); padding: 0px 0px 2px; font-size: 13px; border: medium none; cursor: pointer; background: url(66x34-btn.png) no-repeat scroll 0pt 0pt transparent; }
div.login-box-row #submit:hover { color: rgb(255, 255, 255); background-position: 0pt -34px; }
div.login-box-error-small { width: 438px; height: 30px; float: left; border: 1px solid rgb(247, 76, 76); margin-bottom: 10px; position: relative; background: url(../image/delete.png) no-repeat scroll 10px 50% rgb(254, 191, 191); }
div.login-box-succes-small { width: 438px; height: 30px; float: left; border: 1px solid rgb(81, 190, 33); margin-bottom: 10px; position: relative; background: url(../image/accept.png) no-repeat scroll 10px 50% rgb(195, 251, 170); }
div.login-box-warning-small { width: 438px; height: 30px; float: left; border: 1px solid rgb(213, 201, 19); margin-bottom: 10px; position: relative; background: url(../image/error.png) no-repeat scroll 10px 50% rgb(255, 250, 178); }
div.login-box-error-small p, div.login-box-succes-small p, div.login-box-warning-small p { font-size: 12px; width: auto; float: left; margin: 4px 5px 5px 34px; }

div.box {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #B4B4B4;
    margin: 0 0 20px;
    position: relative !important;
}
div.box-header {
    background: url(bg-header.png) repeat-x scroll 0 0 #EEEEEE;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 29px;
    padding: 10px;
}
div.box-header h2 {
    color: #555555;
    float: left;
    font-family: 'UbuntuBold',Arial,sans-serif;
    font-size: 18px;
    margin: 4px 0 0 0;
    text-shadow: 0 1px 1px #FFFFFF;
}
div.box-header-ctrls {
    float: right;
    height: 34px;
    margin: -2px 0 0;
    position: relative;
    width: 34px;
}
div.box-content {
    border-top: 1px solid #B4B4B4;
    padding: 10px;
}
div#menu-bar {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #B4B4B4;
    height: 50px;
    margin: 0 0 10px;
    position: relative;
    z-index: 2;
}

div#breadcrumbs {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    height: 24px;
    line-height: 16px;
    padding: 10px;
    position: relative;
}
a.close {
	width:34px;
	height:34px;
	float:left;
	background:url(plus.png) no-repeat;
	background-position:0 0px;
}
a.close:hover {
	background-position:0 -34px;
}
a.open {
	width:34px;
	height:34px;
	float:left;
	background:url(/plus.png) no-repeat;
	background-position:0 -68px;
}
a.open:hover {
	background-position:0 -102px;
}


a.show-password-link { width: 34px; height: 20px; display: block; position: absolute; z-index: 11; font-size: 10px; text-align: center; float: none; background: none repeat scroll 0% 0% rgb(102, 102, 102); color: rgb(255, 255, 255); border-radius: 5px 5px 5px 5px; visibility: hidden; }
a.show-password-link:hover { background: none repeat scroll 0% 0% rgb(51, 51, 51); color: rgb(255, 255, 255); text-decoration: none; }
.password-showing { width: 237px; height: 32px; padding: 0pt 0pt 0pt 6px; float: left; border-radius: 5px 5px 5px 5px; border: 1px solid rgb(204, 204, 204); background: none repeat scroll 0% 0% rgb(255, 255, 255); position: relative; z-index: 10; }
.ui-tabs .ui-tabs-hide { display: none ! important; }

div.cmf-skinned-select { background: url(select_btn.png) no-repeat scroll right 0px transparent; border: 1px solid rgb(204, 204, 204); float: left; border-radius: 5px 5px 5px 5px; }
div.cmf-skinned-select:hover { background-position: right -32px; border: 1px solid rgb(68, 68, 68); }
div.cmf-skinned-text { padding: 6px 0pt 0pt 6px; cursor: pointer; float: left; }




.step-current {
    width: 108px; 
    height: 44px; 
    background: transparent url(step-current.png) no-repeat; 
    text-align: center; 
    color: #FFFFFF !important;
    float: left;
    position: absolute;
    text-decoration: none;
    font-weight: bold;
    padding-top: 3px;        
}

.step-first {
    left: 0px;
}

.step-default {
    width: 108px; 
    height: 44px; 
    background: transparent url(step-default.png) no-repeat; 
    text-align: center; 
    color: #FFFFFF !important;
    float: left;
    position: absolute;
    font-weight: bold;    
    text-decoration: none;
    padding-top: 3px;        
}

div.menu-bar-inner2 {
    background: url(blue-bg-header.png) repeat-x scroll 0 0 #39404E;
    float: left;
    height: 50px;
    width: 1000px;
}
div#breadcrumbs2 {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #0F6782;
    float: left;
    height: 24px;
    line-height: 16px;
    padding: 10px;
    width: 895px;
}

div.dialog-box-error-small {
    background: url(Gnome-Emblem-Important-32.png) no-repeat scroll 14px 50% #FEBFBF;
    border: 1px solid #F74C4C;
    cursor: pointer;
    float: left;
    height: 40px;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
}

div.dialog-box-succes-small p, div.dialog-box-info-small p, div.dialog-box-error-small p, div.dialog-box-warning-small p, div.dialog-box-msg-small p {
    float: left;
    font-size: 12px;
    margin: 10px 10px 10px 60px;
    width: auto;
}
