/****************************************/
/*                                      */
/*      after themes refactoring        */
/*                                      */
/****************************************/


/*------  Base elements  -------*/


body {
	padding:0;
	margin:15px 0 40px 0px;
	font:normal 12px Arial, Helvetica, sans-serif;	
	
	color:#2d2d2d;
}

.container {
	width:987px;
	margin:0 auto;
	text-align:left;
}
.container #wrap {
	min-height: 500px;
}
.clear {
	clear:both;
}

ul,li,ol {
	list-style:none;
	padding:0;
	margin:0;
}

h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
	font-weight:normal;	
}

img {
	border:0;
}
a:focus {
	outline:none;
}
a {
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}


/*-------- Footer   ---------*/

.footer{
	text-align:center;
	height:52px;
	line-height:52px;
	font-weight:bold;
	margin:53px 0 0 0;
	
	color:#ffffff;
	background:#939393; /* dark gray */
}

.footer a{
	color:#ffffff;
}


/*-------- Header   ---------*/

.header{
	height:168px; 
	position:relative;
	color:#ffffff;
	font-weight:bold;
}

.header .logo {
	position: relative;
	width: 100%;
	overflow: hidden;	
	border-radius: 10px 10px 0 0;	
}
.header .logo img {
	max-height: 168px;
	max-width: 100%;
	vertical-align: bottom;
	bottom: 0;
	position: relative;
}
.header .logo img,
.header .logo .company-name {
	display: inline-block;
	vertical-align: middle;
}
.header .logo .company-name {
	margin-left: 25px;
	font-family: "Times New Roman", Times, serif;
	font-size: 5em;
	font-weight: bold;
	color: #ffffff;
}

/* 'ohercompanyinfo' is not used any more */
.header .othercompanyinfo{ 
	/* TODO: add other browser's border radiuses here */
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	
	text-align:center;
	position:absolute;
	width:279px;
	height:99px;
	bottom:44px;
	right:30px;
	top:69px;
	
	font-family: "Times New Roman",Times,serif;
	font-size: 17px; 
	
	color:#000000;
}

.header .othercompanyinfo span{
	padding: 10px 5px;
	color:#ffffff;
	background: #74818d;
 	display:block;
}

.header .callus{
	position:absolute;
	right:15px;
	bottom:1px;
	height:43px;
	line-height:43px;
	font-size:18px;
}
.header .callus span{
	font-weight:normal;
}


/* -----     Navemnu    ----- */

.navemenu { 
	height:34px;
/*	border-left:1px solid;
	border-right:1px solid;*/ 
}

#tabs {
      width:800px;
	  font-size:12px;
}
		   
#tabs ul {
	margin: 0;
	padding: 0px 10px 10px 0px;
	list-style: none;
}

#tabs li {
      display:inline-block;
      margin:0;
      padding:0;
}

 #tabs a {
      float:left;
      margin:0;
      padding:0px 0 0 4px;
      text-decoration:none;
   /*   border: 1px solid green;*/
}


#tabs a span {
      float:left;
      display: block;
      padding:11px 20px 8px 20px;
      font-weight:600; 
	  color:#ffffff;
	 /* border: 1px solid blue;*/
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */

#tabs a:hover {
	background-position:0% -34px;
}
#tabs li:hover,
#tabs li.current {
	background-position:0% -34px;
}
 #tabs li:hover span,
 #tabs li.current span {
	color:#001E2D;
}
	   
	   
/*--------    Content-columns -------------*/

.content-columns{
	background:#fff;
	padding:12px 16px 0 11px;
}
.content-columns .leftcolumn{
	width:267px;
	float:left;
}
.content-columns .rightcolumn{
	width:677px;
	float:right;
}


/* -----------      Topcurves, Bottomcurves    ----------------*/

.topcurves {
	height:32px;
	overflow:hidden;
}
.topcurves h3 {}
.topcurves h3 span{
	display:block;
	font:bold 18px/32px Arial, Helvetica, sans-serif;
	padding:0 0 0 13px;
	color:#040404;
}

