body{
        font-size:14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	background-color:white;
	background-image: url("../img/background.jpg") !important;
}

h1{
	font-family: 'Cinzel', serif;
	font-size: 2em;
	font-weight: 400;
}

h2{
	font-family: 'Cinzel', serif;
	font-size: 1.5em;
	font-weight: 400;
}

h3{
	font-family: 'Cinzel', serif;
	font-size: 1.2em;
	font-weight: 400;
	line-height: 130%;
	letter-spacing: 1px;
}

sh1{
	font-family:  'Open Sans', sans-serif;
	font-weight: 300;

}


header {
    background: url("../img/Bamboo-bg.png") no-repeat center;
	font-family: 'Open Sans', sans-serif;
	background-color:white;
}


logoStyle {
	border-radius: 35px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	width: 39.0625%;
}

#full_oldal{
    margin: auto;
	padding: 0;
    height: 600px;
}

#line{
	width:100%;
    border-top: 1px solid rgb(233, 233, 236);
}



.underline
{
    background:#fefefe;
    border-bottom: 1px solid #C3D4DB;
    margin: 0px;    
    height: 200px;
}

.box
{
    background:#fefefe;
    border: 1px solid #C3D4DB;
	border-top:1px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    -webkit-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    color:#444;
    margin:0 auto 30px;
	overflow:hidden;
}
.box.login
{
	height:260px;
    width:332px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-130px 0 0 -166px;
}

.box.passwdreminder {
	height: 260px;
    left: 50%;
    margin: -130px 0 0 -166px;
    position: absolute;
    top: 50%;
    width: 332px;
}

.box.passwdreminder p {
	margin-bottom: 23px;
	margin-left: 10px; 
	margin-right: 10px;
	text-align: center;
	font-weight: bold;
	padding-top: 15px;
}

.box.resetpassword {
	height: 360px;
    left: 50%;
    margin: -200px 0 0 -166px;
    position: absolute;
    top: 50%;
    width: 332px;
}

.box.resetpassword p {
	margin-bottom: 57px;
	margin-left: 10px; 
	margin-right: 10px;
	text-align: center;
	font-weight: bold;
	padding-top: 15px;
}


.boxBody
{
    background:#fefefe;
    border-top:1px solid #dde0e8;
    border-bottom:1px solid #dde0e8;
    padding:10px 20px;
}

.boxFooter
{
    background:#eff4f6;
    border-top:1px solid #fff;
    padding:22px 26px;
    overflow:hidden;
	height:32px;
}
.box label
{
    display:block;
    margin:10px 0 0 6px;
}
.box footer label{
	float:left;
	margin:4px 0 0;
}
.box footer input[type=checkbox]{
	vertical-align:sub;
	*vertical-align:middle;
	margin-right:10px;
}
.box input[type=text],
.box input[type=password],
.txtField,
.cjComboBox
{
    border:6px solid #F7F9FA;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    margin:3px 0 4px;
    padding:8px 6px;
    width:270px;
    display:block;
}
.box input[type=text]:focus,
.box input[type=password]:focus,
.txtField:focus,
.cjComboBox:focus
{
    border:6px solid #f0f7fc;
    -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
    -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
    box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
	color:#333;
}
.cjComboBox
{
    width:294px;
}
.cjComboBox.small
{
    padding:3px 2px 3px 6px;
    width:100px;
    border-width:3px !important;
}
.txtField.small
{
    padding:3px 6px;
    width:200px;
    border-width:3px !important;
}

