@charset "utf-8";

html {
	height: 100%;
}

body {
	/*background: #497cab url('../images/background.jpg') center top no-repeat;*/
	margin: 0;
	padding: 0;
	font-family: 'Droid';
	font-size: 14px;
	height: 100%;
}

body.login-box {
	background: #497cab url('../images/background_login.jpg') center top no-repeat;
}


h1, h2, h3, h4, h5, h6, ul, li, p, form, input {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
a img:hover {
	opacity: 0.9;
	filter: alpha(opacity=90);
}
a:active {
	border: 0px;
	outline: none;
}

a:hover, 
a:visited:hover {
    text-decoration: none;
}

br.cleaner
{
	clear: both;
}

.nopadding {
  padding-left: 0!important;
  padding-right: 0!important;
}

.nomargin {
  margin-left: 0!important;
  margin-right: 0!important;
}


.clear {
	clear: both;
}

.errorbox {
    color: #CC0000;
    background-color: #F1B1A6;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
	border: 1px solid #C56E6E;
	border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
}

.blue {
    background: #8BC4DD;
    color: #FFF;
}

.yellow {
	background: #EACF0A !important;
	color: #FFF !important;
}

.btn.yellow:hover {
    background: #e2c80b !important;
}

.dark-gray {
	background: #515356 !important;
	color: #FFF !important;
}

.light-gray {
  background: #999 !important;
  color: #FFF !important;
}

.btn.light-gray:hover {
  background: #888 !important;
}

.red {
	background: #a5070a !important;
	color: #FFF !important;
}

.green {
	background: #91ba25 !important;
	color: #FFF !important;
}

.white {
	background: #FFFFFF !important;
	color: #000 !important;
}

.light-blue {
	background: #0085B2 !important;
	color: #FFF !important;
}

.dark-blue {
	background: #082449 !important;
	color: #FFF !important;
}

.super-dark-blue {
	background: #001426 !important;
	color: #FFF !important;
}

.orange {
	background: #FFB00D !important;
	color: #FFF !important;
}

.btn.orange:hover {
    background: #e49d0b !important;
}

.dark-orange {
    background: #FFAA00 !important;
    color: #FFF !important;
}


.btn-dark-blue {
    color: #FFF;
    background-color: #082449;
    border-color: #082449;
}

.btn-dark-blue:hover {
    color: #FFF;
    background-color: #286090;
    border-color: #204d74;
}

.text-orange {
	color: #FFB00D;
}



/*================================================= FONT-FACES =================================================*/


@font-face {
	font-family: 'helv_black';
	src: url('helveticaltstd-blk-webfont.eot');
	src: local('?'), url('helveticaltstd-blk-webfont.woff') format('woff'), url('helveticaltstd-blk-webfont.ttf') format('truetype'), url('helveticaltstd-blk-webfont.svg#webfontUE9INi2F') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'trade';
	src: url('tradegothicltstd-bdcn20-webfont.eot');
	src: local('?'), url('tradegothicltstd-bdcn20-webfont.woff') format('woff'), url('tradegothicltstd-bdcn20-webfont.ttf') format('truetype'), url('tradegothicltstd-bdcn20-webfont.svg#webfontFGPcccem') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'myriad';
	src: url('myriadpro-semiboldsemicn-webfont.eot');
	src: local('?'), url('myriadpro-semiboldsemicn-webfont.woff') format('woff'), url('myriadpro-semiboldsemicn-webfont.ttf') format('truetype'), url('myriadpro-semiboldsemicn-webfont.svg#webfont0DhD7Zbx') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'frank';
	src: url('framdcn-webfont.eot');
	src: local('?'), url('framdcn-webfont.woff') format('woff'), url('framdcn-webfont.ttf') format('truetype'), url('framdcn-webfont.svg#webfontswZ6bryQ') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'helv_cond';
	src: url('helveticaltstd-cond-webfont.eot');
	src: local('?'), url('helveticaltstd-cond-webfont.woff') format('woff'), url('helveticaltstd-cond-webfont.ttf') format('truetype'), url('helveticaltstd-cond-webfont.svg#webfontbf2xPLxA') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'helv_cond_b';
	src: url('helveticaltstd-boldcond-webfont.eot');
	src: local('?'), url('helveticaltstd-boldcond-webfont.woff') format('woff'), url('helveticaltstd-boldcond-webfont.ttf') format('truetype'), url('helveticaltstd-boldcond-webfont.svg#webfont2qaYw63h') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'helv_b';
	src: url('helveticaneueltstd-bd-webfont.eot');
	src: local('?'), url('helveticaneueltstd-bd-webfont.woff') format('woff'), url('helveticaneueltstd-bd-webfont.ttf') format('truetype'), url('helveticaneueltstd-bd-webfont.svg#webfontUE9INi2F') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Droid';
    src: url('../fonts/droidsans-webfont.eot');
    src: url('../fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/droidsans-webfont.woff') format('woff'),
    url('../fonts/droidsans-webfont.ttf') format('truetype'),
    url('../fonts/droidsans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DroidBold';
    src: url('../fonts/droidsans-bold-webfont.eot');
    src: url('../fonts/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/droidsans-bold-webfont.woff') format('woff'),
    url('../fonts/droidsans-bold-webfont.ttf') format('truetype'),
    url('../fonts/droidsans-bold-webfont.svg#droid_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*================================================= START PAGE (CLIENT_AREA) =================================================*/


/*------------------------------- body & top --------------------------------*/

.adminreturndiv {
    padding: 10px 0;
    background: #FA0;
    color: #FFF;
    text-align: center;
}

.adminreturndiv a {
	color: #FFF;
	text-decoration: underline;
}

.page-wrapper {
    min-height: 100%;
    position: relative;
}

.page-wrapper.with-background {
    background: url('../images/homepage_slider.jpg') no-repeat center center;
    background-size: cover;
}

#header, #footer {
    background: #0085B2;
    padding: 15px 40px;
    height: 74px;
}

#header {
    border-bottom: 1px solid #FFF;
}

#header .logo img {
    width: 140px;
    margin-top: -3px;
}

.shell {
	width: 980px;
	margin: 0 auto;
	padding-bottom: 104px;
}

.topmenu {
 height: 36px;
 position: absolute;
 top: 9px;
 right: -27px;
}

a.menu-button:hover,
a.menu-button:visited,
a.menu-button:focus,
a.menu-button:active {
  text-decoration: none;
  outline: none;
}

.menu-button {
  float: left;
}

.menu-button i {
    color: #FFF;
    font-size: 47px;
}

.menu-button.profile {
    margin-right: 30px;
    line-height: 47px;
    color: #FFF;
}

.accordion-menu-wrapper {
  width: 100%;
  max-width: 260px;
  margin-top: 58px;
  position: absolute;
  z-index: 999999;
  background: transparent;
  display: none;
}

.accordion-menu-wrapper.main-menu {
  left: 0;
}

.accordion-menu-wrapper.profile-menu {
    margin-left: -54px;
}

.accordion-menu-wrapper > div {
    overflow: hidden;
}

.accordion-menu-wrapper.main-menu > div {
    padding-left: 51px;
}

.accordion-menu-wrapper.profile-menu > div {
    padding-left: 116px;
}

.accordion-menu-wrapper > div > i {
    font-size: 47px;
    line-height: 16px;
    color: #0A2E5E;
}

.accordion-menu {
  width: 100%;
  padding-left: 20px;
  background: #0A2E5E;
}

.accordion-menu-wrapper.profile-menu .accordion-menu {
  padding: 10px 30px 0;
}

.accordion-menu .link {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 42px;
  color: #FFF;
  font-size: 14px;
  /*font-weight: 700;*/
  /*border-bottom: 1px solid #CCC;*/
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion-menu li:last-child .link { border-bottom: 0; }
.accordion-menu > li:last-child { margin-left: -20px; }
.profile-menu .accordion-menu > li:last-child { margin: 0; }

.accordion-menu li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #FFF;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion-menu li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px;
}

.accordion-menu li.open .link { color: #D2FF4D; }

.accordion-menu li.open i { color: #D2FF4D; }

.accordion-menu li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.accordion-menu .submenu {
  display: none;
  background: #0085B2;
  font-size: 14px;
  margin-left: -20px;
}

.accordion-menu .submenu li { /*border-bottom: 1px solid #4b4a5e;*/ }

.accordion-menu .submenu a {
  display: block;
  text-decoration: none;
  color: #FFF;
  padding: 12px;
  padding-left: 62px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.accordion-menu .menu-logout {
  padding: 20px 0;
}

.profile-avatar {
  width: 50px;
  border-radius: 50%;
  margin-left: 20px;
}

.accordion-menu-wrapper.profile-menu .profile-avatar {
  margin: 0;
}

.accordion-menu-wrapper.profile-menu .user-details {
  padding: 5px 0 20px;
  border-bottom: 1px solid #FFF;
  color: #FFF;
  margin-bottom: 20px;
}

.accordion-menu-wrapper.profile-menu .user-details > div:not(:last-child) {
  float: left;
}

.user-info .user-name {
    font-size: 18px;
    font-weight: bold;
}

.accordion-menu-wrapper.profile-menu .link {
  padding: 7px 0;
  text-align: center;
}

.accordion-menu-wrapper.profile-menu .user-details .user-info {
  padding: 6px 0 0 20px;
}

#header > .pull-right > a.btn, 
#footer > .pull-right > a.btn {
    border: 1px solid #FFF;
    border-radius: 0;
    margin: 0 5px;
}

#header > .pull-right > a > i, 
#footer > .pull-right > a > i {
    line-height: 36px;
    font-size: 26px;
}

#header > .pull-right > a > span.badge, 
#footer > .pull-right > a > span.badge {
    position: absolute;
    top: auto;
    background: #FE3E25;
    color: #FFF;
    right: auto;
    margin-top: -13px;
}


li.toplevel {
    display: block;
    float: left;
    position: relative;
    margin: 0 4px;
}

li.toplevel div.phone_num
{
	font-family: trade;
	float: left;
	color: #FFFFFF;
    font-size: 18px;
    line-height: 22px;
    text-shadow: -1px -1px 0 #000000 !important;
	margin: 3px 0 0 5px;
}

li.toplevel a.chat_text
{
	font-family: trade;
	color: #FFFFFF;
    float: left;
    font-size: 18px;
    line-height: 22px;
    text-shadow: -1px -1px 0 #000000 !important;
	text-decoration: none;
	margin: 3px 0 0 6px;
}

li.toplevel a.chat_text:hover
{
	color: #CCFF33;
}

li.toplevel.client_name{
	padding: 4px 0;
	
}
li.toplevel.client_name a{
    color: #FFFFFF;
	font-family: trade;
	text-decoration: none;
	text-shadow: -1px -1px 0 #000000 !important;
	font-size: 16px;
}
li.toplevel.client_name a:hover{
	text-decoration: underline;
}
a.toplevel {
    display: inline-block;
    width: 33px;
    height: 30px;
    padding: 0px;
    text-align: center;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
}
li.toplevel a.dropdown {
    background: url('../images/icon11.png') center center no-repeat;
}
/*li.toplevel:hover a.dropdown {
    background: #fff url('../images/icon_34.png') center center no-repeat;
}*/

li.toplevel a.active {
	background: #fff url('../images/icon12.png') center center no-repeat;
}
a.toplevel img {
    display: inline-block;
    margin-top: 5px;
}

.sublevel {
    display: none;
    background: #fff;
    width: 325px;
    position: absolute;
    top: 30px;
    right: 0px;
	z-index: 1000;
    padding: 1px;
    border-radius: 5px 0 5px 5px;
    -moz-border-radius: 5px 0 5px 5px;
    box-shadow: 0 2px 2px #666;
    -moz-box-shadow: 0 2px 2px #666;
    -webkit-box-shadow: 0 2px 2px #666;
}
.sublevel .inner-top {
    margin-bottom: 1px;
    padding: 11px;
    overflow: hidden;
    border-bottom: 1px solid #bfbfbf;
}
.sublevel .inner-top strong {
    float: left;
    font: normal bold 13px Arial, Helvetica, sans-serif;
    color: #333;
}
.sublevel .inner-top a {
    float: right;
    font: normal normal 11px Tahoma, Geneva, sans-serif;
    color: #06c;
}
.sublevel .inner-top a:hover {
    color: #09f;
}
.sublevel .smallbox {
    margin-bottom: 1px;
    padding: 4px 11px;
    overflow: hidden;
    border-bottom: 1px solid #bfbfbf;
}
.sublevel .smallbox img {
    float: left;
    border: 1px solid #ccc;
}
.sublevel .smallbox h4 {
    margin: 0 0 3px 54px;
    font: normal bold 11px Tahoma, Geneva, sans-serif;
    color: #06c;
}
.sublevel .smallbox a {
    display: block;
    margin: 0 0 3px 54px;
    font: normal normal 11px Tahoma, Geneva, sans-serif;
    color: #333;
    text-decoration: none;
}
.sublevel .smallbox a:hover {
    color: #000;
    text-decoration: underline;
}
.sublevel .smallbox .date {
    display: block;
    position: relative;
    top: auto;
    right: auto;
    margin-left: 54px;
    font: normal normal 11px Arial, Helvetica, sans-serif;
    color: #999;
}
.sublevel .smallbox:hover {
    background: #2c557e;
}
.sublevel .smallbox:hover h4 {
    color: #cf6;
}
.sublevel .smallbox:hover a {
    color: #fff;
}
.sublevel .smallbox:hover a:hover {
    text-decoration: underline;
}
.sublevel .smallbox:hover .date {
    color: #fff;
}
.sublevel .inner-bottom {
    background: #e6e6e6 url('../images/boxpad_13.png') left top repeat-x;
    padding: 11px;
    text-align: center;
}
.sublevel .inner-bottom a {
    font: normal bold 13px Arial, Helvetica, sans-serif;
    color: #06c;
    text-decoration: none;
}
.sublevel .inner-bottom a:hover {
    color: #06f;
    text-decoration: underline;
}
/*li.toplevel:hover .sublevel {
    display: block;
}*/

.top span a {
	margin: 0 14px;
}
.top span a img {
	vertical-align: middle;
}
ul.navigation {
	margin-top: -1px;
  margin-left: 10px;
}
.navigation li {
	display: inline-block;
    padding: 0 10px;
}
.navigation li a{
	display: block;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
	line-height: 50px;
}
.navigation li a:hover,
.navigation li a:focus,
.navigation li a:active{
	color: #CF3;
	text-decoration: none;
}
.nav-btn:hover .sub {
   	display: block;
}
.btn_border {
	width: 2px;
	background: url('../images/border1.png') left top no-repeat;
}
.btna {
	display: block;
	padding: 0px 17px 0px 18px;
	line-height: 48px;
	font-family: helv_cond;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	text-shadow: #000 -1px -1px 0px;
}
.btna:hover {
	color: #cf3;
}
.sub {
	display: none;
	background: #2c2c2c;
	width: 200px;
	position: absolute;
	z-index: 200;
	padding-bottom: 10px;
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
}
.active_navigation
{
	background: url('../images/button1.png') left bottom repeat-x;
	color: #cf3;
}

.sub li {
	background: url('../images/border2.png') left bottom repeat-x;
	width: 100%;
	height: 30px;
	padding-bottom: 2px;
}
.sub a {
	display: block;
	background: transparent url('../images/bullet1.png') 11px center no-repeat;
	height: 30px;
	padding: 0 10px 0 25px;
	line-height: 30px;
	vertical-align: middle;
	color: #ccc;
	text-decoration: none;
	text-shadow: -1px -1px 0 #000;
}
.sub a:hover {
	background: #151515 url('../images/bullet2.png') 11px center no-repeat;
	color: #cf3;
}
.btn:hover .sub {
	display: block;
}



/*------------------------------------ javascript menu styles ---------------------------------------*/


.dropdown_new {
	display: none;
	background: url('../images/boxpad_14.png') repeat;
	width: 630px;
	position: absolute;
	z-index: 200;
	left: 0;
	overflow: hidden;
	padding: 20px 0;
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	box-shadow: 0 2px 2px #111;
	-moz-box-shadow: 0 2px 2px #111;
	-webkit-box-shadow: 0 2px 2px #111;
}
.dropdown_new .column {
	float: left;
	margin: 0 20px;
}
.dropdown_new h3 {
	margin-bottom: 3px;
	font: normal bold 15px Arial, Helvetica, sans-serif;
	color: #cf3;
	text-shadow: -1px -1px 0 #000;
}
.dropdown_new h3 a {
	color: #cf3;
	text-decoration: none;
}
.dropdown_new h3 a:hover {
	text-decoration: underline;
}
.dropdown_new h3 img {
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
	box-shadow: 0 0 5px #111;
	-moz-box-shadow: 0 0 5px #111;
	-webkit-box-shadow: 0 0 5px #111;
}
.dropdown_new li {
	height: auto;
	float: none;
	padding: 7px 0;
}
.dropdown_new li a {
	display: block;
	background: url('../images/bullet5.png') left center no-repeat;
	padding-left: 10px;
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color: #ccc;
	text-decoration: none;
	text-shadow: -1px -1px 0 #000;
}
.dropdown_new li a:hover {
	background: url('../images/bullet7.png') left center no-repeat;
	color: #fff;
	text-decoration: underline;
}
.dropdown_new .separator {
	height: 30px;
}
.btn:hover .dropdown_new {
	display: block;
}

.fbPopup {
	width:280px;
	padding:35px 10px 10px 10px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-shadow:1 1 #949494;
	background:url(../images/bg-fbook-popup.png) 0 0 no-repeat;
}

.fbPopup a {
	text-decoration:none;
}

.fbPopup a:hover {
	text-decoration:underline;
}

.fbPopup ul {
	list-style:none;
	padding: 0 0 5px 10px;
}

.fbPopup ul li {
	font-weight:bold;
	line-height:24px;
	padding:0 0 0 37px;
	background:url(../images/bg-list.png) left 5px no-repeat;
	height: 24px;
}

.fbPopup a.fblink {
	display:block;
	height:42px;
	font-weight:bold;
	line-height:42px;
	padding:0 0 0 49px;
	margin-top: 5px;
	color:#1a45a7;
	background:url(../images/bg-fb-link.png) 0 0 no-repeat;
}

.fb-popup-footer {
	width:286px;
	height:43px;
	padding:7px 0 0 14px;
	background:url(../images/bg-footer.png) 0 0 no-repeat;
}

div.dont_show_me_again {
	float:left;
	width:200px;
	padding:4px 0 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
}

.fb-popup-footer a.closePopup {
	font-size:12px;
	line-height:28px;
	color:#000000;
	float:left;
	padding:0 30px 0 0;
	background:url(../images/bg-close.png) right 0 no-repeat;
}


/*----------- [ tooltipContent ] -----------*/
.fb-popup-container .tooltipContent {
	width:264px;
	padding:20px 17px 1px 17px;
}

.fb-popup-container
{
	position: absolute !important;
	z-index: 200; 
	overflow: hidden; 
	right: 7px;
}

.fb-popup-container .blue {
	background:url(../images/bg-tooltip-blue.png) 0 0 no-repeat;
}

.fb-popup-container .green {
	background:url(../images/bg-tooltip-green.png) 0 0 no-repeat;
}

.fb-popup-container .no-arrow {
	background:url(../images/bg-tooltip-no-arrow.png) 0 0 no-repeat;
}

.fb-popup-container .tooltipContent h3 {
	font-weight:bold;
	font-size:12px;
	margin:0 0 20px 0;
	font-family:Arial, Helvetica, sans-serif;
}

.fb-popup-container .tooltipContent p { margin-bottom:15px; }

.fb-popup-container .green h3 {
	color:#181818;
}

.fb-popup-container .blue h3, .fb-popup-container .no-arrow h3 {
	color:#ffffff;
}

.fb-popup-container .tooltipContent ul
{
	margin: 0 0 10px 0;
}

.fb-popup-container .tooltipContent ul li {
	padding:0 0 0 23px;
	line-height:25px;
	background:url(../images/bg-ul-li.png) left 8px no-repeat;
	float: none;
	height: 25px;
}

.fb-popup-container .tooltipContent ul li.linked {
	line-height:18px;
	padding-right:40px;
	position:relative;
	background-position: left 4px;
}

.fb-popup-container .tooltipContent ul li.linked img.successImg {
	position:absolute;
	right:0;
	top:5px;
}

.fb-popup-container .tooltipContent a.fb_conntect {
	display:block;
	width:90px;
	margin:0 auto 10px auto;
	height:22px;
	text-indent:-9999px;
	background:url(../images/fb_connect.png) 0 0 no-repeat;
}

/*----------- [ tooltipFooter ] -----------*/
.fb-popup-container .tooltipFooter {
	width:270px;
	height:42px;
	position:relative;
	padding:10px 14px;
	background:url(../images/bg-tooltip-footer.png) 0 0 no-repeat;
}

.fb-popup-container .tooltipFooter2 {
	width:270px;
	height:42px;
	position:relative;
	padding:10px 14px;
	background:url(../images/bg-tooltip-footer2.png) 0 0 no-repeat;
}

.fb-popup-container .tooltipFooter div.dontShow {
	width:200px;
	padding:0 0 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
}

.fb-popup-container .tooltipFooter a.closeTooltip {
	display:block;
	position:absolute;
	right:17px;
	top:10px;
	width:17px;
	height:17px;
	text-indent:-9999px;
	background:url(../images/bg-close.png) right 0 no-repeat;
}

.fb-popup-container .tooltipFooter2 a.close {
	display:block;
	position:absolute;
	right:17px;
	top:8px;
	width:36px;
	height:22px;
	text-indent:-9999px;
	background:url(../images/btn-ok.png) right 0 no-repeat;
}

.fb-popup-container .tooltipFooter2 a.close:hover {
	opacity: 0.9;
}


/*------------------------------- main content --------------------------------*/


.page_content {
	padding: 15px;
}
.page_content.no-top-padding {
padding-top: 0;
}
.page_content.login {
	background: none;
}
.bottom {
	margin-top: 400px;
}
.bottom.low-height {
	margin-top: 270px;
}
.bottom.low-height-2 {
    margin-top: 150px;
}
.low-height-3 {
    margin-top: 100px;
}
.bottom .page_content {
	background: #FFF;
}
.left {
	width: 710px;
	float: left;
}
.banner {
	margin-bottom: 18px;
	text-align: center;
}

.banner a{
	display: block;
	text-decoration: none;
}

.box1 {
	margin-bottom: 24px;
}
.box1 .head {
	margin-bottom: 20px;
}
.box1 .head .searchinput{
	background: url('../images/button_12.png') no-repeat top left;
	height: 31px;
	width: 105px;
	text-align: center;
	border: none;
	color: #FFFFFF;
	text-shadow: 1px 1px 0 #468A2C;
}
.box1 .head h2 {
	color: #036;
}

.box1 p.descript
{
	color: #666;
	margin: 5px;
}

.box4 {
	background: none repeat scroll 0 0 #EAEEF4;
    border: 1px solid #F5F5F5;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 10px 0;
}

.box4 .innerhead {
    background: url("/order/images/border_11.png") repeat-x scroll left bottom transparent;
    overflow: hidden;
    padding: 0 24px 8px;
}

.box4 h3 {
    color: #003366;
    float: left;
    font: 26px trade;
    text-shadow: 1px 1px 0 #FFFFFF;
    text-transform: uppercase;
}

.box4 .panel {
    background: url("/order/images/border_12.png") repeat-x scroll left bottom transparent;
    float: left;
    height: 55px;
    margin: 16px 22px;
    overflow: hidden;
    padding-bottom: 18px;
    width: 420px;
}

.box4 .panel h4 {
    font: bold 16px Arial,Helvetica,sans-serif;
    margin-bottom: 10px;
}

.box4 .panel h4 a{
    color: #003366;
    text-decoration: none;
}

.box4 .panel img {
    float: left;
}

.box4 .panel p {
    color: #666666;
    font: 11px Tahoma,Geneva,sans-serif;
    margin: 0 0 15px 60px;
}

.meter {
	position: relative;
	float: right;
	padding-right: 22px;
}
.meter span {
	color: #666;
}
.meter strong {
	display: inline-block;
	background: url('../images/meter.png') center center no-repeat;
	width: 230px;
	margin: 0 8px;
	padding-bottom: 2px;
	text-align: center;
	color: #000;
}
.flyout {
	width: 17px;
	height: 16px;
	position: absolute;
	top: 12px;
	right: 2px;
	z-index: 100;
	line-height: 16px;
}
.flyout .visible {
	cursor: pointer;
}
.flyout .hidden {
	display: none;
	background: #f5f5ff;
	width: 200px;
	position: absolute;
	top: -5px;
	left: -230px;
	padding: 10px;
	border: 1px solid #666;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0px 0px 5px #111;
	-webkit-box-shadow: 0px 0px 5px #111;
}
.flyout:hover .hidden {
	display: block;
}
.box1 .content {
}

.box1 div{*height: 101%;}

table.datatable td:not(:last-child), 
table.datatable th:not(:last-child) {
    border-right: 1px solid #FFF;
}

table.datatable th {
    background: #0085B2;
    color: #FFF;
    padding: 16px 5px;
    font-weight: bold;
}

table.datatable tr:nth-child(even) td {
    background: #EEE;
}

table.datatable tr:nth-child(odd) td {
    background: #DDD;
}

table.datatable td:not(:last-child), 
table.datatable th:not(:last-child) {
    border-right: 1px solid #FFF;
}
table.datatable td {
    padding: 5px;
    line-height: 22px;
}

div.table-pagination {
  margin-top: 15px;
  clear: both;
  display: inline-block;
  width: 100%;
}

.moveleft {
	text-align: left !important;
	padding-left: 20px;
}

.moveleft div.button
{
	float: left;
	margin: 0 5px 0 0;
	cursor: pointer;
}

.moveleft input.submit
{
    background: url("../images/button9.png") no-repeat scroll center center transparent;
    border: medium none;
    color: #FFFFFF !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 29px !important;
    margin: 8px 0;
    padding-bottom: 2px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    vertical-align: middle;
    width: 128px !important;
}

.box1 tbody td a {
	color: #36c;
}
.box1 tbody td a:hover {
	text-decoration: none;
}

.funds {
	position: relative;
	float: right;
	margin-top: 7px;
	padding-right: 22px;
}
.add_funds {
	display: inline-block;
	background: url('../images/button5.png') center center no-repeat;
	width: 99px;
	height: 28px;
	margin-right: 8px;
	text-align: center;
	line-height: 27px;
	vertical-align: middle;
	color: #fff;
	font-weight: bold;
	text-shadow: none;
	text-decoration: none;
}
* +html .add_funds {
	margin-top: -12px;
}
.add_funds:hover {
	opacity: 0.9;
}
.funds .flyout {
	top: 6px;
}
.box1 .select {
	text-align: right;
	vertical-align: middle;
}
.box1 .status {
	text-align: left;
}
.box1 .status span{
	margin-right: 10px;
	font-weight: bold;
}

.box1 .status span.textred {
	color: #c00;
}

.box1 .status span.textgreen {
	color: #779500;
}
.pay {
	margin: 15px 0 5px;
	overflow: hidden;
	font: normal normal 13px Arial, Helvetica, sans-serif;
	color: #000;
}
.pay div {
	float: right;
}
.pay strong {
	margin-right: 10px;
	color: #c00;
}
.pay a {
	display: inline-block;
	background: url('../images/button6.png') center center no-repeat;
	width: 118px;
	height: 34px;
	text-align: center;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 1px 1px 0 #95c886;
	line-height: 34px;
	vertical-align: middle;
}
.pay a:first-child {
	float: left;
}
.pay a:hover {
	opacity: 0.9;
}

.box2 {
	margin-bottom: 15px;
}
.box2 .head {
	padding: 10px;
	line-height: 45px;
}
.box2 .head h2 {
	color: #fff;
}
.box2 .content {
	padding: 10px;
	background: #FFF;
}
.box2 .login {
	position: relative;
	margin-top: 35px;
}
.box2 .login .field {
	background: url('../images/input1.png') center center no-repeat;
	width: 140px;
	height: 23px;
	padding: 0 5px;
	border: none;
}
.box2 .login .field:first-child {
	margin-bottom: 8px;
}
* +html .box2 .login .field:first-child {
	margin-bottom: 4px;
}
.box2 .login .button {
	background: url('../images/button3.png') center center no-repeat;
	width: 56px;
	height: 60px;
	position: absolute;
	top: -3px;
	right: -3px;
	text-align: center;
	font: normal normal 30px trade;
	color: #000;
	text-shadow: 1px 1px 0 #97ca86;
	border: none;
	cursor: pointer;
}
.box2 .login .button:hover {
	opacity: 0.9;
}
.box2 .status {
}
.box2 .status li {
	padding: 10px 0;
	overflow: hidden;
}
.box2 .status span {
	float: left;
}
.box2 .status img {
	float: right;
}
.box2 .report {
	display: block;
	background: url('../images/button4.png') center center no-repeat;
	width: 209px;
	height: 38px;
	text-align: center;
	font: normal bold 13px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	line-height: 38px;
	vertical-align: middle;
	text-shadow: 1px 1px 0 #9bcd87;
}
.box2 .report:hover {
	opacity: 0.9;
}




.extra_services {
	clear: both;
	overflow: hidden;
}
.extra_services h2 {
	background: url('../images/border5.png') left bottom repeat-x;
	padding: 5px 0 10px 5px;
	font: normal normal 32px trade;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #000;
}
.box3 {
	background: #3a9333 url('../images/boxpad4.png') left top repeat-x;
	width: 160px;
	position: relative;
	margin: 15px 5px 0;
	padding: 10px;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0px 0px 5px #111;
	-webkit-box-shadow: 0px 0px 5px #111;
}
.box3 h3 {
	margin-bottom: 5px;
	text-align: center;
	font: normal normal 22px trade;
	text-shadow: 1px 1px 0 #72ab33;
	min-height: 55px;
}
.box3 .rating {
	text-align: center;
}
.box3 .rating img {
	cursor: pointer;
}
.box3 .rating img:hover {
	opacity: 0.7;
}
.box3 p {
	margin: 10px 0 20px;
	font: normal normal 11px Tahoma, Geneva, sans-serif;
	padding-bottom: 60px;
}
.box3 a {
	display: inline-block;
	background: url('../images/button7.png') center center no-repeat;
	width: 160px;
	height: 36px;
	text-align: center;
	font: normal normal 20px trade;
	line-height: 36px;
	vertical-align: middle;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 0 #000;
	bottom: 20px;
	margin-bottom: 10px;
}
.box3 a:hover {
	opacity: 0.9;
}

.box3 div.prices
{
	text-align: center;
	margin: 10px 0;
	font-size: 14px;
	color: #FC0;
	bottom: 60px;
	width: 160px;
}



/*-------------------------------- footer -------------------------------------*/


#footer {
    position: absolute;
    width: 100%;
    bottom: 0;
}

