/************************************************************************************************
  
                 LAYOUTS 

**************************************************************************************************/

/******************          3 COLUMN           *****************************/
.col3layout #colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	/*background:#ffd8b7;*/		/* Left column background colour */
}

.col3layout #colmid {
	float:left;
	width:200%;
	position:relative;
	left:250px;
	/*background-color: #e3e3e3;	*/
	/*background:#fff;  */  	/* Centre column background colour */
}

.col3layout #colright
{
    float: left;
    width: 100%;
    position: relative;
    left: 50%;
    margin-left: -490px;
	/*background-color: #d1d1d1;*/
	    /*background: #669999;*/ /* Right column background colour */
}

.col3layout #col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
}

.col3layout #col1pad {
	margin:0 0px 0 490px;
	overflow:hidden;
}

.col3layout #col1 {  /* main col*/
	width:100%;
	overflow:hidden;
}

.col3layout #col2 {   /* left col */
	float:left;
	width: 230px;
	position:relative;
	margin-left:-50%;
	left: 240px;
	overflow:hidden;
	/*background-color: Red;*/
}

.col3layout #col3 {  /*  right-col */
	float:left;
	width:230px;
	position:relative;
	left:10px;
	overflow:hidden;
	/*background-color: Green;*/
}

.col3layout .side-col .inner {
	/*background: url(/content/images/column-thin-bg.jpg) repeat-y;*/
	margin: 5px;
}

.col3layout .side-col .inner .col-content {
	/*background: url(/content/images/column-thin-footer.jpg) no-repeat;
	background-position: bottom;*/
	/*padding: 0px 5px 10px 5px;*/
	font-size: 85%;
}

.col3layout .side-col .col-header
{
    margin-top: 10px;
}

.col3layout .side-col .col-header h2
{
    font-size: 85%;
    color: #CC3300;
    /*padding: 5px;*/
    /*background: url(/content/images/column-thin-header.jpg) no-repeat;*/
    width: 190px;
    height: 25px;
    margin: 0px 0px 0px 0px;
}

.col3layout .main-col .inner {
	background: url(/content/images/column-main-bg.jpg) repeat-y;
	margin: 10px;
}

.col3layout .main-col .inner .col-content {
	background: url(/content/images/column-main-footer.jpg) no-repeat;
	background-position: bottom;
	padding: 0px 5px 10px 5px;
	font-size: 90%;
}

.col3layout .main-col .inner .col-content p
{
    margin: 0px 0px 5px 0px; 
}

/******************          2 COLUMN           *****************************/

.col2layout #contentwrapper{
    float: left;
    width: 100%;
}

.col2layout #contentcolumn{
    margin-left: 245px; /*Set left margin to LeftColumnWidth*/
}

.col2layout #colleft{
    float: left;
    width: 230px; /*Width of left column*/
    margin-left: -100%;
}

.col2layout_r #contentwrapper{
    float: left;
    width: 100%;
}

.col2layout_r #contentcolumn{
    margin-right: 245px; /*Set right margin to RightColumnWidth*/
}

.col2layout_r #colright{
    float: left;
    width: 230px; /*Width of right column*/
    margin-left: -230px; /*Set left margin to -(RightColumnWidth) */
}

.col2layout_r.main
{
    margin-top: 10px;
}

/******************************************************************************
     T I T U L N I   S T R A N K A
 ******************************************************************************/
#homepage
{
    margin-top: 10px;
}

#homepage #colmid {
	left:120px;
}

#homepage #colright
{
    margin-left: -360px;
}

#homepage #col1pad {
	margin:0 0px 0 360px;
}

#homepage #col2 {   /* left col */
	width: 120px;
	/*left: 240px;*/
}

/* blok informaci o komunite */
#homepage_top .welcome
{
  color: #1F2A4A;
  font-size: 110%;
  margin-bottom: 16px;
  /*v2*/
  float: left;
  width: 210px;
  margin-right: 10px;
  margin-bottom: 0px;
}

#homepage_top .welcome h2
{
  font-size: 140%;
  margin-bottom: 10px;
}

#homepage_top .welcome ul
{
  list-style-type: disc;
  list-style-position: outside;
  
  margin: 0;
  margin-left: 20px;
}

#homepage_top .welcome ul li
{
  line-height: 120%;
  margin-bottom: 5px;
  margin-right: 15px;
  
  list-style-image: url("/Content/Images/bullet_welcome.png");
  
  font-size: 90%;
}

#homepage_top .welcome ul li a 
{
    text-transform: uppercase;
}

#homepage_top .welcome ul li b 
{
    text-transform: uppercase;
}

#homepage_top .welcome ul li em 
{
    color: #F0BA0F;
}

#homepage_top .welcome p
{
  text-align: center;
  line-height: 110%;
  font-size: 110%;
}

#homepage_top .highlight
{
    margin-left: 240px;
}