.rLink{padding:0 6px 0 0; font-size:11px; float:right;}
.box a{color:#999;}
.box a:hover, .box a:focus{text-decoration:underline;}
.box a:active{color:#f84747;}
.btnLogin
{
    background:#a1d8f0;
    background:-moz-linear-gradient(top, #badff3, #7acbed);
    background:-webkit-gradient(linear, left top, left bottom, from(#badff3), to(#7acbed));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#badff3', EndColorStr='#7acbed')";
    border:1px solid #7db0cc !important;
    cursor: pointer;
    padding:1px 1px;
    font-size:12px;
    text-shadow:rgba(0,0,0,0.2) 0 1px 0px; 
    color:#fff;
    -moz-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;
    -webkit-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;
    box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;
    margin-left:2px;
    float:right;
	padding:10px 21px;
}

.btnLogin:hover,
.btnLogin:focus,
.btnLogin:active{
    background:#a1d8f0;
    background:-moz-linear-gradient(top, #7acbed, #badff3);
    background:-webkit-gradient(linear, left top, left bottom, from(#7acbed), to(#badff3));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7acbed', EndColorStr='#badff3')";
}
.btnLogin:active
{
    text-shadow:rgba(0,0,0,0.3) 0 -1px 0px; 
}


footer{
	width:100%;
	text-align:left;	
    padding-top: 10px;
	bottom:0px;
    background:#fbfcf2;
    border-top:1px solid rgb(233, 233, 236);
	height:30px;
	
	position:fixed;
	bottom:0px;
	z-index:99999;
	
}

#headerText {
	height: 30px;
	position:relative;
	margin-bottom: 10px;
}

#logo {
	height: 167px;
}

#headerText div {
	position:absolute; 
	top:45%; 
}

#logout {	
	right: 0;
	color: lightblue;
	cursor: pointer;
	text-align:right;
	font-size: 16px;
}

#login  {	
	right: 0;
	color: lightblue;
	cursor: pointer;
	text-align:right;
	font-size: 16px;
}

#userProfile  {		
	color: blue;
	cursor: pointer;
	text-align:right;
}

#changeUser  {		
	color: red;
	cursor: pointer;
	text-align: center;
}

#working {
	margin-top: 10px;
}


#submenu .ui-button-icon-only .ui-icon  {
	top: 3px; 
	margin-top: 0px; 
	margin-left: 0px; 
	left: 3px; 
	right: 0px; 
	width: 30px; 
	height: 30px;
	position: 0;
}

#submenu .ui-icon-save { 
	background-image: url("../img/save.png") !important; 
}

#submenu .ui-icon-saveas { 
	background-image: url("../img/saveas.png") !important; 
}

#submenu .ui-icon-rename { 
	background-image: url("../img/rename.png") !important; 
}

#submenu .ui-icon-resources { 
	background-image: url("../img/resources.png") !important; 
}

#submenu .ui-icon-share { 
	background-image: url("../img/share.png") !important; 
}

#submenu .ui-icon-information { 
	background-image: url("../img/info.png") !important; 
}

#submenu .ui-icon-permission { 
	background-image: url("../img/permission.png") !important; 
}

#submenu .ui-icon-delete { 
	background-image: url("../img/delete.png") !important; 
}

#submenu .ui-icon-csearch { 
	background-image: url("../img/search.png") !important; 
}

#submenu .ui-icon-cback { 
	background-image: url("../img/back.png") !important; 
}

#submenu {
	margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}


#submenu img {
	padding: 5px;	
}

#submenu button {
	z-index: 100;
}

body, ul, li {
    font-size:14px;
    font-family: 'Open Sans', sans-serif;
	font-weight: 300;
    text-align:left;
}
 
/* Navigation Bar */
 
#menu {
    list-style:none;
    height:43px;	
	font-size: 14px;
	font-family: 'Cinzel', serif;
 	margin-bottom: 10px;
	margin-top: 4px;
	background-color:beige;
}

 

#menu:hover {
    color: blue;     
}
 
#menu li {
	
    float:left;
    text-align:center;
    position:relative;
    padding: 4px 10px 4px 10px;
	font-size: 16px;
	font-family: 'Cinzel', serif;
    margin-top:7px;
    border:none;
    z-index: 1000;*/
}
 
#menu li:hover {
    padding: 4px 10px 4px 10px;
    color: blue;	

}
 
#menu li a {
    font-family: 16px 'Cinzel', serif;
    color: #000000;
    display:block;
    outline:0;
    text-decoration:none;
}
 
#menu li:hover a {
	color:#a0ce4e;
}
#menu li .drop {
    padding-right:21px;
    background:url("../img/drop.png") no-repeat right 8px;
}
#menu li:hover .drop {
    background:url("../img/drop.png") no-repeat right 7px;
}
 
/* Drop Down */
 
.dropdown_1column,
.dropdown_2columns,
.dropdown_3columns,
.dropdown_4columns,
.dropdown_5columns {
    margin:4px auto;
    float:left;
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    padding:10px 5px 10px 5px;
    border:1px solid #777777;
    border-top:none;
     
    /* Gradient background */
    background:#F4F4F4;
 

}
/* 
.dropdown_1column {width: 13.67187%;}
.dropdown_2columns {width: 27.34375%;}
.dropdown_3columns {width: 41.01562%;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 68.359375%;}
*/

.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}
 