#footer h3 {
	line-height: 2em;
	color: #FFF;
}


.footer {
	background: #070c11 url('../images/boxpad5.png') left top repeat-x;
	position: relative;
	z-index: 0;
	min-height: 252px;
}
.footer .inner {
	width: 980px;
	position: relative;
	margin: 0 auto;
}
.footer h2 {
	padding: 16px 0px;
	font-family: trade;
	font-size: 20px;
	color: #0cf;
	font-weight: normal;
	text-shadow: #000 -1px -1px 0px;
}
.footer img {
	vertical-align: middle;
}
.foot_menu {
	float: left;
	width: 190px;
	margin-right: 10px;
	padding-bottom: 20px;
}
.foot_menu ul {
	padding: 10px 0 0;
}
.foot_menu a{
	background: transparent url('../images/bullet3.png') 5px 9px no-repeat;
	display: block;
	margin-bottom: 2px;
	padding: 4px 0px 4px 15px;
	color: #fff;
	text-decoration: none;
	text-shadow: #000 -1px -1px 0px;
	border-top: 1px solid transparent;
	border-radius: 3px;
	-moz-border-radius: 3px;
}
.foot_menu a:hover{
	background: #222 url('../images/bullet3.png') 6px 9px no-repeat;
	color: #cf3;
	border-top: #333 1px solid;
	box-shadow: 0px 0px 5px #111;
	-moz-box-shadow: 0px 0px 5px #111;
	-webkit-box-shadow: 0px 0px 5px #111;
}
.contacts{
	background: url('../images/boxpad6.png') left top no-repeat;
	width: 160px;
	padding: 0px 10px;
	min-height: 240px;
	position: absolute;
	top: -10px;
	right: 0px;
	z-index: 10;
	font-family: trade;
	font-size: 18px;
	color: #fff;
	text-shadow: #000 -1px -1px 0px;
}
.contacts h2 strong {
	font-size:22px;
}
.contacts li, .social {
	padding: 10px 5px;
	overflow: hidden;
	line-height: 22px;
}
.contacts li img {
	float: left;
	margin-right: 12px;
}
.contacts li a {
    color: #fff;
	text-decoration: none;
}
.contacts li a:hover {
	color: #cf3;
}
.social strong {
	float: left;
	line-height: 32px;
	margin-right: 12px;
}
.social a {
	margin-right: 5px;
}
.foot_bottom {
	background: #000;
	clear: both;
	overflow: hidden;
	padding: 10px 0px;
	color: #999;
}
.foot_bottom span {
	display: block;
	background: url('../images/logo2.png') left top no-repeat;
	float: left;
	width: 200px;
	line-height: 33px;
	padding-left: 40px;
}
.foot_bottom p {
	float: right;
	line-height: 33px;
	text-align: right;
}
.foot_bottom p a {
	margin: 0px 5px;
	color: #999;
	text-decoration: none;
}
.foot_bottom p a:hover {
    color: #fff;
	text-decoration: underline;
}