#homepage_top .highlight-col.col1
{
    float: left;
    width: 230px;
    margin-left: -240px;
}
#homepage_top .highlight-col.col2
{
    /*width: 340px;*/
}
/*v2*/
#homepage_top .section-preview
{
    float: left;
    width: 108px;
}

/* blok - rozcestnik aktivit */
#homepage_top .preview
{
  margin-bottom: 10px;
  margin-left: 7px;
  margin-right: 7px;
}

#homepage_top .preview img
{
    width: 110px;
    height: 110px;
}

#homepage_top .preview.first
{
  margin-left: 0;
}

#homepage_top .preview h3
{
  text-transform: uppercase;
  font-size: 120%;
  font-weight: bold;
  line-height: 150%;
}

#homepage_top .preview ul
{
  list-style-type: square;
  list-style-position: outside;
  margin-left: 18px;
}

#homepage_top .preview ul li
{
  margin: 0;
  margin-bottom: 4px;
}

#homepage_top .add-link
{
    margin-top: -10px;
}

#homepage_top .actual .event-box
{
    margin-bottom: 5px;
}

#homepage #col2 .preview
{
  /*position: relative;
  
  margin-left: 10px;
  float: left;
  
  background-color: white;*/
  
  width: 110px;
  margin-bottom: 10px;
}

#homepage #col2 .preview img
{
    width: 100px;
    height: 100px;
}

#homepage #col2 .preview.first
{
  margin-left: 0;
}

#homepage #col2 .preview h4
{
  text-transform: uppercase;
  font-size: 120%;
  font-weight: bold;
  line-height: 150%;
}

#homepage #col2 .preview ul
{
  list-style-type: square;
  list-style-position: outside;
  margin-left: 24px;
}

#homepage #col2 .preview ul li
{
  margin: 0;
  margin-bottom: 4px;
}