#menu li:hover .dropdown_1column,
#menu li:hover .dropdown_2columns,
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
    left:-1px;
    top:auto;
}
 
/* Columns */
/* 
.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 0.48828%;
    margin-right: 0.48828%;
}
.col_1 {width:12.69531%;}
.col_2 {width:26.36718%;}
.col_3 {width:40.03906%;}
.col_4 {width:53.71093%;}
.col_5 {width:67.38281%;}
*/ 
.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}
.col_1 {width:130px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}
 
/* Right alignment */
 
#menu .menu_right {
    float:right;
    margin-right:0px;
}
#menu li .align_right {

}
#menu li:hover .align_right {
    left:auto;
    right:-1px;
    top:auto;
}
 
/* Drop Down Content Stylings */
 
#menu p, #menu h2, #menu h3, #menu ul li {
    font-family: 'Cinzel', serif;
    line-height:21px;
    font-size:12px;
    text-align:left;
}
#menu h2 {
    font-size:21px;
    font-weight:400;
    letter-spacing:-1px;
    margin:7px 0 14px 0;
    padding-bottom:14px;
    border-bottom:1px solid #666666;
}
#menu h3 {
    font-size:14px;
    margin:7px 0 14px 0;
    padding-bottom:7px;
    border-bottom:1px solid #888888;
}
#menu p {
    line-height:18px;
    margin:0 0 10px 0;
}
 
#menu li:hover div a {
    font-size:12px;
    color:#015b86;
}
#menu li:hover div a:hover {
    color:#029feb;
}
.strong {
    font-weight:bold;
}
.italic {
    font-style:italic;
}
.imgshadow {
    background:#FFFFFF;
    padding:4px;
    margin-top:5px;
}
.img_left { /* Image sticks to the left */
    width:auto;
    float:left;
    margin:5px 15px 5px 5px;
}
#menu li .black_box {
    color: #eeeeee;
    padding:4px 6px 4px 6px;

}
#menu li ul {
	font-family: 'Cinzel', serif;
    list-style:none;
    padding:0;
    margin:0 0 12px 0;
}
#menu li ul li {
	font-family: 'Cinzel', serif;
    font-size:12px;
    line-height:24px;
    position:relative;
    padding:0;
    margin:0;
    float:none;
    text-align:left;
    width:100%;
}
#menu li ul li:hover {
    background:none;
    border:none;
    padding:0;
    margin:0;
}
#menu li .greybox li {
    margin:0px 0px 4px 0px;
    padding:4px 6px 4px 6px;
    width:116px;
 
}
#menu li .greybox li:hover {
    padding:4px 6px 4px 6px;
    margin:0px 0px 4px 0px;
}

.serarch_txt {
	margin-top: 3px;
}

#menu button {
	float: left;
	margin-left: 27px;
	height: 32px;
	width: 32px;
}

#menu button span {
	left: 0px; top: 0px;
}

button.create {
	float: right;
}

button.refresh {
	float: right;
    height: 20px; 
    width: 22px;
}

label.error {
	display: inline-block;
}

#usernameStatus {
	margin-top: 5px;
}

.username .error {
	background-image: url("../img/not_ok.png"); 
	background-repeat: no-repeat;
}

.username .ok {
	background-image: url("../img/ok.png"); 
	background-repeat: no-repeat;
}


.small-loader {
	background-image: url("../img/small-load.gif"); 
	background-repeat: no-repeat;
	height: 15px;
	width: 15px;
}

.checkBoxButtonLabel {	 
	padding: 6px;
}

#subscribersList,
#usersList {
	margin: 10px 0 0 0;	
	padding: 0px;
}

#subscribersList li {
	list-style: none;
	padding: 5px;
	margin-bottom: 5px;
	color: rgb(98,98,98);
	height: 80px;	
}

#usersList li {
	list-style: none;
	padding: 5px;
	margin-bottom: 5px;
	color: rgb(98,98,98);
	height: 115px;
}

#subscribersList button,
#usersList button {
	float: right;
	margin-bottom: 5px;
}

#adminContentView {
	height: 400px;
	overflow-y: auto;
}


#resourcesList ul {
	margin: 10px 0 0 0;	
	padding: 0px;
	border-radius: 5px;
}

#resourcesList li {
	list-style: none;
	padding: 5px;
	margin-bottom: 5px;
	border-width: 1px;
	border-radius: 5px;
}

#environmentsList {
}