/*========================================== CLIENT_DETAILS / PRODUCT_DETAILS ===========================================*/

table.contact-support.client-details tr td:first-child {
  width: 40%;
} 
table.contact-support.client-details tr td:last-child {
  width: 60%;
} 

.box1 .menu {
	line-height: 32px;
}
.box1 .menu a {
	display: inline-block;
	height: 32px;
	margin: 5px 0 0 4px;
	padding: 0 10px;
	color: #666;
	text-decoration: none;
	border: 1px solid transparent;
	border-radius: 3px;
	-moz-border-radius: 3px;
}
.box1 .menu a:first-child {
	margin-left: 0px;
}
.box1 .menu a img {
	margin-right: 5px;
	vertical-align: middle;
}
.box1 .menu a:hover, .box1 .menu a.active {
	background: url('../images/boxpad7.png') left center repeat-x;
	border: 1px solid #bbb;
	box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
}
.box1 .menu a.active:hover {
	opacity: 0.9;
}

.porednoto_menu ul {
	margin: 4px -6px 0 0;
}
.porednoto_menu li {
	float: left;
	position: relative;
	margin: 0 1px
}
.porednoto_menu a {
	display: block;
	height: 32px;
	padding: 0 10px;
	font: normal normal 13px/32px Arial, Helvetica, sans-serif;
	color: #666;
	text-shadow: 1px 1px 0 #e9edf2;
	border: 1px solid transparent;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-decoration: none;
}
.porednoto_menu img.arrow {
	display: none;
	position: absolute;
	bottom: -8px;
	left: 44%;
}
.porednoto_menu li:hover a, .porednoto_menu li.active a {
	background: url('../images/boxpad_15.png') left top repeat-x;
	color: #000;
	text-shadow: 1px 1px 0 #a0d188;
	border: 1px solid #390;
	box-shadow: 0 1px 1px #fff;
	-moz-box-shadow: 0 1px 1px #fff;
	-webkit-box-shadow: 0 1px 1px #fff;
}
.porednoto_menu li:hover img.arrow, .porednoto_menu li.active img.arrow {
	display: block;
}
.porednoto_submenu {
	background: url('../images/boxpad_16.png') left top repeat-x;
	height: 35px;
	padding: 5px 0 0 0;
}
.porednoto_submenu ul {
	margin-left: 330px;
}
.porednoto_submenu li {
	height: 30px;
	float: left;
}
.porednoto_submenu li.separator {
	width: 2px;
	background: url('../images/border_14.png') center center no-repeat;
	margin: 0 10px;
}
.porednoto_submenu a {
	display: block;
	font: normal bold 12px/31px Arial, Helvetica, sans-serif;
	color: #333;
	text-shadow: 1px 1px 0 #ebeff3;
	text-decoration: none;
}
.porednoto_submenu a.active {
	color: #36c;
}
.porednoto_submenu a:hover {
	color: #36c;
	text-decoration: underline;
}

.client_details {
}
.client_details h1 {
	padding: 10px 0 20px 5px;
	font: normal normal 34px trade;
	color: #036;
	text-shadow: 1px 1px 0 #fff;
	text-transform: uppercase;
}

.regform {
}
.regform .inner {
	margin-bottom: 20px;
	overflow: hidden;
}
.regstep {
	background: #d9dee6;
	height: 46px;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #bfbfbf;
}
.regstep:hover {
}

.regstep.changepass td
{
	background: none;
}

.regform .label {
	display:block;
	background: #cfcfcf;
	width: 260px;
	height: 46px;
	float:left;
	margin-right: 10px;
	padding-right: 12px;
	text-align: right;
	font: normal bold 13px Arial, Helvetica, sans-serif;
	color: #333;
	text-shadow: 1px 1px 0 #fff;
	line-height: 46px;
	vertical-align: middle;
	border-right: 1px solid #bfbfbf;
}

.regstep.inputs input
{
	background: #f7f8fa;
	width: 400px;
	height: 22px;
	margin-top: 12px;
	padding: 0px 5px;
	color:#444;
	border: 1px solid #999;
	border-radius: 3px;
	-moz-border-radius: 3px;
}

.inputbox {
	background: #f7f8fa;
	width: 400px;
	height: 22px;
	margin-top: 12px;
	padding: 0px 5px;
	color:#444;
	border: 1px solid #999;
	border-radius: 3px;
	-moz-border-radius: 3px;
}
.regform select {
	width: 412px;
	margin-top: 10px;
	padding: 3px;
	border: 1px solid #999;
	border-radius: 3px;
	-moz-border-radius: 3px;
}

.regform .cart-country select
{
	width: 210px;
}

.regform span {
	display: inline-block;
	font: normal bold 13px Arial, Helvetica, sans-serif;
	color: #333;
	text-shadow: 1px 1px 0 #fff;
	vertical-align: middle;
	line-height: 46px;
}
.regform .store {
	padding: 10px 0;
	text-align: center;
}
.regform .button {
	display: inline-block;
	background: url('../images/button8.png') center center no-repeat;
	width: 128px;
	height: 34px;
	margin: 0 5px;
	text-align: center;
	font: normal bold 13px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	text-shadow: 1px 1px 0 #95c886;
	line-height: 34px;
	vertical-align: middle;
}

.regform .button.submit{
	border: none;
}

.regform .button.big {
	background: url('../images/button8_big.png') center center no-repeat;
	width: 150px;
}


.regform .button:hover {
	opacity: 0.9;
}

.client_details h4 {
	margin-bottom: 25px;
	padding: 0 5px;
	text-shadow: 1px 1px 0 #fff;
}
.client_details h4 a {
	color: #036;
}
.client_details h4 a:hover {
	color: #25b;
}

.button_fb_unlink
{
	background-image: url('../images/link-unlink.png');
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center top;
	height: 33px;
	width: 187px;
	border: 0;
	padding: 0;
	cursor: pointer;
	float: left;
}

.button_fb_unlink:hover{ background-position: center -33px; }

.button_fb_link
{
	background-image: url('../images/link-unlink.png');
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center -66px;
	height: 33px;
	width: 187px;
	border: 0;
	padding: 0;
	cursor: pointer;
	float: left;
}

.button_fb_link:hover{ background-position: center -99px;}


/*============================================== CLIENT_DOMAINS / PRODUCT_DETAILS ==============================================*/


.renew {
	display: inline-block;
	background: url('../images/button9.png') center center no-repeat;
	width: 128px;
	height: 29px;
	margin: 8px 0;
	text-align: center;
	line-height: 27px;
	vertical-align: middle;
	color: #fff !important;
	font-weight: bold;
	text-shadow: none;
	text-decoration: none;
}
.renew:hover {
	opacity: 0.9;
}
.results {
	padding: 15px 5px 20px;
	overflow: hidden;
}
.results span {
	display: block;
	float: left;
}
.results .nav {
	float: right;
}
.results .nav a {
	color: #333;
	text-decoration: none;
}
.results .nav a:hover {
	color: #000;
	font-weight: bold;
}
.results .paging a {
	margin: 0 5px;
	color: #666;
	text-decoration: none;
}
.results .paging a:hover {
	color: #000;
	font-weight: bold;
}
.results .status {
	clear: both;
	margin-top: 30px;
	overflow: hidden;
}
.results .status span {
	margin-right: 25px;
}
.results .status img {
	margin-right: 10px;
	vertical-align: middle;
}
tr.terminated td {
	background: #e7c7c4;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #d0c0c0;
}
tr.terminated:hover td {
	background: #e0c0c0 !important;
}
tr.active td {
	background: #c0dfad;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #c0d0c0;
}
tr.active:hover td {
	background: #b6d6a6 !important;
}
tr.clear td {
	background: #dce3ec;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #d5d5d5;
}
tr.pending td {
	background: #ced3da;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #c5c5c5;
}
tr.pending:hover td {
	background: #c6c9d3 !important;
}
tr.suspended td {
	background: #f4eaaa;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #d5d5d5;
}
tr.suspended:hover td {
	background: #e6e3a3 !important;
}