.topcurves h4 {}
.topcurves h4 span{
	display:block;
	font:bold 18px/32px Arial, Helvetica, sans-serif;
	padding:0 0 0 13px;
	color:#040404;
	
}


.btmcurves{
	margin:0 0 6px 0;
}
.btmcurves span{
	display:block;
}
.btmcurves span span{
	display:block;
	height:6px;
	overflow:hidden;
}


.bottomcurve_mid{
	height:16px;
	float:left;
	width:957px;	
}
.bottomcurve_left{
	display:block;
	height:16px;
	float:left;
	width:15px;
}
.bottomcurve_right{
	display:block;
	height:16px;
	width:15px;
	float:left;
}

/*----------   Footer    --------*/

.footcurves{ margin:10px 37px 0px 37px;}
.footcurves_mid{
	width:96%;	
	height:37px;
	float:left;		
}

.footcurves_mid p{ 
	font-weight:bold; 
	margin-top:10px;
}

.footcurves_mid p a{ 
	text-decoration:underline;
}

.footcurves_mid p a:hover{ 
	text-decoration:none;
}
		
.footcurves_left{
	display:block;
	height:37px;
	width:17px;
	float:left;
}
.footcurves_right{
	display:block;
	height:37px;
	float:left;
	width:17px;
}

.footcurves_mid p,  
.footcurves_mid p a,
.footcurves_mid p a:hover {
	color:#ffffff;
}

/*---------------------------------------------------------------------------------------------------*/


.dynamicTableWide.user_public td {
	padding: 9px 0px;
}


.dotted_border_bottom {
	padding: 10px 10px 5px 5px;
}

.reserve_time_btn, .select_another_btn, .soft_button {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	font-weight:normal;
	cursor: pointer;
}

.reserve_time_btn:hover, .select_another_btn:hover, .soft_button:hover {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	font-weight:normal;
	cursor: pointer;
}

.calendar_container {
	float: left;
	width: 250px;
	margin-right: 15px;
}

.unit_description {
	font-size: 12px; 
	text-transform: none !important;
}

#work_hours {
	width: 20em !important;
}

.post-feedback dd {
	margin-left: 0px;
}

.post-feedback dd textarea {
	width: 250px;
	height: 60px;
}

.post-feedback dd input {
	width: 250px;
}

.feedback_list .item {
	padding: 15px;
	margin: 15px;
	border-bottom: 1px solid #cccccc;
}

.feedback_list .item * {
	font-size: 14px;
}

.feedback_list .item .image {
	float: left;
	margin-right: 15px;
}

.feedback_list .item a.profile_link {
	
}

.feedback_list .item .datetime {
	margin-left: 20px;
	font-size: 12px;
	float: right;
}

.feedback_list .item .feedback_link {
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
}

.feedback_list .item .message {
	margin-left: 65px;
}

.feedback_list .feedback_add {
	float: right;
	margin-right: 15px;
	margin-top: 20px;
}

.feedback_list .feedback_add a {
	height: 22px;
	display: inline-block;
}

.feedback_list .clear {
	clear: both;
}

/* video styles */

#video_container .conns {
	width: 960px;
	margin: auto;
	position: relative;
}

.publisher-container {
	display: none;
}

.publisher-container.connected {
	background: url('/common/images/start.png') 50% no-repeat;
	opacity: 0.7;
	cursor: pointer;	
}

.publisher-container.connected:hover {
	opacity: 1;
}

.publisher-container.connected.active {
	opacity: 1;
	background: none;
}

.top-info {
	padding: 10px;
	padding-right: 0px;
}

.top-info .event-info {
	vertical-align: top;
}

#video_container .admin_info {
	width: 285px;
}

#video_container #connections #no_connections {
	padding: 10px;
	width: 260px;
	text-align: center;
}

#video_container #connections {
	display: inline-block;
    height: 480px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 20px;
    vertical-align: top;
}