#homepage_middle_left .details   
{
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#homepage_middle_left .preview .details
{
    padding: 2px 0px;
  width: 80px;
  text-align: center;
  float: right;
}

#homepage_middle_left .preview .details a
{
  color: white;
  text-decoration: none;
}

#homepage_bottom
{
    clear: both;
}

/*********************** SIDE COLUMN ***************************/

.left-float
{
    float:left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.right-float
{
    float:right;
    margin-left: 10px;
    margin-bottom: 10px;
}

.side-col h3 strong
{
    font-size: 150%;
}

/* sub menu */

.side-col .user.submenu h5
{
    color: #C48077;
}

.side-col .user.submenu ul
{
    background-color:#C48077;
}

.side-col .user.submenu ul a
{
    color: Black;
}

.side-col .links.submenu h5
{
    color: #202328;
}

.side-col .links.submenu ul
{
    background-color:#E3E3E3;
}

.side-col .links.submenu ul a
{
    color: Black;
}

/* global text styling */

p.notes
{
    font-size: 80%;
    color: #7A7C7A;
}

/* global round boxing */

.box
{
    line-height: 120%;

     -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 15px;
}

/* global box styles */

.box
{
    background-color: #DAE3F4;
}

.box h3
{
    font-weight: bold;
    margin-top: 0px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.box p
{
    margin-bottom: 5px;
}

.box-wrapper .box h4
{
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.box h3 strong,
.box h4 strong
{
  font-size: 100%;
  font-weight: normal;
  letter-spacing: 2px;
}

.box.box1,
.box-wrapper.box1 .box
{
    background-color: #E3E3E3;
}

.box-wrapper.box1 h3
{
    color: #78797A;
}

.box.box2,
.box-wrapper.box2 .box
{
    background-color: #DAE3F4;
}

.box-wrapper.box2 h3
{
    color: #556C9E;
}

.box.box2 h3,
.box-wrapper.box2 .box h3
{
    color: #556C9E;
}

.box.box3,
.box-wrapper.box3 .box
{
    background-color: #7A7C7A;
}

.box.box3,
.box-wrapper.box3 .box
{
    color: #FFF;
}

/*.box-wrapper .box h3
{
    color: #FFF;
}*/

.box.box4,
.box-wrapper.box4 .box
{
  background-image: url("/Content/Images/bg_t_search.gif") repeat-x;
  background-color: #46655F;
  color: white;
}

.box4 h3
{
  color: white;
}

.box-wrapper.box4 h3
{
    color: white;/*#46655F;*/
}

.box.box5,
.box-wrapper.box5 .box
{
    background: #243235 url("/Content/Images/bg_t_registration.gif") repeat-x;
    color: white;
}

.box.box6,
.box-wrapper.box6 .box
{
  background: #47524C url("/Content/Images/bg_t_calendar.gif") repeat-x;
  color: white;
}

.box.box7,
.box-wrapper.box7 .box
{
    background-color: #afbfd5;
    color: #000;
}

.box-wrapper.box7 h3
{
    color: #556C9E;
}

.box7 .box-header
{
    background-color: #1f2949;
}

.box8
{
    text-align: center;
}

.box.box8,
.box-wrapper.box8 .box
{
    background-color: #F0BA0F;
    color: #000;
}

.box.box8 a
{
    color: #8E6549;
    text-decoration: none;
    font-weight: bold;
}

.box8 p
{
    text-align: left;
}

.box.warning-box,
.box-wrapper.warning-box .box
{
    border: 1px solid #F19862;
    background-color: #FFF;
    color: #F19862;
}

.box9
{
    background-color: #FFF;
}

/***************** SIDE-MENU **********************/
.box.side-menu,
.box-wrapper.side-menu .box
{
    background-color: #D4C3A7;
    color: #000;
}

.box-wrapper.side-menu h3
{
    color: #926649;
}

/*.side-menu .box-header
{
    background-color: #1f2949;
}
.side-col .submenu h3
{
    margin-bottom: 5px;
    text-transform: uppercase;
}*/

.side-menu ul
{
    padding: 5px;
}

.side-menu ul li
{
    padding: 2px;
}

.side-menu ul a
{
    font-size: 100%;
}

/***************** MAIN-BOX **********************/

.box.main-box
{
    clear: both;
    padding: 0px;
}

.box.main-box .box-header
{
    padding: 5px;
    margin-bottom: 5px;
}

.main-box .box-header h2
{
    font-size: 120%;
    color: White;
    font-weight: bold;
}

.main-box .box-content
{
    padding: 10px;   
}

.main-box h3
{
    margin-top: 5px;
}

.box-intense
{
  background-image: url("/Content/Images/bg_right.gif");
  background-repeat: repeat-x;
  background-position: 0 0;
  background-color: #1F2A4A;
  
  color: white;
}

.box-intense h3
{
  color: white;
  font-size: 100%;
  font-weight: normal;
  letter-spacing: 2px;
  
  /*margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 8px;*/
}

.box-intense h3 strong,
.box4 h3 strong
{
    color: #F2BA0D;
    text-transform: uppercase;
}

.box4 a:hover,
.box4 a:focus,
.box4 a,
.box4 a:link,
.box4 a:visited,
.box4 a:active
{
    color: #ECEEE9;
}

.box-intense a:hover,
.box-intense a:focus
{
    color: #FFF;
}

.box-intense a,
.box-intense a:link,
.box-intense a:visited,
.box-intense a:active
{
    color: #97a1c5;
}

/************** MAIN COLUMN *****************************/

.main-col .hlink
{
    margin: 2px 0px 5px 0px;
    font-size: 100%;
    text-transform: uppercase;
    color: #333F65;
    font-weight: normal;
    display: inline-block;
    /*clear: both;*/
}

.main-col h2
{
    margin: 5px 0px;
    font-size: 100%;
    text-transform: uppercase;
    color: #333F65;
    font-weight: bold;
}

.main-col h3
{
    /*margin: 10px 0px 5px 0px;
    font-size: 100%;
    text-transform: uppercase;
    color: #333F65;
    font-weight: normal;*/
    
    /*margin: 10px 0px;
    font-size: 100%;
    color: #333F65;
    font-weight: normal;*/
}

.main-col h4
{
    margin: 5px 0px;
    font-size: 100%;
    text-transform: uppercase;
    color: #333F65;
    font-weight: normal;
}

.main-col h5
{
    margin: 5px 0px;
    font-size: 100%;
    text-transform: uppercase;
    color: #333F65;
    font-weight: normal;
}

/* right col defaults 
#colright .box-wrapper.box1 h3,
#colleft .box-wrapper.box1 h3
{
    color: #000000;
}*/


#colleft .box1 a,
#colright .box1 a
{
    /*color: #E3E3E3;*/
}

#colright p
{
    margin-bottom: 5px;
}

/*#colright .box-intense
{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 15px;
    background-color: #27345E;
}

#colright .box-intense h5
{
    color: #FFFFFF;
}*/

/*#contentcolumn .box
{
    clear: both;
    background-color: #F2F2F2;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 15px;
}*/

.form-box
{
    clear: both;
    background-color: #E3E3E3;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 15px;
}

/*#contentcolumn .box h3
{
    margin: 5px;
}*/

.moto
{
    text-align: center;
    font-size: 110%;
    font-weight: bold;
    margin: 5px 0px;
}

.form-layout.edit
{
    background-color: #CCDCE9;
}

.form-layout.edit div.functions-bar
{
    clear: both;
    height: 30px;
}

.form-layout.edit fieldset
{
    border: 1px #107BA7 solid;
    padding: 5px;
}
.form-layout.edit legend
{
    padding: 5px;
  font-size: 100%;
  font-weight: normal;
  letter-spacing: 2px;
  text-transform: uppercase;
  
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 8px;
}

/* ACTION Links */
div.functions-bar
{
    margin-bottom: 5px;
    /*height: 20px;*/
}

div.functions-bar form
{
    display: inline-block;
}

div.functions-bar a
{
    padding: 6px 10px;
    background-color:#C48077;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    color: #FFF;
    text-decoration: none;
    display:inline-block;
}

div.functions-bar div.input-wrapper
{
    padding: 5px;
    margin: 0px 5px;
    background-color:#C48077;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    text-decoration: none;
    border:0;
    
    display: inline-block;
}

div.functions-bar input
{
    color: #FFF;
    border: none;
    background: none;
}

div.functions-bar ul li
{
    display: inline;
}

div.functions-bar ul li a
{

}

div.functions-bar.main
{
    margin: 10px 0px;
    text-align: center;
}

.main-col p.event-status
{
    margin: 20px;
    clear: both;
    color: #91443F;
}


/*****************************************************************************************************************************************
                    EVENTS 
*****************************************************************************************************************************************/
#section-info
{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 10px;
}

#section-info h2
{
    margin-top: 10px;
    color: #FFF;
    font-size: 120%;
    text-transform: uppercase;
}

#section-info p
{
    margin-top: 10px;
    color: #FFF;
    font-size: 110%;
}

.section-box.section1
{
    background-color: #107BA7;
}

.section-box.section2
{
    background-color: #eab939;
}

.section-box.section3
{
    background-color: #3e7b42;
}

.section-box.section4
{
    background-color: #8c644a;
}

.section-icon.section1
{
    background-image: url(/content/images/icon_section1_small.png);
}

.section-icon.section2
{
    background-image: url(/content/images/icon_section2_small.png);
}

.section-icon.section3
{
    background-image: url(/content/images/icon_section3_small.png);
}

.section-icon.section4
{
    background-image: url(/content/images/icon_section4_small.png);
}

#events-usermenu
{
    text-align: right;
    margin-bottom: 5px;   
    vertical-align: middle;
}

#events-usermenu ul
{
    display: inline-block;
}

#events-usermenu li
{
    margin-left: 5px;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #D4C3A7;
    padding: 4px 10px;
}

#events-usermenu li.add-link
{
    background-color: #C48077;
}
#events-usermenu li.add-link a
{
    color: #FFF;
}

#events-usermenu ul li a
{
    color: #000;
    text-decoration: none;
    /*text-transform: uppercase;*/
} 

.add-link
{
    float: right;
    margin-top: 0px;
    margin-bottom: 5px;
}

.archive-pages a
{
    font-size: 130%;
}

.archive-pages li
{
    padding: 2px;
}

/* listing */

div.event-box 
{
    margin-top: 5px;
    margin-bottom: 10px;
}

div.event-box p.perex
{
    margin-top: 5px;
}

div.event-box.official
{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

div.event-box.lastminute
{
    /*border: 2px solid #DF4D11;*/
}

.archive div.event-box
{
    background-color: #E3E3E3;
}

div.report-list div.event-box div.details
{
    margin-left: 0;
}
div.report-list div.event-box div.img-box
{
    display: none;
}

.event-list
{
    margin-bottom: 5px;
}

div.top-events div.event-list div.event-box
{
  /*background-image: url("/Content/Images/bg_right.gif");
  background-repeat: repeat-x;
  background-position: 0 0;*/
  /*background-color: #1F2A4A;
  color: #FFF;*/
  background-color: #afbfd5;
  border: 3px solid #f0ba0f;/*#1F2A4A;*/
}

div.top-events .event-list .event-box .organizators
{
    display: none;
}
div.top-events .event-list .event-box .perex
{
    font-size: 90%;
    margin-bottom: 0px;
}

div.brief .event-list .event-box div.organizators
{
    display: none;
}
div.brief .event-list .event-box p.perex
{
    display: none;
}

/*div.top-events .event-list .event-box h3 strong
{
    color: #F2BA0D;
    text-transform: uppercase;
}*/

/*.event-list.planned div.event-box
{
    background-color:#A8BF95;
}

.event-list.planned .event-box h3 a
{
    color:#3E5527;
}*/

.event-list div.event-box
{
     background-color: #dae3f4;
}

.archive .event-list div.event-box
{
    background-color: #e3e3e3;
}

.archive .event-list div.event-box.official
{
    background-color: #dae3f4;
}

.actual .event-list div.event-box.planned
{
    background-color: #A8BF95;/* dark green #A5B493;*/
}

.actual .event-list div.event-box.planned h3 a
{
    color:#3E5527;
}

.event-list div.event-box.planned p.perex
{
    display:none;
}

.actual .event-list div.event-box.official
{
    background-color:#afbfd5;
    /*border: 1px solid #000;*/
}

/*.event-list div.event-box.official h3 a
{
    color:#EEEEEE;
}*/

.actual .event-list div.event-box.private
{
    background-color:#eab939;
}

.actual .event-list div.event-box.forapproval
{
    background-color:#8c644a;
}

.actual .event-list div.event-box.draft
{
    background-color:#d4c3a7;
}

div.event-box .box-inner
{
    /*clear: both;*/
    padding: 2px 2px;
}

div.event-box .box-inner .img-box
{
    width: 60px;
    height: 60px;
    float:left;
    margin-left: -60px;
}
.actual div.event-box.official .details
{
    /*color: White;*/
}

div.event-box .details
{
    margin-left: 60px;
    /*clear: left;*/
}

div.event-box p
{
    margin-top: 3px;
    /*clear: left;*/
}

div.event-box .box-inner h3 a
{
    font-size: 110%;
    font-weight: bold;   
}

div.event-box .box-inner h5
{
    font-size: 130%;
    font-weight: bold;   
}
div.event-box .box-inner a
{
    text-decoration: none;
}

div.event-box.official a
{
    /*color: White;*/
}

div.event-box .box-inner span.label
{
    color: #606060;/*#9CA1B5;*/
    font-size: 105%;
}

div.event-box .box-inner span.myAttend
{
    color: #C48077;
}

span.section-box
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div.event-box .icon-block
{
    width: 90px;
    float: right;
}

div.event-box .icon-block .event-types
{
    padding-top: 5px;
    clear: right;
}

div.event-box .section-icon
{
    float: right;
    width: 23px;
    height: 23px;
    display: block;
    margin: 1px 2px 1px 2px;
}

div.event-box .section-icon span
{
    display: none;
}

/* Upoutavka na akce v pravem sloupci */
.box .event-view 
{
  padding-top: 4px;
  padding-bottom: 4px;
}

.box .event-view img 
{
  float: left;
  padding-top: 4px;
  margin-right: 12px;
}

.box .event-view p
{
  /*float: left;*/
  line-height: 120%;
  margin-bottom: 0px;
}

.box .event-view p em
{
  color: #97A1C5;
  font-style: normal;
}

.box .event-view img
{
    float: left;
    margin: 0px 5px 5px 0px;
}

#my-attend .info-text
{
    margin-top: 5px;
}

#my-attend .info-text .label
{
    color: #F4BA10;
}

/*  PAGE objects defaults */


/********************* LOGIN PAGE **************************/

#login-box .block
{
    margin: 100px auto 100px auto;
}

#login-box .block 
{
  width: 500px;
}

#login-box fieldset
{
  background-color: #DACCCE;
  border:0;
}

/*#login-box legend
{
   background-color: #9F725F;
   padding: 8px;
   text-transform: uppercase;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   color: #FFFFFF;
}*/

#login-box div.field span.hcol
{
    text-align: right;
}

#login-box .block p
{
    margin: 10px;
}

#login-box input[type="text"] 
{
    width: 150px;
    border: 1px solid #CCC;
}

#login-box input[type="password"] 
{
    width: 150px;
    border: 1px solid #CCC;
}

/********************************************* CALENDAR BOX *****************************************/
#t_calendar .move-arrows
{
    float: right;
    margin-top: -23px;
    /*position:relative;
    top: -15px;
    margin-bottom: -15px;
    margin-left: 120px;*/
}

#t_calendar table
{
    border-collapse: collapse;
    width: 210px;
}
#t_calendar table thead th
{
    vertical-align: middle;
    height: 25px;
}

#t_calendar .week td
{
    /*float: left;*/
    width: 28px;
    height: 28px;
}

#t_calendar .week td.day
{
    border: 2px solid #47524C;
    background-color: #606060;
    color: gray;
}

#t_calendar .week td.day.archive
{
    background-color: #3C4540;
}

#t_calendar .week td.day.archive a
{
    color: gray;
}

#t_calendar .week td.day.archive .section-bar
{
    opacity: 0.6;
}

#t_calendar .day a
{
    color: White;
    text-decoration: none;
}

#t_calendar .day .weekendday
{
    font-weight: bold;
}

#t_calendar .day .section-bar
{
    height: 8px;
}

#t_calendar .day .section-bar div
{
    /*display: none;*/
    width: 7px;
    height: 7px;
    float: left;
}
#t_calendar .day .section-bar .section1
{
    background-color: #0f7ba6;
}

#t_calendar .day .section-bar .section2
{
    background-color: #f2b90c;
}

#t_calendar .day .section-bar .section3
{
    background-color: #337233;
}

#t_calendar .day .section-bar .section4
{
     background-color: #9b6537;
}

#t_calendar .day .number
{
    margin: 1px 6px 0px 6px;
    clear: both;
    text-align: center;
}

/********************************************** PROFILES PAGE  *******************************************/

.profile-list
{
    margin-top: 10px;
    margin-bottom: 10px;    
}
.profile-list-item
{
     float: left;
     width: 170px;
     height: 180px;
}

.profile-list-item .img-wrapper
{
    width: 150px;
    height: 150px;
}

.profile-list-item .link-wrapper
{
    text-align: center;
}

/* friends */
.profile-list.friends div.profile-list-item
{
    width: 80px;
    height: 100px;
}

.profile-list.friends .profile-list-item .img-wrapper
{
    width: 70px;
    height: 70px;
}


#profile-detail .box .float-col
{
    float: right;
    width: 500px;
    text-align: right;
}

#profile-detail-view .box .float-col
{
    float: right;
    text-align: right;
    width: 350px;
}


#profile-detail div.functions-bar
{
    float: right;
    text-align: right;
    height: 25px;
    margin-top: -20px;
    width: 400px;
}

#profile-detail div.functions-bar #friend-updater
{
    display: inline;
}

#profile-detail div.functions-bar #friend-updater form
{
    display: inline;
}

#profile-detail div.functions-bar #friend-updater div.input-wrapper
{
    display: inline;
}

/*#profile-detail .images-block
{
    padding-top: 10px;
}*/

#profile-detail textarea
{
    width: 400px;
}

/* messageboard */

#messageboard div.functions-bar
{
    float: right;
    height: 30px;
}


/* WALLs */
#wall-view-wrapper .form-wrapper
{
    margin: 10px;
}

/*#wall-view-wrapper
{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #ebebeb;
    padding: 10px;
}*/

ul.wall-view
{
    overflow: auto;
}

ul.wall-view li
{
    /*border-bottom: 1px solid black;*/
    padding-bottom: 3px;
    margin-bottom: 3px;
    clear: left;
}

.wall-view .user-icon, .event-report-info .user-icon
{
    display: block;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
}


.watch-box
{
    float: right;
}

.ajaxPager
{
    cursor: pointer;
}

#blockUIMessage
{
    display: none;
}

#blockUIMessage h2
{
    margin: 15px;
}

.side-col div.cloud
{
    margin-top: 15px;
    margin-bottom: 15px;
}

#attenders-view
{
    margin-top: 10px;
}

.inner-page h1  
{
    font-size: 16px; 
    text-align:center; 
    margin: 5px 0px;
} 
.inner-page h2  
{
    font-size: 14px; 
    margin: 5px 0px;
}

/* full HTMLview */

.html
{
    text-align: left;
}

.html p
{
    text-indent: 15px;
    margin: 0px 0px;
}

.html strong
{
    font-weight: bold;
}

.html ul
{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.html li
{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.html ul li
{
    margin-left: 20px;
    list-style-type: decimal;
}

.html ol
{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.html ol li
{
    margin-left: 15px;
    list-style-type: disc;
}

div.html-content ul
{
    margin-top: 5px;
	margin-left: 10px;
    margin-bottom: 5px;
}

div.html-content ul li
{
	margin-left: 10px;
    list-style-type: disc;
}

div.html-content ol
{
    margin-top: 5px;
	margin-left: 10px;
    margin-bottom: 5px;
}

div.html-content ol li 
{
    margin-left: 10px;
    list-style-type: decimal;
}

div.html-content p
{
	margin-top: 0px;
	margin-bottom: 5px;
}

input.calendar-button
{
    margin: 1px;
}


/* DETAIL AKCE */

#event-detail.status-draft .main-box .box-header,
#event-detail.status-deleted .main-box .box-header,
#event-detail.status-rejected .main-box .box-header,
#event-detail.status-canceled .main-box .box-header
{
    background-color: #81818A;
}

#event-detail.status-draft .main-box,
#event-detail.status-deleted .main-box,
#event-detail.status-rejected .main-box,
#event-detail.status-canceled .main-box
{
    background-color: #BFBFBF;
}

#event-detail.status-planned .main-box .box-header
{
    background-color: #3E5527;
}

#event-detail.status-planned .main-box
{
    background-color: #A5B493;
}

#event-detail.status-deleted .main-box .box-header h2,
#event-detail.status-rejected .main-box .box-header h2,
#event-detail.status-canceled .main-box .box-header h2
{
    text-decoration: line-through;
}

/*#event-detail.archived .main-box .box-header
{
    background-color: #787879;
}*/

/* private event look */
/*#event-detail.private .main-box
{
    background-color: #DC9A77;
}

#event-detail.private .main-box .box-header
{
    background-color: #8E6549;
}

#event-detail.private .main-box a
{
    color: #C8C4CE;
}*/

/* archived event look */
#event-detail.archived .main-box
{
    background-color: #81818A;
}

#event-detail.archived .main-box a
{
    color: #C8C4CE;
}

#attend-info.status-planned div.box-intense
{
    background-image: none;
    background-color: #788B77;
}

#event-detail div.box-header
{
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#event-detail .parallel-events-info
{
    float: right;
    color: #8c644a;
}

#event-detail .calendar-download a
{
    width: 16px;
    height: 16px;
    margin: -2px 5px;
    display: inline-block;
    background-image: url('/Content/Images/Calendar_scheduleHS.png');
}

#event-detail .calendar-download a span
{
    display: none;
}

#event-detail .main-box .form-layout
{
    margin: 5px;
    width: 405px;
    float: right;
}

#event-detail .main-box .form-layout .field-form
{
    width: 405px;
    left: 140px;
}

#event-detail .form-layout .field
{
    clear: left;
    font-size: 110%;
    margin-bottom: 4px;
    line-height: 15px;
}

#event-detail .main-box .form-layout .field
{
    color: #FFFFFF;
    margin-left: 140px;
}

#event-detail .payment-info .form-layout .field
{
    margin-left: 220px;
}

#event-detail .payment-info .form-layout .field .hcol
{
    margin-left: -220px;
    width: 210px;
}

div.event-box span.event-type-box
{
    width: 25px;
    height: 25px;
    float: right;
    display: block;
    margin: 0px 1px 0px 1px;
}

div.event-box span.event-type-box span
{
    display: none;
}

#event-detail .main-box .box-header .official-box,
.event-box  .official-box
{
    float: right;
    color: white;
    margin: 0px 3px 0px 3px;
    background-image: url(/content/images/event_type_official.png);
    width: 25px;
    height: 25px;
}

#event-detail .main-box .box-header .official-box span,
.event-box  .official-box span
{
    display: none;
}

#event-detail .main-box .box-header .last-minute-box,
.event-box  .last-minute-box
{
    float: right;
    color: white;
    margin: 0px 3px 0px 3px;
    background-image: url(/content/images/event_type_lastmoment.png);
    width: 25px;
    height: 25px;
}

#event-detail .main-box .box-header .last-minute-box span,
.event-box  .last-minute-box span
{
    display: none;
}

#event-detail .main-box .box-header .no-smoking-box
{
    float: right;
    color: white;
    margin: 0px 3px 0px 3px;
    background-image: url(/content/images/event_type_nosmoking.png);
    width: 25px;
    height: 25px;
}

#event-detail .main-box .box-header .no-smoking-box span
{
    display: none;
}

#event-detail .main-box .box-header .section-icon
{
    width: 23px;
    height: 23px;
    margin: -4px 3px 0px 3px;
    display: block;
    float: left;
}

#event-detail .main-box .box-header .section-icon span
{
    display: none;
}

#event-detail div.functions-bar
{
     /*float: right;*/    
}

#event-detail .main-box .form-layout
{
    background: none;
    padding: 0;
}

#event-detail .main-box ul
{
    list-style-type: disc;
    margin: 2px 5px 2px 5px;
}

#event-detail .main-box li
{
    list-style-type: disc;
    margin: 1px 5px 1px 10px;
}

#event-detail .gallery-images
{
    margin-top: 15px;
    margin-bottom: 10px;
}

#event-detail .main-box .text-part
{
    float: left;
    width: 270px;
    margin: 5px;
}
#event-detail .main-box .text-part p
{
    padding: 5px;
    font-size: 120%;
}
#event-detail .main-box .text-part p.published-info
{
    padding: 5px;
    font-size: 95%;
}


#event-detail .main-box .text-part img
{
    float: right;
    margin-left: 5px;
    margin-bottom: 5px;
}

#event-detail .main-box .form-layout .field .note
{
    color: #505050;
}

#event-detail .main-box .form-layout .field label.hcol
{
    width: 130px;
    color: #000000;
    float: left;
    margin-left: -140px;
    font-weight: normal;
}

#event-detail .event-report-box .user-info
{
    float: right;
    text-align: right;
}

#event-detail .event-report-box p.perex
{
    font-weight: bold;
    letter-spacing: 1px;
}

ul.create-event
{
    margin-top: 10px;    
}

ul.create-event li.root
{
    clear: right;
    list-style: none;
    background: url(/content/images/arrow_right.jpg) no-repeat;
    padding-left: 50px;
}

ul.create-event li.root h3
{
    margin-top: 15px;
}

/* message attenders dialog */
.message-attenders-dialog
{
     width: 400px;
     height: 400px;
}

/* info messages */

span.warning
{
    border: 1px solid #F19862;
    color: #F19862;
    text-indent: 0;
    padding: 5px;
}
p.warning
{
    border: 1px solid #F19862;
    color: #F19862;
    text-align: left;
    text-indent: 0;
    padding: 5px;
}

/* #customerActivationRequiredDialog */ .long-text-scroll
{
    padding: 10px;
    height: 250px;
    margin: 5px 0px;
    overflow-y: scroll;
}

.toggle-block a
{
    text-decoration: underline;
    cursor: crosshair;
}

.toggle-block 
{
    margin-bottom: 5px;
}

.toggle-content
{
    margin-top: 5px;
}

/* table */
.table-list
{
    
}
.table-list table
{
    /*background-color: White;*/
}
.table-list table thead tr
{
    background-color: #c0c0c0;
}
.table-list table thead th
{
    font-size: 100%;
    padding: 5px;
}
.table-list table td, .table-list table th
{
    border-collapse: collapse;
    border: 1px solid #939393;
    font-size: 95%;
    padding: 2px;
}

/* event summery */
.table-list table tr.warning-row td, .table-list table tr.warning-row th
{
    color: red;
}

/* organizator report */
.table-list.organizator-report table tr th.red-score, .table-list.organizator-report table tr td.red-score
{
    color: red;
}

.settings-grid thead th
{
    text-align: left;
}

td.numeric
{
    text-align: right;
}


/* TABS */

li.tab
{
  -webkit-border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;
  -moz-border-radius-topleft:8px;
  -moz-border-radius-topright:8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}



/* DIALOGS */

.ui-dialog
{
     background-color: #F2F2F2;
    /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;*/
}


/****************** MESSAGES ***********************/

.message-view .row-item
{
    clear:both;
    border-bottom: solid 1px black;
    padding: 5px;
}

.message-view .row-item .check
{
    float: left;
    margin-right: 10px;
}

.message-view .row-item .sender
{
    float: left;
    margin-right: 10px;
}

.message-view .row-item .recipients
{
    float: right;
    max-width: 350px;
}

.message-view .row-item .recipients .recipient
{
    float: right;
    margin: 5px;
}

.message-view .row-item.unread
{
    font-weight: bold;
    background-color: #D4C3A7;
}

.message-view .row-item .recipient img
{
    border: 2px solid #C8C4CE;
}

.message-view .row-item .recipient.unread img
{
    border: 2px solid #95593D;
}

.message-detail .user-icon.sender
{
    display: block;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
}

.message-detail .message-header
{
    margin-left: 100px;
}

.message-detail .recipients
{
    float: right;
}

.message-detail .user-icon
{
    float: right;
    margin: 5px;
}

.message-history
{
    margin-left: 50px;
}


/******************************* newsletters *******************************/

/*#newsletter-page div.view .date
{
	background: url(/content/images/list-item-icon-large-trans.png) no-repeat;
	padding-top: 3px;
	float: left;
	width: 90px;
	height: 60px;
	padding-left: 30px;
	margin-bottom: 30px;
	font-size: 90%;
	font-weight: bold;
}*/

#newsletter-page div.view .image
{
	float: left;
	width: 120px;
	padding-bottom: 15px;
}

#newsletter-page div.view .item
{
	
}

#newsletter-page div.view .content
{
	padding-left: 10px;
	float: left;
	width: 450px;
}

#newsletter-page div.view h3.title
{
	margin-top: 0px;
	margin-bottom: 0px;
}

#newsletter-page div.view p.perex
{
	font-size: 90%;
	font-weight: normal;
	margin: 10px 0px;
	padding: 0px;
}

#newsletter-page div.view h3 a
{
	color: #9da50f;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
}

#newsletter-page div.detail h3 a:hover
{
	text-decoration: underline;
}

#newsletter-page div.detail span.date
{
	color:#303030;
	font-size: 90%;
}

#newsletter-page div.detail p
{
	/*font-size: 80%;*/
}

#newsletter-page div.detail p.perex
{
	/*font-size: 80%;*/
	font-weight: bold;
	margin: 15px;	
	margin-left: 30px;
}

#newsletter-page div.detail div.images
{
	float:right;
	width: 145px;
	border: 2px solid #DCDDDE;
	margin-left: 30px;
}


#newsletter-page div.detail div.files ul li
{
	list-style-image: url(/content/images/list-item-icon.png);
	font-size: 80%;
}


/****************** notifications ***************/
.notification-view tr.unread td
{
    font-weight:bold;
}


/****************** activity logs *****************/
div.activity-view div.activity-item
{
    clear: left;
    margin-top: 5px;
}

div.activity-view div.activity-item div.user-icon
{
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

/* content */

a.edit-content-link
{
    background: url(/content/images/icon_content_edit.gif) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
}

a.edit-content-link span
{
    display: none;
}

span.HTMLEditor
{
    display: block;
    height: 350px;
}

span.cke_skin_kama
{
    height: 450px;
}

td.numeric
{
    text-align: right;
}

span.captcha
{
    display: block;
    height: 150px;
}

div.hot-message
{
    margin-top: 3px;
    margin-bottom: 3px;
    background-color: #EB8B3C;
    padding: 5px;
}

img.paragraph-photo-left
{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.error-box
{
    border: solid 2px #AB291C;
    background-color: #FFF;
    color: #AB291C;
    font-size: 90%;
}

/*.error-box a, .error-box a:link, .error-box a:visited, .error-box a:active
{
    color: #FCD8BE;
}*/

#page.error-page .main-col
{
    margin: 30px 0px;
}

/* style for text in database */

.paymentinfo_overflow
{
    height: 200px; 
    overflow-y: scroll;
}

li.right_of_photo
{
 margin-left: 320px;
}

/* score-table */

div.score-table td.position
{
    font-size: 18px;
    font-weight: bold;
}

div.user-icon-list div.user-icon
{
    display: block;
    float: left;
    margin-right: 2px;
    margin-bottom: 2px;
}

div.event-gallery-view-item div.image-list
{
    float: right;
    width:  315px;
}
div.event-gallery-view-item div.image-list img
{
    float: left;
    margin-right: 2px;
    margin-bottom: 2px;
}