/*============================================== CLIENT_SUPPORT / ORDER_EXTRAS ==============================================*/

table.contact-support tr td{
  padding: 10px;  
}

table.contact-support tr:not(:last-child) td{
  border-bottom: 1px solid #FFF;
}

table.contact-support tr td:last-child {
    background: #DDD;
    width: 70%;
    color: #00023E;
}
table.contact-support tr td:first-child {
    background: #EEE;
    width: 30%;
    color: #00023E;
    font-weight: bold;
}

table.contact-support input:not([type="checkbox"]),
table.contact-support textarea,
table.contact-support select {
  width: 100%;
  padding: 5px 10px;
  background: transparent;
  color: #00023E;
  outline: 0;
  margin: 0;
}

table.contact-support input,
table.contact-support textarea {
  border: none;
}


.support, .extras {
	padding: 2px 0 35px 0 !important;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.thread {
	background: #e3e9f0 url('../images/border6.png') left bottom repeat-x;
	margin-bottom: 15px;
	padding: 16px 19px 16px 16px;
	overflow: hidden;
}
.thread .floatleft strong {
	color: #c00;
}
.thread h1 {
	margin-top: 10px;
	font: normal bold 20px Arial, Helvetica, sans-serif;
	color: #333;
	text-shadow: 1px 1px 0 #fff;
}
.thread .floatright span {
	font-weight: bold;
	text-transform: uppercase;
}
.thread .floatright strong {
	display: block;
	margin-top: 10px;
	text-align: right;
	font: normal bold 20px Arial, Helvetica, sans-serif;
	color: #333;
	text-shadow: 1px 1px 0 #fff;
}
.post {
	padding: 10px 25px;
	overflow: hidden;
	margin-bottom: 20px;
}
.user {
    padding: 20px 0;
    margin-bottom: -99999px;
  	padding-bottom: 99999px;
}
.user img {
}

.user div.product-logo
{
	border: 5px solid #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0px 0px 3px #333;
	-moz-box-shadow: 0px 0px 3px #333;
	-webkit-box-shadow: 0px 0px 3px #333;
	background: url('../images/product_logo_bg.jpg') top left repeat-x;
	width: 110px;
	height: 110px;
}

.user div.product-logo img
{
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 7px;
}

.user h3 {
	margin-top: 10px;
	color: #FFF;
	font-size: 20px;
}
.user h4 {
	color: #FFF;
	font-size: 17px;
    margin-top: 5px;
}

.comment {
	background: #EEE;
	padding: 20px 20px 15px;
	margin-bottom: -99999px;
  	padding-bottom: 99999px;
}
.comment .download-certificate-wrapper {
  background: url('../images/diploma-icon.png') no-repeat center top;
  background-size: 100px;
}
.comment .download-certificate-wrapper {
  padding-top: 120px;
}
.comment .comment-details {
  padding: 20px 0;
  border-top: 1px dotted #CCC;
  margin-top: 20px;
}
.comment.announcement h3{
	margin-bottom: 10px;
}

.comment.product {
	margin-left: 30px;
	float: left;
}

.comment .arrow {
	position: absolute;
	top: 10px;
	left: -16px;
}
.post .comment p {
	padding-bottom: 16px;
}
.post .comment span {
	display: inline-block;
	margin: 12px 10px 0 0;
	font: bold bold 11px Arial, Helvetica, sans-serif;
	color: #000;
}

.post .rating {
	float: right;
	margin-top: 10px;
}

.post .rating div.text {
	margin: 0 8px 0 20px;
	color: #666;
	float: right;
}

.post .rating div.images {
	float: right;
}

.post .rating img {
	margin-bottom: 2px;
	vertical-align: middle;
	cursor: pointer;
	float: left;
}
.reply {
}
.reply h3 {
}
.reply textarea {
	background: #edf0fd;
	width: 698px;
	height: 100px;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	/*-moz-box-shadow: inset 1px 1px 2px #333;
	-webkit-box-shadow: inset 1px 1px 2px #333;*/
}
.reply textarea:focus {
	background: #fff;
	border: 1px solid #999;
}
.reply .send {
	margin-top: 5px;
	text-align: right;
}
.reply span {
	color: #666;
}
.reply input {
	vertical-align: middle;
}
.reply a.button {
	display: inline-block;
	background: url('../images/button8.png') center center no-repeat;
	width: 128px;
	height: 34px;
	margin-left: 10px;
	text-align: center;
	font: normal bold 13px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	text-shadow: 1px 1px 0 #95c886;
	line-height: 34px;
	vertical-align: middle;
}
.reply a.button:hover {
	opacity: 0.9;
}

div.close-row
{
	background: #DCE3EC url('../images/border6.png') left top repeat-x;
	padding: 25px 0 20px 0;
	overflow: hidden;
	text-align: center; 
}

.close-ticket {
}
a.close-ticket {
	display: inline-block;
	background: url('../images/button8.png') center center no-repeat;
	width: 128px;
	height: 34px;
	margin-left: 10px;
	text-align: center;
	font: normal bold 13px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	text-shadow: 1px 1px 0 #95c886;
	line-height: 34px;
	vertical-align: middle;
}
a.close-ticket:hover {
	opacity: 0.9;
}

.extras .post.lighter {
	background: #dce3ec url('../images/border7.png') left bottom repeat-x;
	padding: 25px 25px;
}
.extras .post.darker {
	background: #c6ccd4 url('../images/border8.png') left bottom repeat-x;
	padding: 25px 25px;
}
.extras .user span {
	display: block;
	padding: 5px 0;
	text-align: center;
}
.extras .rating {
	float: none;
	margin-top: 0px;
	text-align: center;
}
.extras .rating img {
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	cursor: default;
}
.extras .comment h3 {
	margin: -5px 0 10px;
	font: normal normal 26px trade;
	color: #069;
}
.extras .comment p {
	padding-bottom: 0px;
	border-bottom: none;
}
.order_extras {
	width: 167px;
	float: right;
	margin-left: 20px;
	text-align: center;
}
.order_extras strong {
	display: block;
	margin-bottom: 10px;
	font: normal bold 14px Arial, Helvetica, sans-serif;
	color: #c00;
}
.order_extras a.button {
	display: inline-block;
	background: url('../images/button_10.png') center center no-repeat;
	width: 167px;
	height: 44px;
	margin-top: 5px;
	text-align: center;
	font: normal normal 22px trade;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #95c886;
	line-height: 44px;
	vertical-align: middle;
}
.order_extras a.button:hover {
	opacity: 0.9;
}




/*======================================= ST_INSTALLATION / ST_TECH_SUPPORT / ST_TRANSFER ========================================*/






.big_tabs {
	background: url('../images/boxpad9.png') left center repeat-x;
	position: relative;
	z-index: 10;
	margin-bottom: 5px;
	padding: 12px 0 8px;
	text-align: center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0px 0px 5px #111;
	-moz-box-shadow: 0px 0px 5px #111;
	-webkit-box-shadow: 0px 0px 5px #111;
}
.big_tabs a {
	display: inline-block;
	height: 120px;
	position: relative;
	margin: 0 14px;
	padding: 3px 13px 0;
	text-align: center;
	color: #666;
	text-decoration: none;
	text-shadow: 1px 1px 0 #fff;
	border: 1px solid transparent;
	border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid transparent;
}
.big_tabs a strong {
	display: block;
	margin: 5px 0 3px;
	font: normal normal 16px trade;
	color: #069;
}
.big_tabs a span {
	display: block;
	font-style: italic;
}
.big_tabs a .arrow {
	display: none;
	width: 35px;
	position: absolute;
	bottom: -19px;
	left: 48px;
}
.big_tabs a.selected {
	background: url('../images/boxpad_10.png') left center repeat-x;
	border: 1px solid #ccc;
	box-shadow: 0 0 3px #ccc;
	-moz-box-shadow: 0 0 3px #ccc;
	-webkit-box-shadow: 0 0 3px #ccc;
}
.big_tabs a:hover {
	background: url('../images/boxpad_10.png') left center repeat-x;
	border: 1px solid #ccc;
	box-shadow: 0 0 3px #ccc;
	-moz-box-shadow: 0 0 3px #ccc;
	-webkit-box-shadow: 0 0 3px #ccc;
}
.big_tabs a:hover .arrow {
	display: block;
}




.request {
}
.row1 {
	background: #e3e9f0 url('../images/border9.png') left bottom repeat-x;
	padding: 12px 15px;
	overflow: hidden;
}
.row1 label {
	width: 112px;
	float: left;
	margin-top: 10px;
	font: normal normal 14px Arial, Helvetica, sans-serif;
	color: #333;
}
.row1 .label-1 {
	width: 56px;
}
.row1 .label-2 {
	width: 115px;
}
.row1 input {
	height: 37px;
	float: left;
	padding: 0 10px 0 20px;
	font: normal normal 14px Arial, Helvetica, sans-serif;
	color: #0079c2;
	border: none;
}
.row1 .input-1 {
	background: url('../images/input2.png') left center no-repeat;
	width: 568px;
}
.row1 .input-2 {
	background: url('../images/input3.png') left center no-repeat;
	width: 510px;
}

.row1 .selectbox
{
	width: 412px;
	margin-top: 5px;
	padding: 3px;
	border: 1px solid #999;
	border-radius: 3px;
	-moz-border-radius: 3px;
}

.row2 {
	background: #b9c4d1 url('../images/border_10.png') left bottom repeat-x;
	padding: 12px 15px;
	overflow: hidden;
}
.row2 label {
	display: block;
	width: 115px;
	float: left;
	font: normal normal 13px Arial, Helvetica, sans-serif;
	color: #333;
}
.row2 strong {
	display: block;
	color: #c00;
}
.row2 input {
	background: url('../images/input4.png') center center no-repeat;
	width: 174px;
	height: 38px;
	float: left;
	padding: 0 5px;
	border: none;
}
.row2 p {
	margin-left: 320px;
}
.row3 {
	background: #dce3ec;
	padding: 20px 15px;
	overflow: hidden;
}
.row3 span {
	color: #036;
}
.row3 h4 {
	margin: 5px 0 20px;
	font-size: 12px;
	color: #2f526b;
	line-height: 24px;
}
.row3 p {
	padding: 0 10px;
	color: #2f526b;
	line-height: 24px;
}
.row3.info img {
	float: left;
}
.row3.info p {
	margin-left: 65px;
	line-height: 20px;
}
.row4 {
	background: #b9c4d1 url('../images/border_10.png') left bottom repeat-x;
	padding: 15px;
	overflow: hidden;
}
.row4 div {
	overflow: hidden;
}
.row4 label {
	display: block;
	height: 38px;
	float: left;
	margin-left: 16px;
	font: normal normal 13px Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 38px;
}
.row4 label:first-child {
	margin-left: 0px;
}
.row4 input {
	float: left;
	margin-left: 5px;
	padding: 0 5px;
	border: none;
}
.host_name {
	background: url('../images/input4.png') center center no-repeat;
	width: 174px;
	height: 38px;
}
.login_data {
	background: url('../images/input5.png') center center no-repeat;
	width: 148px;
	height: 38px;
}
.port_number {
	background: url('../images/input6.png') center center no-repeat;
	width: 48px;
	height: 38px;
}
.type_of {
	background: url('../images/input7.png') center center no-repeat;
	width: 113px;
	height: 38px;
}
.url_address {
	background: url('../images/input8.png') center center no-repeat;
	width: 213px;
	height: 38px;
}
.row4 .check {
	margin: 1px 0 0;
	vertical-align: middle;
}
.row4 div span {
	margin-left: 10px;
	font: italic normal 13px Arial, Helvetica, sans-serif;
	color: #4c4c4c;
}
.request textarea {
	background: #f4f4f4;
	width: 900px;
	height: 300px;
	margin: 0 auto;
	padding: 8px;
	border: 1px solid #b6bac0;
	border-radius: 10px;
	-moz-border-radius: 10px;
}
.request textarea:focus {
	border: 1px solid #aaa;
}
.request .submit {
	display: block;
	background: url('../images/button4.png') center center no-repeat;
	width: 226px;
	height: 39px;
	float: none;
	margin: 10px auto 0;
	text-align: center;
	font: normal bold 13px Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 38px;
	border: none;
	cursor: pointer;
}
.request .submit:hover {
	opacity: 0.9;
}

/*====================================================== LOGIN ==========================================================*/

.page-wrapper.login {
    background: url('../images/homepage_slider.jpg') no-repeat center center;
    background-size: cover;
}
.page-wrapper.login .login .page_content {
	padding:0;
	background: #FFF;
}

.login .box1 .head{
	background: #0C315E;
	color: #FFF;
	padding: 20px;
	margin: 0;
}
.login .box1 .head h2{
	color: #FFF;
}
.loginform {
	padding: 20px;
}
.loginform table {
	width: 80%;
	margin: 0 auto;
}
.loginform table td {
	padding: 5px;
}
.loginform label {
	display: block;
	margin-bottom: 10px;
	font: normal normal 22px trade;
	color: #666;
	text-shadow: 1px 1px 0 #fff;
}
.loginform .field {
    background: #EEE;
    width: 100%;
    padding: 9px;
    font-size: 16px;
    color: #0D315E;
    font-weight: bold;
    border: none;
}
.loginform a.forgot {
	margin-left: 5px;
	font: normal normal 20px trade;
	color: #06c;
	text-shadow: 1px 1px 0 #fff;
	text-decoration: none;
}
.loginform a.forgot:hover {
	text-decoration: underline;
}
.remember_me {
	margin-bottom: 15px;
	font: normal bold 13px Arial, Helvetica, sans-serif;
}
.remember_me input {
	margin-right: 8px;
	vertical-align: middle;
}
.loginform .button {
	background: url('../images/button_17.png') center center no-repeat;
	width: 154px;
	height: 44px;
	margin: 0 0 30px 0;
	text-align: center;
	font: normal normal 26px trade;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #397426;
	border: none;
	cursor: pointer;
}
.loginform .button:hover {
	opacity: 0.9;
}
.loginform .message {
	background: #f1b1a6;
	padding: 12px;
	font: normal normal 14px Arial, Helvetica, sans-serif;
	color: #300;
	border: 1px solid #c56e6e;
	border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 0 0 20px 0;
}
.login .extra_info.head {
	padding: 0;
}
.login .extra_info table td {
    padding: 0 10px;
    color: #FFF;
    vertical-align: middle;
    font-size: 14px;
}

.login .extra_info img.login-logo {
  width: 100px;
  padding: 10px;
}

.login .extra_info span.text-orange {
    font-size: 20px;
}
.login .extra_info table td a, 
.login .extra_info table td a:hover, 
.login .extra_info table td a:active, 
.login .extra_info table td a:focus {
    color: #FFF;
    outline: 0;
    text-decoration: none;
}
.login .extra_info img.keyring {
    width: 25px;
}
.login .extra_info table td a span {
    vertical-align: middle;
    display: inline-block;
}

.page-wrapper.login #footer {
	display: none;
}
/*------------------------------------[ new login ]------------------------------------------*/
form.loginform .clear {
	float:none;
	clear:both;
	height:0;
	overflow:hidden;
}