#video_container #connections .connection .view-conn {
	width: 80px;
	height: 60px;
	border: 1px solid #cccccc;
	display: inline-block;
	background: url("/common/images/user.png") no-repeat scroll 8px 0 #ffffff;
}

#video_container #connections .connection.active .view-conn {
	background: url("/common/images/user_active.png") no-repeat scroll 8px 0 #ffffff;
}

#video_container #connections .connection object {
	position: absolute;
}

#video_container #connections .connection.active object {
	left: 11px;
    top: 46px;
}

#video_container #connections .client-info {
	display: inline-block;
    margin-left: 5px;
    vertical-align: top;
    width: 170px;
}

#video_container #connections .client-info .name {
	font-weight: bold;
	word-wrap: break-word;
}

#video_container #connections .client-info .timer {
	margin-top: 10px;
	color: #aaaaaa;
	font-weight: bold;
}

#video_container #connections .connection {
	border: 1px solid #efefef;
	padding: 10px;
	border-radius: 5px;
	width: 260px;
	display: block;
	margin-bottom: 5px;
	background: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)) #ffffff;
	cursor: pointer;
}

#video_container .main-subscriber {
	width: 640px;
	height: 480px;
	border: 1px solid #efefef;
	display: inline-block;
	border-radius: 5px;
	background: url("/common/images/user.png") no-repeat scroll 50% 50% transparent;
}

#video_container .main-subscriber.start-publish {
	background: url("/common/images/start.png") no-repeat scroll 50% 50% transparent;
	cursor: pointer;
}

#video_container .connection-manage {
	width: 640px;
	margin-right: 5px;
	text-align: right;
	display: none;
}

#video_container .connection-manage a {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

#video_container #connections .connection .info {
	position: absolute;
	height: 60px;
	width: 260px;
}

#video_container #connections .connection .info a {
	position: absolute;
	bottom: 0px;
	right: 0px;
	text-decoration: none;
	cursor: help;
	background: url('/common/images/information.png');
	width: 16px;
	height: 16px;
}

#video_container #connections .connection .info a:hover {
	background-color: #efefef;
}

#video_container .event-info .field {
	line-height: 25px;
}

#video_container .event-info .field .title {
	font-weight: bold;
	display: inline-block;
	width: 160px;
}

#video_container .event-info .field .value {
	display: inline-block;
}

#video_container .event-info {
	float: left;
	width: 300px;
}

#video_container .event-info .event-left-time * {
	font-size: 16px;
	font-weight: bold;
	color: #999999;
}

/* end video styles */

/* recurring events styles */

.recurring_event_title * {
	margin: 10px 0px;
	font-size: 16px;
	line-height: 17px;
	color: #444444;
}

.calendar_set {}

.calendar_set div.ui-widget-content {
	background: none;	
	border: none;
}

.calendar_set .ui-widget-header {
	background-image: none;
	background-color: #cccccc;
	border: none;
	border-bottom: 1px solid #aaaaaa;
}

.calendar_set a.ui-state-default {
	background-image: none;
	background-color: #f0f0f0;
	border: 1px solid #eeeeee;
	
}

.calendar_set .ui-widget-content th span {
	color: #555555;
}

.calendar_set .reservation_allowed a {
	background-color: #b8e992;
	border: 1px solid #92b974;
	
}

.calendar_set .reservation_cancelled a{
	background-color: #f99579;
	border: 1px solid #9a5c4b;
}

.calendar_set .ui-datepicker-group {
	margin: 2px;
}

/* end of recurring-events styles */

.share-buttons {
	float: right;
	margin-top: -25px;
}

.company-time {
	margin: 3px !important;
}

.calendar_container .zend_form {
	width: 250px !important;
}

.calendar_container .zend_form .zend_form {
	width: 220px !important;
}

.calendar_container .zend_form .zend_form textarea {
	width: 100% !important;
}

.ext_gallery_title{
    font-size: 18px;
    margin-bottom: 10px;
 }