@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic&subset=latin,greek);

.main, .main_rss 
{
	margin:0 auto;
	width : 1024px;
}

Body
{
font-family:Trembuchet MS, Arial, Sans;
}

.done {
    font-size:10px;
    margin:3px auto;
    display:none;
	color: red;
}

.done_undefined {
    font-size:10px;
    margin:3px auto;
    display:none;
	color: red;
}

#support, #support:hover
{
background-image: url(./images/help1.png);
background-repeat: no-repeat; 
background-position: left center; 
padding-left: 25px;
margin-left: 0px;
color: #fff;
font-weight:bold;
}

#content_th div {display:block!important}
#content_dik div {display:block!important}

ul.menu_tabbed li a.selected2 {
background: none repeat scroll 0 0 #FF9933;
border: 2px solid #FF9933;
color: #FFFFFF;
}
 
.forms_add_yliko_homepage
{
	/*background-color: #E4F8FA;*/
	background-color: #f4f4f4;
	font: normal 12px arial,verdana;
	width:400px;
	padding:5px;
	empty-cells:show;
	border: 1px solid #7582a4;
	border-top: 10px solid #7582a4;
	height:200px;
}

#outerdiv {
    text-align: center;
}




input.rounded_login {
  border: 1px solid #aaaaaa;  
  height:31px;

 
   
  /* Safari 5, Chrome support border-radius without vendor prefix.
   * FF 3.0/3.5/3.6, Mobile Safari 4.0.4 require vendor prefix.
   * No support in Safari 3/4, IE 6/7/8, Opera 10.0.
   */
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  
  /* Chrome, FF 4.0 support box-shadow without vendor prefix.
   * Safari 3/4/5 and FF 3.5/3.6 require vendor prefix.
   * No support in FF 3.0, IE 6/7/8, Opera 10.0, iPhone 3.
   * change the offsets, blur and color to suit your design.
   */
  -moz-box-shadow: 2px 2px 3px #dcdcdc;
  -webkit-box-shadow: 2px 2px 3px #dcdcdc;
  box-shadow: 2px 2px 3px #dcdcdc;
  
  /* using a bigger font for demo purposes so the box isn't too small */
  font-size: 14px;
  
  /* with a big radius/font there needs to be padding left and right
   * otherwise the text is too close to the radius.
   * on a smaller radius/font it may not be necessary
   */
  padding: 4px 2px 2px 2px;
  
  /* only needed for webkit browsers which show a rectangular outline;
   * others do not do outline when radius used.
   * android browser still displays a big outline
   */
  outline: 0;

  /* this is needed for iOS devices otherwise a shadow/line appears at the
   * top of the input. depending on the ratio of radius to height it will
   * go all the way across the full width of the input and look really messy.
   * ensure the radius is no more than half the full height of the input, 
   * and the following is set, and everything will render well in iOS.
   */
  -webkit-appearance: none;
  
}

input.rounded_login:focus {
  
  /* supported IE8+ and all other browsers tested.
   * optional, but gives the input focues when selected.
   * change to a color that suits your design.
   */
  border-color: #5897fb;
}


input[readonly="readonly"]
{
    background-color:#ece9d8;
	color:#aca899;
}


textarea[readonly="readonly"]
{
    background-color:#ece9d8;
	color:#aca899;
}


td.helpHed
{
border: 1px solid #000;
text-align: left;
text-indent: 5px;
font-size: 12px;
color: #404040;
}



td.helpBod
{
border: 1px solid #000;
text-align: center;
font-weight: normal;
font-size: 22px;
color: #404040;
}

td.helpBod2
{
border: 1px solid #000;
text-align: center;
font-weight: normal;
font-size: 16px;
color: #404040;
}


table.sofT
{ text-align: center;
font-weight: normal;
font-size: 12px;
width: 680px;
border-collapse: collapse;
} 







td .doseis{
color:#000; font-weight:bold; text-align:center;
font-size:12px; border:0px solid #ccc;background-color:#eee;
}



#more_date_eks, #more_date_eks2, #more_date_eks3, #more_date_eks4, #more_date_eks5, #more_date_eks6, #more, #more_date_eks7{
	display: block;
} 

.v-middle
{
	vertical-align:middle;
	text-align: left;
	padding: 0px 12px 8px 12px;
}

.v-top
{
	vertical-align:top;
	text-align: left;
	border-right:1px solid #ccc;
	padding: 0px 15px 0 12px;
}

#login
{
    box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),  
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,  
          0 7px 0 rgba(0, 0, 0, .2);
}
#login
{
    position: absolute;
    z-index: 0;
}

#login:before
{
    position: absolute;
    z-index: -1;
    border: 1px dashed #ccc;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    -moz-box-shadow: 0 0 0 1px #fff;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
}
h1
{
    text-align: center;
	font-size: 14px;
    margin: 0 0 25px 0;
    position: relative;	
/*	text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0px 1px 0 rgba(0, 0, 0, .5);*/
    color: #666;
    letter-spacing: 0.5px;
}