#environmentsList li {
	background: lightgray;
	
}

#trafficReasonList {
	padding: 0px;
	margin: 0px;

}

#trafficReasonList li {
	list-style: none;
}

#trafficReasonList label {
	display: block;
}

#trafficReasonList .indicatorMinValue {
	float: left;
}
#trafficReasonList .indicatorMaxValue {
	float: right;
}

#trendSlider {
	margin: 40px 10px 10px;
}

#termSlider {
	margin:10px;
}

#trendsList li {
	background: gray;	
}

.leftSide {
	float: left;
}

.rightSide {
	float: right;
}


#odVectorsList li {
	background: lightblue;
}

#resultsList li {
	
}

#roadNetworksList {
	
}

.detailicon {
	float: right;
}

.detailLabel {
	float: right;
}

.toggle {
	display: none;
	height: 100px;
}


#admin_dashboard .clear {
	height: 20px;
}

#createUserForm .hSpace {
	height: 20px;
}

#createUserForm #description {
	width: 100%;
}

#resourcePermission .buttonSet  {
	margin-top: 2px;
}

#resourcePermission .clear  {
	height: 20px;
}

#resourcePermission #resourcesACL ul {
	list-style: none;
	height: 200px;
	overflow-y: auto;
}

#resourcePermission #resourcesACL ul .delete{
	height: 18px;
	width: 20px;
}

#resourcePermission #resourcesACL button {
	float: right;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.weddingLabel
{
	font-size: 16px; 
	color: rgb(168, 48, 186);
}

input[type=text]
{
	padding:6px;
	font-family: 'Open Sans', serif;
	font-size: 1.05em;
	font-weight: 300; 
	border:1px solid #ccc;
	background: white;
	padding: 5px;
	width:280px;
	margin-bottom: 10px;
	border-radius: 3px;
	-webkit-transition: 0.5s ease-in-out all;
	-moz-transition: 0.5s ease-in-out all;
	-ms-transition: 0.5s ease-in-out all;
	-o-transition: 0.5s ease-in-out all;
	transition: 0.5s ease-in-out all;
}
      
input[type=text]:focus
{
	border-color: #9ecaed;	
    box-shadow: 0 0 10px #9ecaed;	
	-moz-box-shadow: 0px 0px 12px #fff;
	-webkit-box-shadow: 0px 0px 12px #fff;	
}

input[type=password]
{
	padding:6px;font-size:18px; 
	border:2px solid #ccc;
	background: white;
	padding: 5px;
	width:280px;
	margin-bottom: 10px;
	border-radius: 4px;
	-webkit-transition: 0.5s ease-in-out all;
	-moz-transition: 0.5s ease-in-out all;
	-ms-transition: 0.5s ease-in-out all;
	-o-transition: 0.5s ease-in-out all;
	transition: 0.5s ease-in-out all;
}
      
input[type=password]:focus
{
	border-color: #9ecaed;	
    box-shadow: 0 0 10px #9ecaed;	
	-moz-box-shadow: 0px 0px 12px #fff;
	-webkit-box-shadow: 0px 0px 12px #fff;	
}

input[type=email]
{
	padding:6px;
	font-family: 'Open Sans', serif;
	font-size: 1.05em;
	font-weight: 300; 
	border:1px solid #ccc;
	background: white;
	padding: 5px;
	width:280px;
	margin-bottom: 10px;
	border-radius: 3px;
	-webkit-transition: 0.5s ease-in-out all;
	-moz-transition: 0.5s ease-in-out all;
	-ms-transition: 0.5s ease-in-out all;
	-o-transition: 0.5s ease-in-out all;
	transition: 0.5s ease-in-out all;
}
      
input[type=email]:focus
{
	border-color: #9ecaed;	
    box-shadow: 0 0 10px #9ecaed;	
	-moz-box-shadow: 0px 0px 12px #fff;
	-webkit-box-shadow: 0px 0px 12px #fff;	
}

input[type=time]
{
	padding:6px;
	font-family: 'Open Sans', serif;
	font-size: 1.05em;
	font-weight: 300; 
	border:1px solid #ccc;
	background: white;
	padding: 5px;
	width:280px;
	margin-bottom: 10px;
	border-radius: 3px;
	-webkit-transition: 0.5s ease-in-out all;
	-moz-transition: 0.5s ease-in-out all;
	-ms-transition: 0.5s ease-in-out all;
	-o-transition: 0.5s ease-in-out all;
	transition: 0.5s ease-in-out all;
}