form.loginform fieldset {
	border:none;
	padding:0;
	margin:0;
	float:left;
}

form.loginform fieldset.leftLogin {
	width:258px;
	background:url(../images/bg-or.png) 200px -13px no-repeat;
}

form.loginform fieldset.fbLogin {
	width:184px;
	position:relative;
}

form.loginform fieldset.fbLogin p {
	font: bold 13px Arial,Helvetica,sans-serif;
    margin-bottom: 8px;	
}

form.loginform fieldset.fbLogin a {
	display:block;
	width:184px;
	height:60px;
	text-indent:-9999px;
	background:url(../images/fbook-login.png) 0 0 no-repeat;
}

form.loginform fieldset.fbLogin a:hover {
	background-position:0 -60px;
}

form.loginform fieldset.fbLogin span.fb-button-info {
	font-size: 11px;
	color: #999;
	font: 12px/15px trade;
	text-shadow: 1px 1px 0 #FFFFFF;
}

/*========================================================== NEW_HEAD1.html =======================================================*/

.new_head1 {
	height: 380px;
    position: absolute;
    left: 0;
    background: #EEE;
    padding-top:50px;
    background: url('../images/homepage_slider.jpg') no-repeat center center;
    background-size: cover;
}
.new_head1.low-height {
	height: 250px;
}
.new_head1 h1 {
	margin-bottom: 10px;
	color: #FFF;
	font-size: 45px;
}
.new_head1 h3 {
	margin-bottom: 30px;
	color: #FFF;
}
.nbox {
	display: inline-block;
    width: 100%;
    padding: 20px 0 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
}
.nbox strong {
	display: block;
	margin-bottom: 10px;
	font-size: 15px;
	text-transform: capitalize;
}
.nbox img {
	width: 90px;
	margin-bottom: 10px;
}


/*================================================= CLIENT_SITES.html ===============================================*/


.inner_content.overflow {
	overflow: visible;
	padding-top: 20px;
}
.page_content.different {
	padding: 0;
}

.inner_top {
	position: relative;
	z-index: 5;
	height: 80px;
	background:transparent url('../images/web_catalog/inner_top_boxpad.png') no-repeat;
}
.inner_top .button {
	float: left;
	width: 300px;
	height: 75px;
	margin: 10px 0 0 9px;
	padding-left: 14px;
	text-align: center;
	font: normal normal 18px/64px 'helv_b';
	text-decoration: none;
	text-transform: uppercase;
}
.inner_top .button:first-child {
	margin-left: 10px;
}
.inner_top .button.first {
	background:transparent url('../images/web_catalog/top_area_button1.png') top no-repeat;
	color: #0e3c56;
	text-shadow: 1px 1px 0 #4ca9dd;
}
.inner_top .button.second {
	background:transparent url('../images/web_catalog/top_area_button2.png') top no-repeat;
	color: #394e13;
	text-shadow: 1px 1px 0 #a2cd57;
}
.inner_top .button.third {
	background:transparent url('../images/web_catalog/top_area_button3.png') top no-repeat;
	color: #5a400c;
	text-shadow: 1px 1px 0 #e2aa44;
}
.inner_top .button:hover {
	opacity: 0.9;
	filter: alpha(opacity=90);
}
.inner_top .button.active {
	background-position: bottom;
}