h3
{
    font-size: 12px;
    color: #666;
	font: bold 12px;
    padding: 0 0 10px 0;
    letter-spacing: 0.5px;
	text-align: left;
}

.h3
{
    font-size: 12px;
    color: #666;
	font: bold 12px;
    letter-spacing: 0.5px;
	vertical-align:middle;
	text-align: left;
	padding: 0px 12px 0 12px;
}


h2
{
    font-size: 11pt;
    color: #666;
	font: bold 12px;
    letter-spacing: 0.5px;
	padding: 0px 12px 0 12px;
}


#inputs input
{
    padding: 10px 10px 10px 10px;
    margin: 0 0 0px 0;
    width: 353px; /* 353 + 2 + 45 = 400 */
    border: 1px solid #ccc;
	height:38px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
}


#inputs input:focus
{
    background-color: #fff;
     border-color: #5897fb;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #5897fb inset;
    -webkit-box-shadow: 0 0 0 1px #5897fb inset;
    box-shadow: 0 0 0 1px #5897fb inset;
}



#submit
{		
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
    background-image: -webkit-linear-gradient(top, #eee, #ccc);
    background-image: -moz-linear-gradient(top, #eee, #ccc);
    background-image: -ms-linear-gradient(top, #eee, #ccc);
    background-image: -o-linear-gradient(top, #eee, #ccc);
    background-image: linear-gradient(top, #eee, #ccc);
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    
    border-width: 1px;
    border-style: solid;
    border-color: #000 #000 #000 #000;

    float: center;
    height: 29px;
    width: 120px;
    cursor: pointer;
    font: bold 14px Arial;
    color: #000;
}

#submit:hover,#submit:focus
{		
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#eee));
    background-image: -webkit-linear-gradient(top, #ccc, #eee);
    background-image: -moz-linear-gradient(top, #ccc, #eee);
    background-image: -ms-linear-gradient(top, #ccc, #eee);
    background-image: -o-linear-gradient(top, #ccc, #eee);
    background-image: linear-gradient(top, #ccc, #eee);
  
}	



.hasPlaceholder
{ 
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    font: 12px Arial;
    color: #ccc;
}
	
}



input[type="text"],
input[type="password"]{
    width: 110px;
    height: 20px;
    padding-top: 0px;
    padding-right: 8px;
    padding-bottom: 0px;
    padding-left: 8px;
}




a.rsform-submit-button { background: url("./images/icon_add.png") no-repeat scroll center #eee;
border: 1px solid #aaaaaa;
border-radius: 6px 6px 6px 6px;
color: #89867E;
cursor: pointer;
display: inline-block;
vertical-align:top;
height: 27px;
overflow: hidden;
padding: 0 0px 0 0px;
text-decoration: none;
width: 50px;
}


.rsform-submit-button_help { background: url("./images/info_dei_ote_fisiko.png") no-repeat scroll center #eee;
border: 1px solid #aaaaaa;
border-radius: 6px 6px 6px 6px;
color: #89867E;
cursor: pointer;
display: inline-block;
vertical-align:top;
height: 27px;
overflow: hidden;
padding: 0 0px 0 0px;
text-decoration: none;
width: 50px;
}


/*mozilla*/
@-moz-document url-prefix() {
	.rsform-submit-button { background: url("./images/icon_add.png") no-repeat scroll center #eee;
	border: 1px solid #aaaaaa;
	border-radius: 6px 6px 6px 6px;
	color: #89867E;
	cursor: pointer;
	vertical-align:top;
	height: 28px;
	width: 50px;
	}
	
	.rsform-submit-button_help { background: url("./images/info_dei_ote_fisiko.png") no-repeat scroll center #eee;
	border: 1px solid #aaaaaa;
	border-radius: 6px 6px 6px 6px;
	color: #89867E;
	cursor: pointer;
	display: inline-block;
	vertical-align:top;
	height: 27px;
	overflow: hidden;
	padding: 0 0px 0 0px;
	text-decoration: none;
	width: 50px;
	}

	.rsform-submit-button_2 { background: url("./images/icon_add_2.png") no-repeat scroll center #eee;
	border: 1px solid #aaaaaa;
	border-radius: 6px 6px 6px 6px;
	color: #89867E;
	cursor: pointer;
	vertical-align:top;
	height: 28px;
	width: 50px;
	}
}

/* IE*/
	.rsform-submit-button { background: url("./images/icon_add.png") no-repeat scroll center #eee;
	border: 1px solid #aaaaaa;
	border-radius: 6px 6px 6px 6px;
	color: #89867E;
	cursor: pointer;
	vertical-align:top;
	padding: 0 0px 0 0px;
	text-decoration: none;
	width: 50px;
	}
	.rsform-submit-button_help { background: url("./images/info_dei_ote_fisiko.png") no-repeat scroll center #eee;
	border: 1px solid #aaaaaa;
	border-radius: 6px 6px 6px 6px;
	color: #89867E;
	cursor: pointer;
	display: inline-block;
	vertical-align:top;
	height: 27px;
	overflow: hidden;
	padding: 0 0px 0 0px;
	text-decoration: none;
	width: 50px;
	}
	
	.rsform-submit-button_2 { background: url("./images/icon_add_2.png") no-repeat scroll center #eee;
	border: 1px solid #aaaaaa;
	border-radius: 6px 6px 6px 6px;
	color: #89867E;
	cursor: pointer;
	vertical-align:top;
	padding: 0 0px 0 0px;
	text-decoration: none;
	width: 50px;
	}
	
	
/*mozilla*/
	
@-moz-document url-prefix() {
	.rsform-submit-button_remove { background: url("./images/icon_remove.png") no-repeat scroll center #eee;
	border: 1px solid #aaaaaa;
	border-radius: 6px 6px 6px 6px;
	color: #89867E;
	cursor: pointer;
	display: inline-block;
	vertical-align:top;
	overflow: hidden;
	padding: 0 0px 0 0px;
	text-decoration: none;
	width: 50px;
	height: 28px;
	}
}




/*chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.rsform-submit-button_remove { background: url("./images/icon_remove.png") no-repeat scroll center #eee;
	border: 1px solid #aaaaaa;
	border-radius: 6px 6px 6px 6px;
	color: #89867E;
	cursor: pointer;
	display: inline-block;
	vertical-align:top;
	overflow: hidden;
	padding: 0 0px 0 0px;
	text-decoration: none;
	width: 50px;
	height: 28px;
	}
	
	.rsform-submit-button { background: url("./images/icon_add.png") no-repeat scroll center #eee;
	border: 1px solid #aaaaaa;
	border-radius: 6px 6px 6px 6px;
	color: #89867E;
	cursor: pointer;
	vertical-align:top;
	height: 28px;
	width: 50px;
	}
	
	.rsform-submit-button_help { background: url("./images/info_dei_ote_fisiko.png") no-repeat scroll center #eee;
	border: 1px solid #aaaaaa;
	border-radius: 6px 6px 6px 6px;
	color: #89867E;
	cursor: pointer;
	display: inline-block;
	vertical-align:top;
	height: 27px;
	overflow: hidden;
	padding: 0 0px 0 0px;
	text-decoration: none;
	width: 50px;
	}
	
	
	.rsform-submit-button_2 { background: url("./images/icon_add_2.png") no-repeat scroll center #eee;
	border: 1px solid #aaaaaa;
	border-radius: 6px 6px 6px 6px;
	color: #89867E;
	cursor: pointer;
	vertical-align:top;
	height: 28px;
	width: 50px;
	}
	
}

/*IE*/
.rsform-submit-button_remove { background: url("./images/icon_remove.png") no-repeat scroll center #eee;
	border: 1px solid #aaaaaa;
	border-radius: 6px 6px 6px 6px;
	color: #89867E;
	cursor: pointer;
	display: inline-block;
	vertical-align:top;
	overflow: hidden;
	padding: 0 0px 0 0px;
	text-decoration: none;
	width: 50px;
	}












select
{
	height: 29px;
	border: 1px solid #aaaaaa;
   
  /* Safari 5, Chrome support border-radius without vendor prefix.
   * FF 3.0/3.5/3.6, Mobile Safari 4.0.4 require vendor prefix.
   * No support in Safari 3/4, IE 6/7/8, Opera 10.0.
   */
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  
  /* Chrome, FF 4.0 support box-shadow without vendor prefix.
   * Safari 3/4/5 and FF 3.5/3.6 require vendor prefix.
   * No support in FF 3.0, IE 6/7/8, Opera 10.0, iPhone 3.
   * change the offsets, blur and color to suit your design.
   */
  -moz-box-shadow: 2px 2px 3px #dcdcdc;
  -webkit-box-shadow: 2px 2px 3px #dcdcdc;
  box-shadow: 2px 2px 3px #dcdcdc;
  
  /* using a bigger font for demo purposes so the box isn't too small */
  font-size: 14px;
  
  /* with a big radius/font there needs to be padding left and right
   * otherwise the text is too close to the radius.
   * on a smaller radius/font it may not be necessary
   */
  padding: 4px 4px;
  
  /* only needed for webkit browsers which show a rectangular outline;
   * others do not do outline when radius used.
   * android browser still displays a big outline
   */
  outline: 0;

}



.more {
	display: none;
	border-top: 0px solid #666;
	border-bottom: 0px solid #666; }
a.showLink, a.hideLink {
	text-decoration: none;
	color: #36f;
	padding-left: 8px;
	}
a.hideLink {
	background: transparent url('up.gif') no-repeat left; }
a.showLink:hover, a.hideLink:hover {
	border-bottom: 1px dotted #36f; }
	
	
.td_width
{
	width:400px;
}








.ylika_create_pdf
{
	text-align:justify;
	font-size:16px;
	font-weight:bold;
}

#loading
{
width: 100%;
position: absolute;
}
#pagination
{
text-align:center;
margin-left:120px;

}

li.sms_sent
{
list-style: none;
float: left;
margin-right: 16px;
padding:5px;
border:solid 1px #dddddd;
color:#0063DC;
}
li.sms_sent:hover
{
color:#FF0084;
cursor: pointer;
}


th {margin-top:10px;height:30px;color:#000; font-weight:bold; text-align: center;
font-size:12px; border-top:1px solid #ccc; border-right:0px; 
border-bottom:1px solid #ccc; border-left:0px; background-color:#eee;}


tr.odd
{
background-color: #eee;
color: #000;
width: 200px;
border: 2px #6699CC solid;
text-align: center;
border-collapse: collapse;
font-size: 11px;} 

tr.even
{
background-color: #E6E6FA;
color: #000;
border: 2px #6699CC solid;

text-align: center;
font-size: 11px;} 


.left{
	width:185px;
	float:left;
	font: normal 12px arial,verdana;
	padding:0px 0px 0px 0px;
}


.leftb{
	width:150px;
	float:left;
	font: normal 14px arial;
	padding:0px 0px 0px 0px;
}

.left{
	width:185px;
	font: normal 12px arial,verdana;
	padding:0px 0px 0px 0px;
}



.forms_no_borders {

/*background-color: #E4F8FA;*/
background-color: #f4f4f4;
font: normal 12px arial,verdana;
padding: 3px;
empty-cells:show;
}


table.forms_left {
border: 1px solid #c8c8c8;
/*border-top: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;*/
text-align:left;
width:650px;
}


table.forms {
border-spacing: 0px;
text-align:center;
}

table.sample th {
/*	border-width: 1px;
	border-color: #808080;
*/	padding: 1px;
	border-style: inset;
	background-color: white;
	-moz-border-radius: ;
}

table.sample td {
/*	border-width: 1px;
	border-color: #808080;
*/	padding: 1px;
	border-style: inset;
	background-color: white;
	-moz-border-radius: ;
}


.forms {

/*background-color: #E4F8FA;*/
background-color: #f4f4f4;
font: normal 12px arial,verdana;
padding: 3px;
empty-cells:show;

}



.forms_left {

/*background-color: #E4F8FA;*/
background-color: #f4f4f4;
font: normal 12px arial,verdana;
padding: 3px;
empty-cells:show;
border: 1px solid #c8c8c8;
border-spacing: 0px;
}

.forms_table {

/*background-color: #E4F8FA;*/
background-color: #f4f4f4;
font: normal 12px arial,verdana;
padding: 3px;
text-align:center;
empty-cells:show;
text-align:center;
border: 1px solid #7582a4;
border-top: 10px solid #7582a4;
}

table .general_noBord_transparent_form {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: none;
    border-image: none;
    border-width: 10px 1px 1px;
    empty-cells: show;
    font: 13px 'Noto Sans',arial,verdana;
    padding: 0px;
}

table .general_noBord_transparent_form tr{
margin-top:15px;
border: 1px solid #7582a4;
empty-cells:show;
}



table .general_noBord_form {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-image: none;
    border-width: 10px 1px 1px;
    empty-cells: show;
    font: 12px 'Noto Sans',arial,verdana;
    padding: 0px;
}

table .general_noBord_form tr{
margin-top:15px;
border: 1px solid #7582a4;
empty-cells:show;
}


table .general_form {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #E60000;
    border-image: none;
	border-right: 1px solid #E60000;
    border-style: solid;
    border-width: 10px 1px 1px;
    empty-cells: show;
    font: 13px 'Noto Sans',arial,verdana;
    padding: 10px;
}

table .general_hover_form tr{
margin-top:15px;
border: 1px solid #7582a4;
empty-cells:show;
line-height: 28px;
}

table .general_hover_form {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #E60000;
    border-image: none;
	border-right: 1px solid #E60000;
    border-style: solid;
    border-width: 10px 1px 1px;
    empty-cells: show;
    font: 12px 'Noto Sans',arial,verdana;
    padding: 10px;
}

/*table .general_hover_form tbody
{
	display: block;
	overflow: scroll; 
	height: 500px;
}
*/

table .general_form tr
{
	margin-top:15px;
	border: 1px solid #7582a4;
	empty-cells:show;
}


table .general_hover_form tr:nth-of-type(even) 
{
    background-color: #F1F1F1;
}

table .general_hover_form tr:nth-of-type(odd) 
{
    background-color: #D7D7D7;
}

table.general_hover_form tr:hover
{	
	background-color:	 #909090;
	color: white;
}

/*table .general_hover_form thead
{
	display: table;
	width: 100%;
}*/



table.general_hover_form th:hover
{	
	text-decoration: underline;
	/*border-bottom: 1px solid black;*/
}




table .forms_exetaseis {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFF5E6;
    border-color: #FD9E00;
    border-image: none;
    border-right: 1px solid #FD9E00;
    border-style: solid;
    border-width: 10px 1px 1px;
    empty-cells: show;
    font: 12px 'Noto Sans',arial,verdana;
    padding: 10px;
}

table .forms_exetaseis tr{
margin-top:15px;
border: 1px solid #7582a4;
empty-cells:show;
}


table .forms_driver {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-image: none;
    border-width: 10px 1px 1px;
    empty-cells: show;
    font: 12px 'Noto Sans',arial,verdana;
    padding: 10px;
}

table .forms_driver tr{
margin-top:15px;
empty-cells:show;
}



table .bottom_links {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFCC99;
    border-color: #FD9E00;
    border-image: none;
    border-right: 1px solid #FD9E00;
    border-style: solid;
    border-width: 1px 1px 1px;
    empty-cells: show;
    font: 11px arial,verdana;
   /* padding: 1px;*/
}

table .bottom_links tr{
/*margin-top:10px;*/
border: 1px solid #7582a4;
empty-cells:show;
}

table .forms tr{

/*background-color: #E4F8FA;*/
border-bottom: 0px solid #414141;
}


.rss_present {

/*background-color: #E4F8FA;
background-color: #f4f4f4;*/
font: normal 12px arial,verdana;
padding: 2px;
empty-cells:show;
}

.print_forms {

/*background-color: #E4F8FA;
background-color: #f4f4f4;*/
font: normal 12px arial,verdana;
padding: 2px;
empty-cells:show;
border: 1px solid #c8c8c8;
}
.info {
background-color: #fffef4;
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid #c8c8c8;
}

.economics {

background-color: #fffef4;
margin-top:20px;
font: normal 12px arial,verdana;
padding: 3px;

border: 1px solid #c8c8c8;
}

.myaccount {
background-color: #FFFFFF;
font: 12px 'Noto Sans',arial,verdana;
padding: 2px 5px;
border: 1px solid #c8c8c8;
height:99%;
min-height:650px;
}

.subtitle
{
font: normal 13px arial,verdana;
text-align:right; 
margin-right:10px; 
margin-top:-15px; 
color:#000; 
text-decoration:underline;
}
a {
color: #03c;
}

.main {
font: normal 12px arial,verdana;
padding: 2px;
background-image:url('images/new-bg3.jpg');
background-repeat:repeat;
background-color:#F3F3E2;
border:1px solid #c8c8c8;
width:1024px;
height: 600px;
 }
 
 
 /* mike 31_05_2012 */
 .main_popup {
font: normal 12px arial,verdana;
padding: 2px;
margin: 2px;
background-color:#ffffee;
border:1px solid #c8c8c8;
width:670px;
 }
 
 
 
 .mainlogin {
font: normal 12px arial,verdana;
margin-top:0%;
/*background-color:#f4f4f4;
border:1px solid #c8c8c8;*/
width:400px;
text-align:center;
width: 600px;
padding-top:14%;

 }
 
  
 .titlehdr {
 font: normal 18px arial, Trembuchet Ms;
 color: black;
 border-bottom: 1px solid #605d5c;
/*text-shadow: 0px 2px 2px rgba(150, 150, 150, 1);*/
 }
 
.msg {
padding: 5px;
width: 600px;
margin: 2px;
color: #c00;
border: 1px solid #c00;
background-color: #FEF1ED;
font: bold 13px  verdana;
} 

.message_box_success   {
font-size:12px;
margin:6px 0px 0px 0px; padding:12px 0px 12px 5px;
color: #000000; background-color:	#f1fff1; border:1px solid #3ac13a; 
background-image:url(./images/sign_sussess.png); 
background-repeat:no-repeat; 
background-position:7px; text-align:left; vertical-align:middle; display:block; 
}


.message_box_menu   {
font-size:12px; width:99.7%;  
margin:10px 0px 0px 0px; padding:10px 0px 10px 0px;
color: #000000; background-color:#f4f4f4; border:1px solid #7582a4; 
background-image:url(./images/menu_icon.png); 
background-repeat:no-repeat; 
background-position:right; display:block; 
}

.message_box_menu_yliko   {
font-size:12px; width:99.7%; 
margin:10px 0px 0px 0px; padding:10px 0px 0px 0px;
color: #000000; background-color:#f4f4f4; border:1px solid #7582a4; 
background-image:url(./images/menu_icon.png); 
background-repeat:no-repeat; 
background-position:right; display:block; 
}


.message_content_menu    {margin:0px 30px;font-family:arial; font-size:12px; font-weight:bold;}

.message_content_menu    a {text-decoration:none; }



.message_box_error  { background-image:url(./images/sign_error.png); 
background-repeat:no-repeat; background-position:7px; text-align:left; vertical-align:middle; 

font-size:12px; margin:6px 0px 0px 0px; padding:12px 0px 12px 5px;
color: #000000; background-color:	#95B9C7; border:1px solid #c13a3a; }

.message_content     { margin:0 30px;font-family:arial; font-size:12px; font-weight:bold; }


 .example {
font: normal 10px arial;
color: red;
background-color: white !important;
padding: 2px;
}
.approved {
font: normal 10px arial;
color: green;
}

.loginform {
font: 14px normal arial;
text-align: center;
/*background-color: #ffffee;*/
font: normal 12px arial,verdana;
/*border: 1px solid #c8c8c8;*/
width:590px;
background-color: #ffffff;
border: 2px solid #999999;
-moz-border-radius: 32px;
-webkit-border-radius: 32px;
border-radius: 32px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 15px #000000;
-webkit-box-shadow: 0px 0px 15px #000000;
box-shadow: 0px 0px 15px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/

}

.loginform #txtbox {
font: bold 16px arial;
color: #f00;
}

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}

.line {

height: 1px;
border: 0;
color: #acacac;
background-color: #acacac;
width: 60%;

}


/* menu */
.sidebarmenu ul{
margin: 0 0 0 10px;
padding: 0;
list-style-type: none;
font: 12px Arial;
width: 130px; /* Main Menu Item widths */
border-bottom: 0px solid #ccc;
background:none; 
}
 
.sidebarmenu ul li{
position: relative;

}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #000000;
text-decoration: none;
padding: 6px;
border-bottom: 0px solid #605d5c;
border-right: 1px solid #605d5c;
border-left: 1px solid #605d5c;
border-top: 1px solid #605d5c;
height: 14px;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited{
/*background-color: 	#659EC7; /*background of tabs (default state)*/
background-color:#ffffff;
}


.sidebarmenu ul li a:active {
/*background-color: 	#659EC7; /*background of tabs (default state)*/
color: #ffffff;
font-weight:bold;
}


.sidebarmenu ul li a:visited{
color: 000000;
}

.sidebarmenu ul li a:hover{
/*background-color: #1569C7;*/
background-color: #da251d;
color: #ffffff;
font-weight:bold;
}



.blank
{ border-top: 1px solid #605d5c; line-height:3px;}


/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 200px; /*Sub Menu Items width */
top: 0;
margin-left:-3px;
visibility: hidden;
border:0px solid;
z-index:999;
}

.sidebarmenu a.subfolderstyle{
background: url(images/right.gif) no-repeat 97% 50%;
}

.sidebarmenu ul li ul li:last-child {
border-bottom: 1px solid #605d5c;
}
 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */

/*IE*/
input.rounded {
  border: 1px solid #aaaaaa;  
  height:23px;
  /* Safari 5, Chrome support border-radius without vendor prefix.
   * FF 3.0/3.5/3.6, Mobile Safari 4.0.4 require vendor prefix.
   * No support in Safari 3/4, IE 6/7/8, Opera 10.0.
   */
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  
  /* Chrome, FF 4.0 support box-shadow without vendor prefix.
   * Safari 3/4/5 and FF 3.5/3.6 require vendor prefix.
   * No support in FF 3.0, IE 6/7/8, Opera 10.0, iPhone 3.
   * change the offsets, blur and color to suit your design.
   */
  -moz-box-shadow: 2px 2px 3px #dcdcdc;
  -webkit-box-shadow: 2px 2px 3px #dcdcdc;
  box-shadow: 2px 2px 3px #dcdcdc;
  
  /* using a bigger font for demo purposes so the box isn't too small */
  font-size: 14px;
  
  /* with a big radius/font there needs to be padding left and right
   * otherwise the text is too close to the radius.
   * on a smaller radius/font it may not be necessary
   */
  padding: 2px 2px;
  
  /* only needed for webkit browsers which show a rectangular outline;
   * others do not do outline when radius used.
   * android browser still displays a big outline
   */
  outline: 0;

  /* this is needed for iOS devices otherwise a shadow/line appears at the
   * top of the input. depending on the ratio of radius to height it will
   * go all the way across the full width of the input and look really messy.
   * ensure the radius is no more than half the full height of the input, 
   * and the following is set, and everything will render well in iOS.
   */
  -webkit-appearance: none;
  
}

input.rounded:focus {
  
  /* supported IE8+ and all other browsers tested.
   * optional, but gives the input focues when selected.
   * change to a color that suits your design.
   */
  border-color: #5897fb;
  
}

textarea.rounded {

  border: 1px solid #aaaaaa;
   
  /* Safari 5, Chrome support border-radius without vendor prefix.
   * FF 3.0/3.5/3.6, Mobile Safari 4.0.4 require vendor prefix.
   * No support in Safari 3/4, IE 6/7/8, Opera 10.0.
   */
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  
  /* Chrome, FF 4.0 support box-shadow without vendor prefix.
   * Safari 3/4/5 and FF 3.5/3.6 require vendor prefix.
   * No support in FF 3.0, IE 6/7/8, Opera 10.0, iPhone 3.
   * change the offsets, blur and color to suit your design.
   */
  -moz-box-shadow: 2px 2px 3px #dcdcdc;
  -webkit-box-shadow: 2px 2px 3px #dcdcdc;
  box-shadow: 2px 2px 3px #dcdcdc;
  
  /* using a bigger font for demo purposes so the box isn't too small */
  font-size: 14px;
  
  /* with a big radius/font there needs to be padding left and right
   * otherwise the text is too close to the radius.
   * on a smaller radius/font it may not be necessary
   */
  padding: 4px 7px;
  
  /* only needed for webkit browsers which show a rectangular outline;
   * others do not do outline when radius used.
   * android browser still displays a big outline
   */
  outline: 0;

  /* this is needed for iOS devices otherwise a shadow/line appears at the
   * top of the input. depending on the ratio of radius to height it will
   * go all the way across the full width of the input and look really messy.
   * ensure the radius is no more than half the full height of the input, 
   * and the following is set, and everything will render well in iOS.
   */
  -webkit-appearance: none;
  
}

textarea.rounded:focus {
  
  /* supported IE8+ and all other browsers tested.
   * optional, but gives the input focues when selected.
   * change to a color that suits your design.
   */
  border-color: #5897fb;

}






























/*start of FF*/
@-moz-document url-prefix() {
input.rounded {
  border: 1px solid #aaaaaa;  
  height:29px;

 
   
  /* Safari 5, Chrome support border-radius without vendor prefix.
   * FF 3.0/3.5/3.6, Mobile Safari 4.0.4 require vendor prefix.
   * No support in Safari 3/4, IE 6/7/8, Opera 10.0.
   */
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  
  /* Chrome, FF 4.0 support box-shadow without vendor prefix.
   * Safari 3/4/5 and FF 3.5/3.6 require vendor prefix.
   * No support in FF 3.0, IE 6/7/8, Opera 10.0, iPhone 3.
   * change the offsets, blur and color to suit your design.
   */
  -moz-box-shadow: 2px 2px 3px #dcdcdc;
  -webkit-box-shadow: 2px 2px 3px #dcdcdc;
  box-shadow: 2px 2px 3px #dcdcdc;
  
  /* using a bigger font for demo purposes so the box isn't too small */
  font-size: 14px;
  
  /* with a big radius/font there needs to be padding left and right
   * otherwise the text is too close to the radius.
   * on a smaller radius/font it may not be necessary
   */
  padding: 2px 2px;
  
  /* only needed for webkit browsers which show a rectangular outline;
   * others do not do outline when radius used.
   * android browser still displays a big outline
   */
  outline: 0;

  /* this is needed for iOS devices otherwise a shadow/line appears at the
   * top of the input. depending on the ratio of radius to height it will
   * go all the way across the full width of the input and look really messy.
   * ensure the radius is no more than half the full height of the input, 
   * and the following is set, and everything will render well in iOS.
   */
  -webkit-appearance: none;
  
}

input.rounded:focus {
  
  /* supported IE8+ and all other browsers tested.
   * optional, but gives the input focues when selected.
   * change to a color that suits your design.
   */
  border-color: #5897fb;
}

textarea.rounded {

  border: 1px solid #aaaaaa;
   
  /* Safari 5, Chrome support border-radius without vendor prefix.
   * FF 3.0/3.5/3.6, Mobile Safari 4.0.4 require vendor prefix.
   * No support in Safari 3/4, IE 6/7/8, Opera 10.0.
   */
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  
  /* Chrome, FF 4.0 support box-shadow without vendor prefix.
   * Safari 3/4/5 and FF 3.5/3.6 require vendor prefix.
   * No support in FF 3.0, IE 6/7/8, Opera 10.0, iPhone 3.
   * change the offsets, blur and color to suit your design.
   */
  -moz-box-shadow: 2px 2px 3px #dcdcdc;
  -webkit-box-shadow: 2px 2px 3px #dcdcdc;
  box-shadow: 2px 2px 3px #dcdcdc;
  
  /* using a bigger font for demo purposes so the box isn't too small */
  font-size: 14px;
  
  /* with a big radius/font there needs to be padding left and right
   * otherwise the text is too close to the radius.
   * on a smaller radius/font it may not be necessary
   */
  padding: 4px 7px;
  
  /* only needed for webkit browsers which show a rectangular outline;
   * others do not do outline when radius used.
   * android browser still displays a big outline
   */
  outline: 0;

  /* this is needed for iOS devices otherwise a shadow/line appears at the
   * top of the input. depending on the ratio of radius to height it will
   * go all the way across the full width of the input and look really messy.
   * ensure the radius is no more than half the full height of the input, 
   * and the following is set, and everything will render well in iOS.
   */
  -webkit-appearance: none;
  
}

textarea.rounded:focus {
  
  /* supported IE8+ and all other browsers tested.
   * optional, but gives the input focues when selected.
   * change to a color that suits your design.
   */
  border-color: #5897fb;
  
}
}
/*end of FF */

tr.bottomborder td {border-bottom: 1pt solid #c8c8c8}

tr.topborder td {border-top: 1pt solid #c8c8c8}

#login1
{
/*    background-image: url(images/bg1.png);*/
	background-color:#cdcdcd;
    background-repeat: no-repeat;
    background-position: center center;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover; 
    background-size: cover; 
	height:100%;
	width:100%;
	margin: 0 auto;
	

}




/*New Styles - 07-02-2014*/

.preview_all_button 
{	
	-moz-box-shadow:inset 0px 1px 0px 0px #a39ea3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a39ea3;
	box-shadow:inset 0px 1px 0px 0px #a39ea3;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d1cad1), color-stop(1, #616161) );
	background:-moz-linear-gradient( center top, #d1cad1 5%, #616161 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1cad1', endColorstr='#616161');
	background-color:#d1cad1;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0px;
	border:1px solid #f0f1f5;
	display:inline-block;
	color:#ffffff;
	font: 10px  calibri,arial,verdana;
	font-style:normal;
	height:18px;
	line-height:18px;
	width:110px;
	text-decoration:none;
	text-align:center;
	/*text-shadow:1px 1px 0px #525152;*/
}

.preview_all_button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #616161), color-stop(1, #d1cad1) );
	background:-moz-linear-gradient( center top, #616161 5%, #d1cad1 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#616161', endColorstr='#d1cad1');
	background-color:#616161;
}

.preview_all_button:active {
	position:relative;
	top:1px;
}

.preview_all_button em{
    vertical-align:middle;
    margin:1px 6px;
    display:inline-block;
    width: 18px;
    height:13px;
    background-image: url(images/simple_preview.png);      
}

.preview_all_button em.leftImage{
    background-position: 0px 0px;
}




.simple_add_button 
{	
	-moz-box-shadow:inset 0px 1px 0px 0px #a39ea3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a39ea3;
	box-shadow:inset 0px 1px 0px 0px #a39ea3;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d1cad1), color-stop(1, #616161) );
	background:-moz-linear-gradient( center top, #d1cad1 5%, #616161 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1cad1', endColorstr='#616161');
	background-color:#d1cad1;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0px;
	border:1px solid #666466;
	display:inline-block;
	color: white;
	font: 13px  calibri,arial,verdana;
	font-style:normal;
	height:20px;
	line-height:18px;
	width:155px;
	text-decoration:none;
	text-align:center;
	/*text-shadow:1px 1px 0px #525152;*/
}

.simple_add_button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #616161), color-stop(1, #d1cad1) );
	background:-moz-linear-gradient( center top, #616161 5%, #d1cad1 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#616161', endColorstr='#d1cad1');
	background-color:#616161;
}

.simple_add_button:active {
	position:relative;
	top:1px;
}

.simple_add_button em{
    vertical-align:middle;
    margin:1px 6px;
    display:inline-block;
    width: 18px;
    height:13px;
    background-image: url(images/simple_add.png);      
}

.simple_add_button em.leftImage{
    background-position: 0px 0px;
}




/*New Styles - 12-02-2014*/
.action_button
{
	opacity: 0.75;
}

.action_button:hover
{
	opacity: 1.0;
}



table .customer_contact_person
{	
	-moz-box-shadow:inset 0px 1px 0px 0px #a39ea3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a39ea3;
	box-shadow:inset 0px 1px 0px 0px #a39ea3;
	/*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d1cad1), color-stop(1, #616161) );
	background:-moz-linear-gradient( center top, #d1cad1 5%, #616161 100% );*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1cad1', endColorstr='#616161');
	background-color:#d1cad1;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0px;
	border:1px solid #666466;
	display:inline-block;
	color: white;
	font: 10px  calibri,arial,verdana;
	font-style:normal;
	text-decoration:none;
	text-align:center;
}

.comment_popup
{
	z-index:1000; 
	position: absolute;
	-moz-box-shadow:inset 0px 1px 0px 0px #a39ea3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a39ea3;
	box-shadow:inset 0px 1px 0px 0px #a39ea3;
	/*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d1cad1), color-stop(1, #616161) );
	background:-moz-linear-gradient( center top, #d1cad1 5%, #616161 100% );*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1cad1', endColorstr='#616161');
	background-color:#d1cad1;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0px;
	border:1px solid #666466;
	display:inline-block;
	color: white;
	font: 10px  calibri,arial,verdana;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	margin:10px 10px;
}



.close_button 
{	
	-moz-box-shadow:inset 0px 1px 0px 0px #a39ea3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a39ea3;
	box-shadow:inset 0px 1px 0px 0px #a39ea3;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d1cad1), color-stop(1, #616161) );
	background:-moz-linear-gradient( center top, #d1cad1 5%, #616161 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1cad1', endColorstr='#616161');
	background-color:#d1cad1;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0px;
	border:1px solid #666466;
	display:inline-block;
	color: white;
	font: 10px  calibri,arial,verdana;
	font-style:normal;
	height:15px;
	line-height:15px;
	width:15px;
	text-decoration:none;
	text-align:center;
    margin:5px 5px;
	/*text-shadow:1px 1px 0px #525152;*/
}

.close_button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #616161), color-stop(1, #d1cad1) );
	background:-moz-linear-gradient( center top, #616161 5%, #d1cad1 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#616161', endColorstr='#d1cad1');
	background-color:#616161;
}

.close_button:active {
	position:relative;
	top:1px;
}

button, input[type="submit"], [type="button"], [type="reset"] {
	color: black;
	display: inline-block;
  zoom: 1;
  padding: 3px 6px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
  font: bold 13px arial, helvetica, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  color: #555;
 
}

button, input[type="submit"], [type="button"]:not(.rsform-submit-button):not(.rsform-submit-button_remove):not(#removeRows):not(#addRows), [type="reset"] {
    background-color: #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(0,0,0,0)));
}

@media only screen and (max-width: 768px) {	
	#menuDiv{
		display: block;
		text-align: -webkit-center;
	}
	
	#menuDiv ul{
		text-align: left;
	}
	
	div#online_users {
		width: 50%;
	}
}