input[type=time]:focus
{
	border-color: #9ecaed;	
    box-shadow: 0 0 10px #9ecaed;	
	-moz-box-shadow: 0px 0px 12px #fff;
	-webkit-box-shadow: 0px 0px 12px #fff;	
}

input[type=number]
{
	padding:6px;
	font-family: 'Open Sans', serif;
	font-size: 1.05em;
	font-weight: 300; 
	border:1px solid #ccc;
	background: white;
	padding: 5px;
	width:280px;
	margin-bottom: 10px;
	border-radius: 3px;
	-webkit-transition: 0.5s ease-in-out all;
	-moz-transition: 0.5s ease-in-out all;
	-ms-transition: 0.5s ease-in-out all;
	-o-transition: 0.5s ease-in-out all;
	transition: 0.5s ease-in-out all;
}

input[type=number]:focus
{
	border-color: #9ecaed;	
    box-shadow: 0 0 10px #9ecaed;	
	-moz-box-shadow: 0px 0px 12px #fff;
	-webkit-box-shadow: 0px 0px 12px #fff;	
}

textarea
{
	padding:6px;
	font-family: 'Open Sans', serif;
	font-size: 1.05em;
	font-weight: 300; 
	border:1px solid #ccc;
	background: white;
	padding: 5px;	
	margin-bottom: 10px;
	border-radius: 3px;
	-webkit-transition: 0.5s ease-in-out all;
	-moz-transition: 0.5s ease-in-out all;
	-ms-transition: 0.5s ease-in-out all;
	-o-transition: 0.5s ease-in-out all;
	transition: 0.5s ease-in-out all;
}

textarea:focus
{
	border-color: #9ecaed;	
    box-shadow: 0 0 10px #9ecaed;	
	-moz-box-shadow: 0px 0px 12px #fff;
	-webkit-box-shadow: 0px 0px 12px #fff;	
}

select
{
	padding:6px;
	font-family: 'Open Sans', serif;
	font-size: 1.05em;
	font-weight: 300; 
	border:1px solid #ccc;
	background: white;
	padding: 5px;
	width:280px;
	margin-bottom: 10px;
	border-radius: 3px;
	-webkit-transition: 0.5s ease-in-out all;
	-moz-transition: 0.5s ease-in-out all;
	-ms-transition: 0.5s ease-in-out all;
	-o-transition: 0.5s ease-in-out all;
	transition: 0.5s ease-in-out all;
}

select:focus
{
	border-color: #9ecaed;	
    box-shadow: 0 0 10px #9ecaed;	
	-moz-box-shadow: 0px 0px 12px #fff;
	-webkit-box-shadow: 0px 0px 12px #fff;	
}


@media screen and (max-width:460px)
	{
	body {
		padding: 1%;
		}
        
    #login  {	
	display: none;
}
		
	#menu li {
		text-align: center;
		display: none;
        background-color: aqua;
        margin-top: 2px;
        float: none
		}
	
    #ContactView container_16.grid_8 {

        margin-top: 20px;

		}

        #main {

        opacity: 50%;

		}
		
        
        
        /* Drop Down */
 
.dropdown_1column,
.dropdown_2columns,
.dropdown_3columns,
.dropdown_4columns,
.dropdown_5columns {
    margin:4px auto;
    line-height: 3em;
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:center;
    font-size: 0.7em
    border-top:none;
     
    /* Gradient background */
    background:#F4F4F4;
 

}
 
.dropdown_1column {width: 300px;}
.dropdown_2columns {width: 300px;}
.dropdown_3columns {width: 300px;}
.dropdown_4columns {width: 300px;}
.dropdown_5columns {width: 300px;}
 
#menu li:hover .dropdown_1column,
#menu li:hover .dropdown_2columns,
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
    left:-1px;
    top:auto;
}
        
        
        
        
	.nav-btn {
		display: block;
		padding:10px;
		background-color:green;
		color:black;
		text-align:center;
		cursor:pointer;
		}
	
	.nav-btn:before {
		content:"Menü";
		}
	
    footer{
	width:100%;
	text-align:left;	
    padding-top: 10px;
	bottom:0px;
    background:#fbfcf2;
    border-top:1px solid rgb(233, 233, 236);
	height:30px;
	
	position:fixed;
	bottom:0px;
	z-index:99999;
	
        }
        
        
        #myTabs{
		width:100%;
		}
		
        
	}