.inner_top a.notifier
{
	position: absolute;
	top: 5px;
	right: 10px;
	text-decoration: none;
	color: #FFF;
	background: #FF0000;
	padding: 0 2px;
	font-family: "Comic Sans MS", cursive;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.cls_title {
	background: url('../images/web_catalog/underline1.png') 605px 67px no-repeat;
	text-align: center;
	font: normal normal 30px/55px 'helv_b';
	color: #333;
	text-shadow: 1px 1px 0 #fff;
}
.cls_title span {
	color: #318901;
}
/*.ribbon_txt {
	position: absolute;
	top: 100px;
	left: 0;
	width: 100%;
}
.ribbon_txt div.first {
	position: absolute;
	top: 23px;
	left: 130px;
}
.ribbon_txt div.second {
	position: absolute;
	top: 23px;
	left: 425px;
}
.ribbon_txt div.third {
	position: absolute;
	top: 23px;
	left: 710px;
}
.ribbon_txt strong {
	display: block;
	font: normal normal 24px 'trade';
	color: #fff;
	text-shadow: 1px 1px 0 #0d3a64;
}
.ribbon_txt span {
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color: #86a7c9;
	text-shadow: 1px 1px 0 #063768;
}
*/
.cls_submit {
	position: absolute;
	bottom: -40px;
	left: 50%;
	width: 233px;
	height: 70px;
	background:transparent url('../images/web_catalog/cls_submit.png') top no-repeat;
	margin-left: -117px;
	text-align: center;
	font: normal normal 24px/56px 'helv_cond_b';
	color: #fff;
	text-decoration: none;
	text-shadow: -1px -1px 0 #5e8e14;
}
.cls_submit:hover {
	background-position: bottom;
}

.ribbon_txt {
	background: transparent url('../images/web_catalog/ribbon1n.png') no-repeat;
	width: 1084px;
	height: 80px;
	margin: 0 0 20px -72px;
	padding: 24px 0 0 0;
}
.ribbon_txt div {
	float: left;
	width: 200px;
	margin-top: 5px;
	padding-left: 40px;
}
.ribbon_txt div:first-child {
	margin-left: 68px;
	background-position: left 7px !important;
}
.ribbon_txt div.first {
	background: transparent url('../images/web_catalog/icon2n.png') left center no-repeat; width: 190px;
}
.ribbon_txt div.second {
	background: transparent url('../images/web_catalog/icon3n.png') left center no-repeat;
}
.ribbon_txt div.third {
	background: transparent url('../images/web_catalog/icon4n.png') left center no-repeat;
}
.ribbon_txt strong {
	display: block;
	font: normal normal 24px 'trade';
	color: #fff;
	text-shadow: 1px 1px 0 #0d3a64;
}
.ribbon_txt span {
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color: #86a7c9;
	text-shadow: 1px 1px 0 #063768;
}

.cls_submit2 {
	float: left;
	width: 233px;
	height: 70px;
	background:transparent url('../images/web_catalog/cls_submit.png') top no-repeat;
	text-align: center;
	font: normal normal 24px/56px 'helv_cond_b';
	color: #fff;
	text-decoration: none;
	text-shadow: -1px -1px 0 #5e8e14;
}
.cls_submit2:hover {
	background-position: bottom;
}

.inner_content {
	background: #dce3ec;
	overflow: hidden;
	padding: 40px 20px 20px;
	border: 1px solid #fff;
}

.inner_left {
	display:block;
	float:left;
	width:240px;
	margin:0 0 30px 0;
}
.left_menu {
	display:block;
	float:left;
	clear:both;
	background:transparent url('../images/web_catalog/left_menu_bottom.png') left bottom no-repeat;
	padding-bottom:15px;
	width:248px;
	margin:-4px 0 30px -4px;
}
.left_menu strong {
	display:block;
	float:left;
	clear:both;
	font-family:trade;
	font-size:24px;
	font-weight:normal;
	color:#369;
	text-shadow:#fff 1px 1px 0px;
	background:transparent url('../images/web_catalog/left_menu_top.png') left top no-repeat;
	width:230px;
	height:47px;
	line-height:49px;
	padding-left:18px;
}
.left_menu ul {
	display:block;
	float:left;
	clear:both;
	width:248px;
	min-height:275px;
	background:transparent url('../images/web_catalog/left_menu_y.png') left top repeat-y;
}
.left_menu ul li a {
	display:block;
	float:left;
	clear:both;
	width:240px;
	padding:0 0 0 17px;
	height:41px;
	line-height:41px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#333;
	text-shadow:#fff 1px 1px 0;
	text-decoration: none;
	background:transparent url('../images/web_catalog/left_menu_btn.png') left 41px no-repeat;
}
.left_menu ul li a:hover, .left_menu ul li a.active {
	background-position:left top;
	color:#fff;
	text-shadow:#036 -1px -1px 0;
}

.inner_left .testimonials {
	clear: both;
	margin-bottom: 30px;
}
.inner_left .testimonials p {
	position: relative;
	background: #d1d7e0;
	margin-bottom: 15px;
	padding: 15px;
	font: italic normal 13px/20px Arial, Helvetica, sans-serif;
	color: #666;
	text-shadow: 1px 1px 0 #fff;
	border: 1px solid #c1c7cf;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: inset 0px 1px 1px #ccc;
	-moz-box-shadow: inset 0px 1px 1px #ccc;
	-webkit-box-shadow: inset 0px 1px 1px #ccc;
}
.inner_left .testimonials .arrow {
	display: block;
	position: absolute;
	right: 31px;
	bottom: -22px;
}
.inner_left .testimonials strong {
	display: block;
	margin-bottom: 5px;
	font: normal bold 14px Arial, Helvetica, sans-serif;
	color: #333;
}
.inner_left .testimonials span {
	display: block;
	margin-bottom: 15px;
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color: #666;
}
.inner_left .testimonials a.view_more {
	display: block;
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color: #06c;
	text-decoration: underline;
}
.inner_left .testimonials a.view_more:hover {
	text-decoration: none;
}


.inner_right {
	display:block;
	float:right;
	width:660px;
	margin:0 0 30px 0;
}
.inner_right_top {
	overflow: hidden;
	padding: 0 0 20px 0;
	background: transparent url('../images/web_catalog/bg-footer-shadow.png') center bottom no-repeat;
}
.inner_right_top h2 {
	float: left;
	font: normal normal 30px 'trade';
	color: #036;
}
.inner_right_top .tabbs {
	float: right;
}
.inner_right_top .tabbs a {
	display: inline-block;
	height: 28px;
	margin-left: 5px;
	padding: 0 15px;
	font: normal bold 12px/28px Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
	text-shadow: 1px 1px 0 #fff;
	border: 1px solid transparent;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
.inner_right_top .tabbs a:hover, .inner_right_top .tabbs a.active {
	background: url('../images/web_catalog/navpad1y.png') repeat-x;
	color: #036;
	border: 1px solid #ccc;
	box-shadow: 0px 1px 0 #fff;
	-moz-box-shadow: 0px 1px 0 #fff;
	-webkit-box-shadow: 0px 1px 0 #fff;
}


.cl_sites {
}
.cls_row {
	overflow: hidden;
	padding: 22px 0 18px;
	border-bottom: 1px dotted #ccc;
}
.cls_row:last-child {
}
.cls_box {
	float: left;
	width: 202px;
	margin-left: 27px;
	position: relative;
}
.cls_box:first-child{
	margin-left: 0;
}

.cls_box .delete_site{
	background-image: url("../images/web_catalog/delete_site.png");
    color: #FFFFFF;
    display: block;
    height: 20px;
    text-align: center;
    text-decoration: none;
    width: 62px;
	text-shadow: -1px -1px 0 #5E8E14;
	line-height: 19px;
}

.cls_box .edit_site{
	background-image: url("../images/web_catalog/edit_site.png");
    color: #FFFFFF;
    display: block;
    height: 20px;
    text-align: center;
    text-decoration: none;
    width: 62px;
	text-shadow: -1px -1px 0 #5E8E14;
	line-height: 19px;
}

.cls_thumb_new {
	display: inline-block;
	width: 194px;
	height: 145px;
	background: #fff;
	overflow: hidden;
	margin-bottom: 10px;
	padding: 3px;
	border: 1px solid #a5aab1;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

a.cls_thumb_new:active{border: 1px solid #a5aab1;}
.cls_thumb_new img {
	width: 194px;
	height: 145px;
	overflow: hidden;
}


.cls_box h4 {
	margin-bottom: 5px;
	font: normal bold 14px Arial, Helvetica, sans-serif;
	color: #06c;
}
.cls_box h4 a {
	color: #06c;
	text-decoration: none;
}
.cls_box h4 a:hover {
	text-decoration: underline;
}

.cls_box .edit_box {
	position: absolute;
	height: 25px; 
	padding: 9px;
	display: none;
	z-index: 2;
	top: 45px;
	left: 70px;
}

.cls_box:hover .edit_box{
	display: block; 
}

.cls_rating {
	padding-left: 1px;
	width: 100px;
	float: left;
}

.cls_views {
	width: 55px;
	float: right;
	line-height: 13px;
	margin: 0 20px 0 0;
}
.cls_rating span {
	float: left;
	width: 13px;
	height: 12px;
	margin: 0 2px 0 0;
}
.cls_rating .empty {
	background: url('../images/web_catalog/ratingyy.png') top no-repeat;
}
.cls_rating .full {
	background: url('../images/web_catalog/ratingyy.png') bottom no-repeat;
}

/*----------------------------------------------------- CLIENT_SITE_HOME ---------------------------------------------------------*/






.client_site {
}
.client_site h1 {
	margin-bottom: 5px;
	font: normal normal 30px 'trade';
	color: #036;
}

.websiteHead {
	width:670px;
}

.websiteHead .boxLeft {
	float:left;
	padding: 0 28px 15px 22px;
    width: 362px;
}

/*.websiteHead .boxLeft h1 span {
	color:#003366;
	font: 30px 'trade';
	line-height:34px;
	text-shadow:1px 1px 2px #bdbdbd;
}*/

.websiteHead .boxRight {
	width:258px;
	float:left;
	padding:5px 0 15px 0;
}

.websiteHead .boxRight a.preview_website {
	background: url('../images/web_catalog/preview_website.png') top no-repeat;
	display: block;
    height: 33px;
    width: 86px;
	float: left;
}

.websiteHead .boxRight a.preview_website:hover {
	background: url('../images/web_catalog/preview_website.png') bottom no-repeat;
}

.websiteHead .boxRight a.preview_website_big {
	background: url('../images/web_catalog/preview_website_big.png') top no-repeat;
	display: block;
  	float: right;
    height: 34px;
    width: 112px;
	margin-right: 20px;
}

.websiteHead .boxRight a.preview_website_big:hover {
	background: url('../images/web_catalog/preview_website_big.png') bottom no-repeat;
}

.websiteHead .boxRight a.edit_website {
	background: url('../images/web_catalog/edit_website.png') top no-repeat;
	display: block;
    height: 33px;
    width: 86px;
	float: left;
}

.websiteHead .boxRight a.edit_website:hover {
	background: url('../images/web_catalog/edit_website.png') bottom no-repeat;
}

.websiteHead .boxRight a.delete_website {
	background: url('../images/web_catalog/delete_website.png') top no-repeat;
	display: block;
    height: 33px;
    width: 86px;
	float: left;
}

.websiteHead .boxRight a.delete_website:hover {
	background: url('../images/web_catalog/delete_website.png') bottom no-repeat;
}


.websiteHead .boxLeft h1 span {
	float:left;
}

.websiteHead span.rating {
	display:block;
	width:120px;
	padding:10px 0 0 5px;
}

.websiteHead span.rating span.empty {
	background: url('../images/web_catalog/ratingyy.png') top no-repeat;
	width:13px;
	height:12px;
	margin-top: 4px;
	display:block;
	float:left;
}
.websiteHead span.rating span.full {
	background: url('../images/web_catalog/ratingyy.png') bottom no-repeat;
	width:13px;
	height:12px;
	margin-top: 4px;
	display:block;
	float:left;
}

.websiteHead .headFooter {
	width:670px;
	height:10px;
	background:url(../images/web_catalog/bg-footer-shadow.png) center 0 no-repeat;
}

.websiteHead .clear {
	float:none;
	clear:both;
	height:0;
}

.likes {
	margin-bottom: 20px;
}
.likes span {
	margin-right: 20px;
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color: #333;
}
.likes img {
	margin-right: 5px;
}
.client_site .leftside {
	width: 342px;
	float: left;
	margin-bottom: 20px;
	text-align: center;
}
.cls_preview {
	display: block;
	background: #fff;
	margin-bottom: 12px;
	padding: 3px;
	border: 1px solid #bfbfbf;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.cls_preview:active{border: 1px solid #bfbfbf;}
.cls_thumbs {
	position: relative;
	margin-bottom: 30px;
	text-align: center;
}
.cls_thumb1 {
	display: inline-block;
	background: #fff;
	margin: 0 9px;
	padding: 3px;
	border: 1px solid #bfbfbf;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	opacity: 0.7;
}
.cls_thumb1:hover, .cls_thumb1.active {
	opacity: 1;
}
.cls_thumbs .left_arr {
	position: absolute;
	top: 50%;
	left: 0;
	width: 12px;
	height: 17px;
	background: url('../images/web_catalog/arrow3yy.png') top no-repeat;
	margin-top: -8px;
	z-index: 100;
}
.cls_thumbs .left_arr:hover {
	background-position: bottom;
}
.cls_thumbs .right_arr {
	position: absolute;
	top: 50%;
	right: 0;
	width: 12px;
	height: 17px;
	background: url('../images/web_catalog/arrow4yy.png') top no-repeat;
	margin-top: -8px;
	z-index: 100;
}
.cls_thumbs .right_arr:hover {
	background-position: bottom;
}


.new_green_button {
	display: inline-block;
	height: 48px;
	background: url('../images/web_catalog/button1yy.png') top repeat-x;
	padding: 0 36px;
	font: normal normal 26px/48px 'trade';
	color: #030;
	text-shadow: 1px 1px 0 #9bc14d;
	border: 1px solid #690;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-decoration: none;
}
.new_green_button:hover {
	background-position: bottom;
	text-shadow: 1px 1px 0 #acd25e;
}



.client_site .rightside {
	width: 310px;
	float: right;
	margin-bottom: 20px;
}
.cls_right_list {
	position: relative;
	background: #f5f7f9;
	margin-bottom: 20px;
	padding: 8px 10px;
	border: 1px solid #d7dde5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.cls_right_list li {
	background: url('../images/web_catalog/border1yy.png') top repeat-x;
	padding: 10px 5px;
	color: #336;
	text-shadow: 1px 1px 0 #fff;
}
.cls_right_list li:first-child {
	background: none;
}

.cls_right_list li a{
	text-decoration: none;
	color: #0066CC;
}

.cls_right_list li a:hover{
	color: #0066CC;
	text-decoration: underline;
}

.cls_right_list strong {
	margin-right: 3px;
}
.cls_right_list .arrow {
	position: absolute;
	top: 35px;
	left: -11px;
	width: 12px;
	height: 17px;
	background: url('../images/web_catalog/arrow2yy.png') no-repeat;
}



.like_it {
	text-align: center;
}
.like_it strong {
	font: normal bold 12px/12px Arial, Helvetica, sans-serif;
	color: #333;
	float: left;
	padding: 4px 0 0 0;
}
.cls_like_btn {
	display: inline-block;
	width: 54px;
	height: 26px;
	background: url('../images/web_catalog/cls_like_btn.png') top no-repeat;
	padding-right: 10px;
	text-align: right;
	font: normal bold 12px/26px Arial, Helvetica, sans-serif;
	color: #336;
	text-shadow: 1px 1px 0 #fff;
}
.cls_like_btn:hover {
	background-position: bottom;
}
.cls_dislike_btn {
	display: inline-block;
	width: 66px;
	height: 26px;
	background: url('../images/web_catalog/cls_dislike_btn.png') top no-repeat;
	padding-right: 10px;
	text-align: right;
	font: normal bold 12px/26px Arial, Helvetica, sans-serif;
	color: #336;
	text-shadow: 1px 1px 0 #fff;
}
.cls_dislike_btn:hover {
	background-position: bottom;
}

.client_site h3 {
	margin-bottom: 15px;
	font: normal bold 15px Arial, Helvetica, sans-serif;
	color: #036;
}
.client_site p {
	margin-bottom: 15px;
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color: #666;
}


.share_it {
	clear: both;
	margin-bottom: 20px;
	text-align: center;
}
.share_it strong {
	margin-right: 10px;
	font: normal bold 12px/20px Arial, Helvetica, sans-serif;
	color: #333;
}
.share_it img {

	vertical-align: middle;
}

.similar_sites {
	
	clear: both;
	margin: 20px 0 0 0;
}

.similar_sites h2 {
	color: #003366;
    font: bold 15px Arial,Helvetica,sans-serif;
	margin-bottom: 15px;
}


.dark_blue_title {
	margin-bottom: 20px;
	padding-bottom: 5px;
	font: bold 15px Arial,Helvetica,sans-serif;
	color: #036;
	border-bottom: 1px solid #eeeeee;
}



.cls_slider {
	position: relative;
	margin-bottom: 50px;
}
.slide_center {
	width: 608px;
	margin: 0 auto;
	overflow: hidden;
}
.cls_slidebox {
	float: left;
	width: 132px;
	margin: 0 10px;
}
.cls_thumb2 {
	display: inline-block;
	width: 124px;
	background: #fff;
	overflow: hidden;
	margin-bottom: 5px;
	padding: 3px;
	border: 1px solid #bfbfbf;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

a.cls_thumb2:active{border: 1px solid #bfbfbf;}

.cls_slidebox h4 {
	margin-bottom: 4px;
	padding-left: 3px;
	font: normal bold 12px Arial, Helvetica, sans-serif;
	color: #06c;
}
.cls_slidebox h4 a {
	color: #06c;
}
.cls_slidebox h4 a:hover {
	text-decoration: underline;
}
.cls_slider .left_arr {
	position: absolute;
	top: 40px;
	left: 0;
	width: 25px;
	height: 25px;
	background: url('../images/web_catalog/arrow5yy.png') top no-repeat;
}
.cls_slider .left_arr:hover {
	background-position: bottom;
}
.cls_slider .right_arr {
	position: absolute;
	top: 40px;
	right: 0;
	width: 25px;
	height: 25px;
	background: url('../images/web_catalog/arrow6yy.png') top no-repeat;
}
.cls_slider .right_arr:hover {
	background-position: bottom;
}


.cls_comments {
	margin-bottom: 20px;
}
.cls_post {
	background: url('../images/web_catalog/border2yy.png') bottom repeat-x;
	margin-bottom: 25px;
	padding-bottom: 15px;
}
.cls_post.answered {
	background: none;
	padding-bottom: 0;
}
.cls_avatar {
	display: block;
	float: left;
}
.cls_comments .rightside {
	margin-left: 60px;
}
.cls_comments h3 {
	margin-bottom: 5px;
	font: normal bold 13px Arial, Helvetica, sans-serif;
	color: #06c;
}
.cls_comments p {
	margin-bottom: 15px;
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color: #666;
}
.cls_options {
}
.cls_options span {
	margin-right: 20px;
}
.cls_options span img {
	margin-right: 6px;
}
.cls_options a {
	color: #666;
}
.cls_options a:hover {
	color: #333;
	text-decoration: underline;
}



.cls_replies {
	position: relative;
	background: #f5f7f9;
	margin: 0 0 30px 60px;
	border: 1px solid #e9eaec;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.cls_reply {
	background: url('../images/web_catalog/border3yy.png') top repeat-x;
	padding: 10px;
}
.cls_reply:first-child {
	background: none;
}


.cls_replies .arrow {
	position: absolute;
	top: -9px;
	left: 58px;
}




.cls_submit_home {
	margin-bottom: 50px;
}
.cls_submit_home .field {
	display: block;
	width: 250px;
	height: 30px;
	background: #fafafa url('../images/web_catalog/input1yy.png') top repeat-x;
	margin-bottom: 20px;
	padding: 0 10px;
	font: normal normal 14px/30px Arial, Helvetica, sans-serif;
	color: #666;
	border: 1px solid #999;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.cls_submit_home textarea {
	display: block;
	width: 530px;
	height: 140px;
	background: #fafafa url('../images/web_catalog/input1yy.png') top repeat-x;
	margin-bottom: 20px;
	padding: 10px;
	font: normal normal 14px Arial, Helvetica, sans-serif;
	color: #666;
	border: 1px solid #999;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.cls_submit_home .field:focus, .cls_submit textarea:focus {
	background: #fff;
	border: 1px solid #666;
}
.cls_submit_home .new_green_button {
	cursor: pointer;
}

.light_blue_title {
	margin-bottom: 20px;
	padding-bottom: 5px;
	font: normal normal 30px 'trade';
	color: #39c;
	border-bottom: 1px solid #e5e5e5;
}

.light_blue_title.plain {
	margin-bottom: 12px;
	padding-bottom: 0;
	border-bottom: none;
}

/*================================================= CLIENT_REVIEWS.html ===============================================*/







.inner_header.shorter {
	position: relative;
	height: 250px;
	background: url('../images/web_catalog/new_head4.jpg') no-repeat;
}
.inner_wrapper2 {
}
.inner_wrapper2 h1 {
	margin-bottom: 10px;
	padding: 20px 0;
	text-align: center;
	font: normal normal 40px 'helv_b';
	color: #036;
	text-shadow: 1px 1px 0 #fff;
}
.inner_wrapper2 h1 strong {
	font: normal normal 60px 'helv_b';
	color: #c30;
}
.inner_wrapper2 h1 span {
	display: block;
	font: italic normal 35px Georgia, "Times New Roman", Times, serif;
	color: #666;
}
.inner_wrapper2 img {
	position: absolute;
	bottom: -15px;
	left: 115px;
}
.inner_wrapper2 .cls_submit {
	display: block;
	position: static;
	margin: 0 auto;
}



.review_area {
}
.review_area h1 {
	font: normal normal 30px/30px 'trade';
	color: #036;
}
.review_area h2 {
	margin-bottom: 10px;
	font: normal normal 20px 'trade';
	color: #033;
}
.review_area .top_paragraph {
	margin-bottom: 20px;
}
.review_box {
	background: #fff;
	margin-bottom: 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 1px 1px #aab0b7;
	-moz-box-shadow: 0 1px 1px #aab0b7;
	-webkit-box-shadow: 0 1px 1px #aab0b7;
}
.review_box_head {
	height: 46px;
	background: url('../images/web_catalog/boxhead1n.png') no-repeat;
	padding: 0 12px;
}
.review_box_head h3 {
	float: left;
	font: normal normal 20px/37px 'trade';
	color: #369;
}

.review_box_head h3 a {
	color: #369;
}

.review_box_head .rating {
	float: right;
	height: 35px;
	line-height: 35px;
}
.review_box_head img {
	vertical-align: middle;
}
.review_box p {
	padding: 12px 15px 18px;
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color: #333;
}

.reviews-thank-you {
	z-index: 1000; 
	display: none;
} 

.reviews-thank-you .Thanks {
	position:relative;
	min-height:250px;
	width:273px;
	padding:50px 20px 20px 295px;
	background:#dce3ec;
	border:1px solid #ffffff;
}

.reviews-thank-you .Thanks a.close {
	position:absolute;
	display:block;
	width:20px;
	height:20px;
	top:14px;
	right:11px;
	text-indent:-9999px;
	background:url(../images/web_catalog/close.png) 0 0 no-repeat;
}

/*------------------------------[ turtle ]--------------------------------*/
.reviews-thank-you .Thanks img.turtle {
	position:absolute;
	left:50px;
	top:25px;
}

/*------------------------------[ Right ]--------------------------------*/
.reviews-thank-you .Thanks h3 {
	font-family:helv_cond_b;
	font-size:24px;
	font-weight:normal;
	text-align:center;
	color:#003366;
	margin-bottom:18px;
	text-shadow:1px 1px 2px #ffffff;
}

.reviews-thank-you .Thanks h4 {
	color:#003366;
	font-size:24px;
	font-weight:normal;
	font-family:helv_cond_b;
	text-align:center;
	margin-bottom:20px;
	text-shadow:1px 1px 2px #ffffff;
}

.reviews-thank-you .Thanks p {
	color:#ff0033;
	font-size:30px;
	font-weight:normal;
	font-family:helv_cond_b;
	text-align:center;
	margin-bottom:35px;
	text-shadow:1px 1px 2px #ffffff;
}

.reviews-thank-you .Thanks a.copy {
	display:block;
	width:235px;
	height:64px;
	font-size:24px;
	line-height:56px;
	margin:0 0 0 18px;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	text-shadow:1px 1px 2px #bfbfbf;
	background:url(../images/web_catalog/btn.png) 0 0 no-repeat;
}

.reviews-thank-you .Thanks a.copy:hover {
	background-position:0 -63px;
}

/*====================================================== SUBMIT WEBSITE FORM ===================================================*/

.submit_website {
	width: 890px;
	background: #dce3ec;
	border: 1px solid #fff;
	border-radius: 5px;
	display: none;
	z-index: 1000;
}
.submit_website .formhead {
	height: 48px;
	background: url('../images/web_catalog/boxhead2n.png') repeat-x;
	padding: 0 18px;
	border-bottom: 1px solid #fff;
}
.submit_website h2 {
	float: left;
	font: normal normal 20px/48px 'helv_cond_b';
	color: #036;
	text-shadow: 1px 1px 0 #fff;
}
.submit_website .close {
	float: right;
	width: 22px;
	height: 22px;
	background: url('../images/web_catalog/buttonn1.png') top no-repeat;
	margin-top: 14px;
}
.submit_website .close:hover {
	background-position: bottom;
}

.submit_website form {
}

.submit_steps {
	overflow: hidden;
	padding: 20px 20px 15px;
	border-bottom: 1px solid #c6ccd4;
}
.submit_step {
	float: left;
	width: 202px;
	margin-right: 20px;
}
.submit_step div {
	margin-bottom: 15px;
}
.submit_step label {
	display: block;
	margin-bottom: 7px;
	font: normal normal 13px Arial, Helvetica, sans-serif;
	color: #333;
}
.submit_step .field {
	width: 190px;
	height: 23px;
	background: #f8f9fb url('../images/web_catalog/input1n.png') top repeat-x;
	padding: 0 5px;
	font: normal normal 12px/23px Arial, Helvetica, sans-serif;
	color: #666;
	border: 1px solid #999;
	border-radius: 3px;
	box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
}
.submit_step .field:focus {
	border-color: #666;
}
.submit_step .field.error {
	color: #933;
	border: 1px solid #c00;
	box-shadow: 0 0 3px #c9757b;
	-webkit-box-shadow: 0 1px 0 #fff;
}

.submit_step .field_edit {
	width: 190px;
	height: 23px;
	background-color: #DCE3EC;
	padding: 0 5px;
	font: normal normal 12px/23px Arial, Helvetica, sans-serif;
	color: #666;
	border: 1px solid #DCE3EC;
}
.submit_step .field_edit:focus {
	/*background: #f8f9fb url('../images/web_catalog/input1n.png') top repeat-x;*/
	background: #FFFF99;
	border: 1px solid #666;
	border-radius: 3px;
	box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
}
.submit_step .field_edit:hover {
	/*border: 1px solid #999;
	box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;*/
	border-radius: 3px;
	background: #FFFF99;
}

.submit_step .field_edit.error {
	color: #933;
	border: 1px solid #c00;
	box-shadow: 0 0 3px #c9757b;
	-webkit-box-shadow: 0 1px 0 #fff;
}

.submit_step select {
	width: 202px;
	background: #f8f9fb url('../images/web_catalog/input1n.png') top repeat-x;
	padding: 3px;
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color: #666;
	border: 1px solid #999;
	border-radius: 3px;
	box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
}
.submit_step select:focus {
	border-color: #666;
}

.submit_step select.edit {
	box-shadow: none;
	background-color: #DCE3EC;
	border: 1px solid #DCE3EC;
	background-image: none;
	width: auto;
}

.submit_step select.edit:hover {
	/*border: 1px solid #999;
	box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;*/
	border-radius: 3px;
	background: #FFFF99;
}

.submit_step select.edit:focus {
	background: #FFFF99;
	border: 1px solid #666;
	border-radius: 3px;
	box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
}

.submit_step.text_area {
	width: 406px;
	margin-right: 0;
}
.submit_step.text_area label strong {
	float: right;
	font: normal bold 14px Arial, Helvetica, sans-serif;
}
.submit_step.text_area textarea {
	width: 394px;
	height: 138px;
	background: #f8f9fb url('../images/web_catalog/input1n.png') top repeat-x;
	padding: 5px;
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color: #666;
	border: 1px solid #999;
	border-radius: 3px;
	box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
}
.submit_step.text_area textarea:focus {
	border-color: #666;
}

.submit_step.text_area textarea.error {
	border: 1px solid #c00;
	box-shadow: 0 0 3px #c9757b;
	-webkit-box-shadow: 0 1px 0 #fff;
}

.submit_step.text_area textarea.edit {
	box-shadow: none;
	background-color: #DCE3EC;
	border: 1px solid #DCE3EC;
	background-image: none;
}

.submit_step.text_area textarea.edit.error {
	border: 1px solid #c00;
	box-shadow: 0 0 3px #c9757b;
	-webkit-box-shadow: 0 1px 0 #fff;
}

.submit_step textarea.edit:hover {
	/*border: 1px solid #999;
	box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;*/
	border-radius: 3px;
	background: #FFFF99;
}

.submit_step textarea.edit:focus {
	background: #FFFF99;
	border: 1px solid #666;
	border-radius: 3px;
	box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
}


/*.submit_steps_edit {
	overflow: hidden;
	padding: 20px 20px 15px;
	width: 250px;
	float: left;
}

.submit_steps_edit div {
	margin-bottom: 15px;
}
.submit_steps_edit label {
	display: block;
	margin-bottom: 7px;
	font: normal normal 13px Arial, Helvetica, sans-serif;
	color: #333;
}
.submit_steps_edit .field {
	width: 190px;
	height: 23px;
	background: #f8f9fb url('../images/web_catalog/input1n.png') top repeat-x;
	padding: 0 5px;
	font: normal normal 12px/23px Arial, Helvetica, sans-serif;
	color: #666;
	border: 1px solid #999;
	border-radius: 3px;
	box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
}
.submit_steps_edit .field:focus {
	border-color: #666;
}
.submit_steps_edit .field.error {
	color: #933;
	border: 1px solid #c00;
	box-shadow: 0 0 3px #c9757b;
	-webkit-box-shadow: 0 1px 0 #fff;
}
.submit_steps_edit select {
	width: 202px;
	background: #f8f9fb url('../images/web_catalog/input1n.png') top repeat-x;
	padding: 3px;
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color: #666;
	border: 1px solid #999;
	border-radius: 3px;
	box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
	margin: 0;
}
.submit_steps_edit select:focus {
	border-color: #666;
}

.submit_steps_edit .text_area {
	width: 406px;
	margin-right: 0;
}
.submit_steps_edit .text_area label span {
	float: right;
	font: normal bold 14px Arial, Helvetica, sans-serif;
	color: #CC0000;
}
.submit_steps_edit textarea {
	width: 247px;
	height: 138px;
	background: #f8f9fb url('../images/web_catalog/input1n.png') top repeat-x;
	padding: 5px;
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color: #666;
	border: 1px solid #999;
	border-radius: 3px;
	box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
}
.submit_steps_edit .text_area textarea:focus {
	border-color: #666;
}

.submit_steps_edit .text_area textarea.error {
	color: #933;
	border: 1px solid #c00;
	box-shadow: 0 0 3px #c9757b;
	-webkit-box-shadow: 0 1px 0 #c9757b;
}*/

.add_image {
	overflow: hidden;
	padding: 20px;
	border-top: 1px solid #fff;
}

.add_image h3 {
	margin-bottom: 15px;
	text-align: center;
	font: normal normal 20px 'helv_cond_b';
	color: #036;
	text-shadow: 1px 1px 0 #fff;
}

.add_image #preloader img{
	border: 0;
	width: 160px;
	height: 24px;
	box-shadow: none;
	display: inline;
}

.add_image a.save_upload {
	background: url('../images/web_catalog/overlay_save.png') no-repeat;
	width: 91px;
	height: 25px;
	border: 0;
	display: block;
	text-align: center;
	line-height: 25px;
	color: #fff;
	text-decoration: none;
	float: left;
}

.add_image a.cancel_upload {
	background: url('../images/web_catalog/overlay_cancel.png') no-repeat;
	width: 91px;
	height: 25px;
	border: 0;
	display: block;
	text-align: center;
	line-height: 25px;
	color: #fff;
	text-decoration: none;
	float: left;
	margin-left: 19px;
}


.add_image_step1 {
	width: 400px;
	overflow: hidden;
	margin: 0 auto 15px;
}
.add_image_step1 a {
	display: block;
	width: 160px;
	height: 30px;
	padding-top: 51px;
	text-align: center;
	font: normal bold 13px Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
	text-shadow: 1px 1px 0 #fff;
}
.add_image_step1 a.add_url {
	float: left;
	background: url('../images/web_catalog/add_img_btn1.png') top no-repeat;
}
.add_image_step1 a.upload_img {
	float: right;
	background: url('../images/web_catalog/add_img_btn2.png') top no-repeat;
}
.add_image_step1 a:hover {
	background-position: bottom;
}
.add_image_step1 span {
	display: block;
	width: 50px;
	background: url('../images/web_catalog/border1n.png') center no-repeat;
	margin: 30px auto 0;
	text-align: center;
	font: italic normal 13px Arial, Helvetica, sans-serif;
	color: #999;
	text-shadow: 1px 1px 0 #fff;
}

.add_image_step2 {
	overflow: hidden;
	margin: 30px 0 15px 0;
}
.add_image_box {
	width: 148px;
	float: left;
	margin-right: 22px;
	margin-bottom: 5px;
	position: relative;
}
.add_image_box:first-child {
	margin-left: 0;
}

.add_image_box .delete_button {
	background-image: url('../images/delete.png');
	background-repeat: no-repeat;
	width: 16px; 
	height: 16px; 
	display: block;
}
.add_image .field {
	display: block;
	width: 190px;
	height: 23px;
	background: #f8f9fb url('../images/web_catalog/input1n.png') top repeat-x;
	margin-bottom: 10px;
	padding: 0 5px;
	font: normal normal 12px/23px Arial, Helvetica, sans-serif;
	color: #333;
	border: 1px solid #999;
	border-radius: 3px;
	box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
}
.add_image .field:focus {
	border-color: #666;
}

.add_image .field.error {
	border: 1px solid #CC0000;
	box-shadow: 0 0 3px #C9757B;
}


.add_image img {
	display: block;
	width: 148px;
	height: 148px;
	overflow: hidden;
	border: 1px solid #87919e;
	border-radius: 3px;
	box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
}
.submit_website .button {
	background: url("../images/web_catalog/cls_submit_small.png") no-repeat scroll center top transparent;
    color: #FFFFFF;
    display: block;
    font: 19px/46px 'helv_cond_b';
    height: 57px;
    margin: 0 auto 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: -1px -1px 0 #5E8E14;
    width: 191px;
}
.submit_website .button:hover {
	background-position: bottom;
}

/*================================================= CLIENT_IDEAS.html ===============================================*/





.inner_header.taller {
	position: relative;
	height: 270px;
	background: url('../images/web_catalog/new_head3.jpg') no-repeat;
}
.inner_wrapper1 {
	width: 440px;
	height: 250px;
	padding: 25px;
}
.inner_wrapper1 h1 {
	background: url('../images/web_catalog/underline2.png') 250px 60px no-repeat;
	margin-bottom: 20px;
	padding-bottom: 10px;
	font: normal normal 26px 'helv_b';
	color: #036;
	text-shadow: 1px 1px 0 #fff;
}
.inner_wrapper1 h1 span {
	color: #318901;
}
.inner_wrapper1 p {
	font: normal normal 13px/20px Arial, Helvetica, sans-serif;
	color: #333;
}
.inner_wrapper1 img {
	position: absolute;
	bottom: -15px;
	left: 115px;
}



.small_blue {
	margin-bottom: 5px;
	font: normal normal 18px/32px 'helv_b';
	color: #036;
}
.post_idea {
	position: relative;
	margin-bottom: 30px;
}
.post_idea .field {
	display: block;
	width: 600px;
	height: 48px;
	background: #fff url('../images/web_catalog/shadow1.png') top repeat-x;
	margin-bottom: 10px;
	padding: 0 43px 0 15px;
	font: normal normal 22px/48px Arial, Helvetica, sans-serif;
	color: #999;
	border: 1px solid #9ba5b1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 1px 1px #fff;
	-moz-box-shadow: 0 1px 1px #fff;
	-webkit-box-shadow: 0 1px 1px #fff;
}

.post_idea .field.error {
	border: 1px solid #FF0000;
}

.post_idea .clear {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 22px;
	height: 22px;
	background: url('../images/web_catalog/buttonn1.png') top no-repeat;
}
.post_idea .clear:hover {
	background-position: bottom;
}
.post_idea textarea {
	display: block;
	width: 628px;
	height: 100px;
	background: #fff url('../images/web_catalog/shadow1.png') top repeat-x;
	margin-bottom: 10px;
	padding: 15px;
	font: normal normal 14px Arial, Helvetica, sans-serif;
	color: #999;
	border: 1px solid #9ba5b1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 1px 1px #fff;
	-moz-box-shadow: 0 1px 1px #fff;
	-webkit-box-shadow: 0 1px 1px #fff;
}
.post_idea textarea.error {
	border: 1px solid #FF0000;
}
.post_idea .button {
	width: 140px;
	height: 40px;
	background: url('../images/web_catalog/buttonn2.png') top repeat-x;
	font: normal normal 15px 'helv_b';
	color: #fff;
	border: 1px solid #0a6ea9;
	text-shadow: 1px 1px 0 #0b70a8;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
}
.post_idea .button:hover {
	background-position: bottom;
}
.post_idea .cancel {
	margin-left: 15px;
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color: #06c;
	text-decoration: underline;
}


.more_new_tabs {
	height: 32px;
	margin-bottom: 20px;
}
.more_new_tabs a {
	position: relative;
	float: left;
	height: 30px;
	background: #c7d1dd;
	margin-right: 5px;
	padding: 0 15px;
	font: normal bold 12px/30px Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
	border: 1px solid #b8c2cd;
	border-bottom: 1px solid #c7d1dd;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 1px 1px #eef1f6;
	-moz-box-shadow: 0 1px 1px #eef1f6;
	-webkit-box-shadow: 0 1px 1px #eef1f6;
}

.more_new_tabs a.active {
	background: url('../images/web_catalog/buttonn2.png') top repeat-x;
	color: #fff;
	border: 1px solid #0b75af !important;
	box-shadow: 0 1px 1px #eef1f6;
	-moz-box-shadow: 0 1px 1px #eef1f6;
	-webkit-box-shadow: 0 1px 1px #eef1f6;
}

.more_new_tabs a:hover {
	background: url('../images/web_catalog/buttonn2.png') top repeat-x;
	color: #fff;
	border: 1px solid #0b75af !important;
	box-shadow: 0 1px 1px #eef1f6;
	-moz-box-shadow: 0 1px 1px #eef1f6;
	-webkit-box-shadow: 0 1px 1px #eef1f6;
}
.more_new_tabs a .arrow {
	display: none;
	position: absolute;
	bottom: -6px;
	left: 50%;
	margin-left: -5px;
}
.more_new_tabs a:hover .arrow {
	display: block;
}

.more_new_tabs select {
	float: left;
	background: #c7d1dd;
	margin: 0;
	padding: 7px 7px 6px 10px;
	font: normal bold 12px/30px Arial, Helvetica, sans-serif;
	color: #333;
	border: 1px solid #b8c2cd;
	border-bottom: 1px solid #c7d1dd;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 1px 1px #eef1f6;
	-moz-box-shadow: 0 1px 1px #eef1f6;
	-webkit-box-shadow: 0 1px 1px #eef1f6;
}

.more_new_tabs select.active {
	background: #0B70A8;
	color: #FFFFFF;
}

.ideas_board {
}
.idea_post {
	margin-bottom: 20px;
	position: relative;
}
.idea_post .status-indicator
{
	position: absolute; 
	top: 0; 
	right: 1px; 
	padding: 5px 10px; 
	color: #FFF; 
	background: #C7D1DD;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
.idea_post .edit-idea
{
	position: absolute; 
	top: 0; 
	right: 1px; 
	padding: 5px 10px; 
	color: #FFF; 
	background: #C7D1DD;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
.idea_leftside {
	float: left;
	width: 101px;
	height: 96px;
	background: url('../images/web_catalog/boxpad1n.png') no-repeat;
	margin-right: -5px;
	padding-right: 5px;
	text-align: center;
}
.idea_leftside strong {
	display: block;
	padding: 10px 0 0px;
	font: normal bold 24px Arial, Helvetica, sans-serif;
	color: #336;
	text-shadow: 1px 1px 0 #dde3eb;
}
.idea_leftside span {
	display: block;
	margin-bottom: 5px;
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color: #666;
	text-shadow: 1px 1px 0 #dde3eb;
}
.idea_leftside .button {
	display: inline-block;
	width: 80px;
	height: 26px;
	background: url('../images/web_catalog/buttonn4.png') top no-repeat;
	font: normal bold 12px/24px Arial, Helvetica, sans-serif;
	color: #030;
	text-decoration: none;
	text-shadow: 1px 1px 0 #a0c865;
}
.idea_leftside .button.inactive {
	background-position: 0 -52px !important;
	color: #8F8F8F !important;
	cursor: not-allowed !important;
	text-shadow: none !important;
}
.idea_leftside .button:hover {
	background-position: 0 -26px;
}

.idea_rightside {
	float: left;
	width: 556px;
	background: #fff;
	padding: 0 1px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 1px 1px #aab0b7;
	-moz-box-shadow: 0 1px 1px #aab0b7;
	-webkit-box-shadow: 0 1px 1px #aab0b7;
}
.idea_rightside .upper_part {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
}
.idea_rightside h2 {
	margin-bottom: 15px;
	font: normal normal 18px 'helv_b';
	color: #039;
}
.idea_rightside h2 a {
	color: #039;
	text-decoration: none;
}
.idea_rightside h2 a:hover {
	color: #06c;
}
.idea_rightside .upper_part p {
	margin-bottom: 10px;
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color: #333;
}
.idea_rightside .comm_link {
	background: url('../images/web_catalog/icon1n.png') left center no-repeat;
	margin-bottom: 10px;
	padding-left: 18px;
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color: #999;
	text-decoration: none;
}
.idea_rightside .comm_link:hover {
	text-decoration: underline;
}

.idea_rightside .lower_part {
	overflow: hidden;
	padding: 15px;
}
.idea_rightside .lower_part img {
	float: left;
}
.idea_rightside .lower_part div {
	margin: 0 0 5px 40px;
}
.idea_rightside .lower_part label {
	display: inline-block;
	height: 17px;
	margin-right: 5px;
	padding: 1px 12px;
	font: normal bold 12px/18px Arial, Helvetica, sans-serif;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}

.idea_rightside .lower_part label.under_review {
	background: url('../images/web_catalog/status_pad.png') repeat-x;
	background-position: center -23px;
}
.idea_rightside .lower_part label.planned {
	background: url('../images/web_catalog/status_pad.png') repeat-x;
	background-position: center top;
}
.idea_rightside .lower_part label.started {
	background: url('../images/web_catalog/status_pad.png') repeat-x;
	background-position: center -47px;
}
.idea_rightside .lower_part label.completed {
	background: url('../images/web_catalog/status_pad.png') repeat-x;
	background-position: center -71px;
}
.idea_rightside .lower_part label.declined {
	background: url('../images/web_catalog/status_pad.png') repeat-x;
	background-position: center -95px;
}

.idea_rightside .lower_part span {
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color: #999
}
.idea_rightside .lower_part strong {
	color: #06c
}
.idea_rightside .lower_part p {
	margin: 0 0 5px 40px;
	color: #666;
}



.new_paging {
	height: 27px;
}
.new_paging ul {
	float: right;
}
.new_paging li {
	float: left;
	margin-left: 5px;
}
.new_paging a {
	display: block;
	height: 24px;
	background: #c7d1dd;
	padding: 0 9px;
	font: normal normal 12px/24px Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
	text-shadow: 1px 1px 0 #eef1f6;
	border: 1px solid #b8c2cd;
	border-bottom: 1px solid #c7d1dd;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 1px 1px #eef1f6;
	-moz-box-shadow: 0 1px 1px #eef1f6;
	-webkit-box-shadow: 0 1px 1px #eef1f6;
}
.new_paging a:hover, .new_paging a.active {
	background: url('../images/web_catalog/buttonn5.png') repeat-x;
	color: #030;
	text-shadow: 1px 1px 0 #b4db5e;
	border: 1px solid #360;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 1px 1px #fff;
	-moz-box-shadow: 0 1px 1px #fff;
	-webkit-box-shadow: 0 1px 1px #fff;
}

.ideas-thank-you {
	z-index: 1000; 
	display: none;
} 

.ideas-thank-you .Thanks {
	position:relative;
	min-height:351px;
	width:636px;
	padding:28px 0 20px 0;
	background:#dce3ec;
	border:1px solid #ffffff;
}

.ideas-thank-you .Thanks h3 {
	font-family:helv_cond_b;
	font-size:24px;
	font-weight:normal;
	text-align:center;
	color:#003366;
	margin-bottom:18px;
	text-shadow:1px 1px 2px #ffffff;
}

.ideas-thank-you .Thanks a.close {
	position:absolute;
	display:block;
	width:20px;
	height:20px;
	top:14px;
	right:11px;
	text-indent:-9999px;
	background:url(../images/web_catalog/close.png) 0 0 no-repeat;
}

/*------------------------------[ boxLeft ]--------------------------------*/
.ideas-thank-you .Thanks .boxLeft {
	float:left;
	width:307px;
	padding:0 0 0 36px;
}

.ideas-thank-you .Thanks .boxLeft p {
	font-size:12px;
	color:#666666;
	font-style:italic;
}

.ideas-thank-you .Thanks .boxLeft p span {
	font-weight:bold;
	color:#333333;
}

/*------------------------------[ boxRight ]--------------------------------*/
.ideas-thank-you .Thanks .boxRight {
	float:left;
	padding:25px 20px 0 36px;
}

.ideas-thank-you .Thanks .boxRight h4 {
	color:#003366;
	font-size:24px;
	font-weight:normal;
	font-family:helv_cond_b;
	text-align:center;
	margin-bottom:20px;
	text-shadow:1px 1px 2px #ffffff;
}

.ideas-thank-you .Thanks .boxRight h5 {
	color:#ff0033;
	font-size:30px;
	font-weight:normal;
	font-family:helv_cond_b;
	text-align:center;
	margin-bottom:35px;
	text-shadow:1px 1px 2px #ffffff;
}

.ideas-thank-you .Thanks .boxRight a {
	display:block;
	width:235px;
	height:64px;
	font-size:24px;
	line-height:56px;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	text-shadow:1px 1px 2px #bfbfbf;
	background:url(../images/web_catalog/btn.png) 0 0 no-repeat;
}

.ideas-thank-you .Thanks .boxRight a:hover {
	background-position:0 -63px;
}


/*------------------------------[ View Referral ]--------------------------------*/

.ticket-details,
.ticket-status {
	height: 100px;
}

.ticket-status {
	line-height: 100px;
	font-size: 30px;
	color: #FFF;
}

.ticket-details {
	padding: 20px;
}

.ticket-details h2 {
	margin-bottom: 10px;
}

.ticket-details span {
    font-size: 16px;
}












select.pick-report {
    width: 400px;
    padding: 10px;
    background: #FFF;
    border: 3px solid #DDD;
    border-radius: 4px;
    text-align-last: center;
    text-align: center;
}






/*------------------------------[ jQuery UI override ]--------------------------------*/

.ui-dialog.ui-widget {
	font-family: 'Droid';
}

.ui-dialog.ui-widget-content {
	background: #FFF;
	padding: 0;
    border: 0;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
}

.ui-dialog .ui-widget-header.ui-dialog-titlebar {
	background: #FFAA00;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
    border: 0;
    padding: 1em;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
	width: 100%;
	text-align: center;
	font-size: 30px;
    font-weight: normal;
}

.ui-dialog .ui-dialog-titlebar button {
	display: none;
}

.ui-dialog .ui-dialog-buttonpane.ui-widget-content {
	border: 0;
	background: inherit;
	text-align: center;
	padding: .3em 0 .5em;
}

.ui-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
	background: #082449;
	color: #FFF;
	padding: 5px 20px;
}

.ui-widget-header .ui-datepicker-title {
  color: #000;
}