/* Default Media Queries */
.mob, .dskmob { display: block; }
.dsk, .dsktab { display: none; } 
@media screen and (min-width: 768px) { 
    .tab, .dsktab { display: block; }
    .mob, .dskmob { display: none; }
}
@media screen and (min-width: 1024px) {
    .dsk, .dsktab, .dskmob { display: block; }
    .mob, .tab { display: none; }
}

.column { 
    padding-left: 1.8em; 
    padding-right: 1.8em; 
    }
    @media only screen and (min-width: 1024px) {
        .column { 
            padding-left: 2.8em; 
            padding-right: 2.8em; 
        }
    }


.color-navyblue-bg { background: #00457c; }
.color-navyblue-txt { color: #00457c; }
.color-navyblue-brd { border: solid 1px #00457c; }
.color-skyblue-bg { background: #e4edf1; }
.color-skyblue-txt { color: #e4edf1; }
.color-skyblue-brd { border: solid 1px #e4edf1; }

.mm-menu {
    background: #00457c !important;
}

body {
    background: #fff;
    }
    @media only screen and (min-width: 1024px) {
        body { background: #e4edf1 }
    }

input, textarea {
    border: solid 1px #777777;
}

button {
	border: 0px;
	background-color: #00457c;
	color: #ffffff;		
}

.pagewrapper {
    width: 100%;
} 

.mainwrapper {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    background-color: #fff;
} 

.user_box {
	border: solid 1px #c1c6cc;
	margin-top: 20px;
	/*padding-left: 0;*/
	
}
#myfavorites_mob {
	display: none;
/*    position: fixed;
    z-index: 1;*/
    width: 100%;
    max-width: 1024px;
	/*top: 59px;*/
	/*height: auto;*/
	/*overflow: hidden;*/
	padding-top: 70px;
}

.iconbar {
    position: fixed;
    z-index: 1;
    width: 100%;
    max-width: 1024px;
    height: 59px;
    }
    @media only screen and (min-width: 1024px) {
        .iconbar { position: relative }
    }

footer {
    bottom: 0px;
}

.iconbar a {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    height: 40px;
    font-size: 1.8em;
    font-weight: 200;
    text-decoration: none;
    text-indent: -999px;
    overflow: hidden;
    }
    @media only screen and (min-width: 1024px) {
        .iconbar a {
            background-position: right;
            padding: 8px 38px 0px 0px;
           /* width: auto;*/
            text-indent: 0px;
            overflow: auto;
        }
    }

.iconbar .left a {
    margin: 10px 0px 0px 20px;
    float: left;
    }
    @media only screen and (min-width: 1024px) {
        .iconbar .left a {
            margin: 10px 0px 0px 32px;
            float: left;
        }
    }

@media only screen and (min-width: 1024px) {
    footer .left a {
        background-position: left;
        padding: 8px 0px 0px 48px;
        width: auto;
        text-indent: 0px;
        overflow: auto;
    }
}

.iconbar .right a {
    margin: 10px 20px 0px 0px;
    float: right;
}
@media only screen and (min-width: 1024px) {
        .iconbar .right a {
            margin: 10px 32px 0px 0px;
            float: left;
        }
    }

.icon_nav {
    background-image: url(/images/__od/922/icon_nav.png);
    width: 30px;
}

.icon_shortcuts {
    background-image: url(/images/__od/922/icon_shortcuts.png);
    width: 49px;
}

.icon_profile {
    background-image: url(/images/__od/922/icon_profile.png);
    width: 160px;
}

.icon_logout {
    background-image: url(/images/__od/922/icon_logout.png);
    width: 90px;
}

@media only screen and (max-width: 1024px) {
	.icon_profile {
		width: 30px;
	}
	.icon_logout {
		width: 30px;
	}
}

.icon_home {
    background-image: url(/images/__od/922/icon_home.png);
    width: 40px;
    }
    @media only screen and (min-width: 1024px) {
        .icon_home {
            width: auto;
        }
    }
    
.icon_contact {
    background-image: url(/images/__od/922/icon_contact.png);
    width: 40px;
}

.icon_totop {
    background-image: url(/images/__od/922/icon_totop.png);
    width: 130px;
    }
    @media only screen and (min-width: 1024px) {
        .icon_totop {
            padding-right: 50px !important;
        }
    }

.logosearchwrapper {
    padding-top: 70px;
    text-align: center;
    }
    @media only screen and (min-width: 1024px) {
        .logosearchwrapper {
            padding: 20px 0px;
            text-align: left;
            border-bottom: solid 1px #c1c6cc;
        }
    }

.logo {
    border: 0px none;
    margin-top: 10px;
}    
    
.searchwrapper {
    margin-top: 20px;
    width: 100%;
    text-align: center;
    }    
    @media only screen and (min-width: 1024px) {
        .searchwrapper {
            width: 30%;
            margin-top: 0px;
            text-align: right;
        }    
    }
    
.searchwrapper input {
    padding: 8px 0px;
    font-size: 1.6em;
    outline: none;
}

::-webkit-input-placeholder { color: #002857; }
:-moz-placeholder { color: #002857; }
::-moz-placeholder {  color: #002857; }
:-ms-input-placeholder {  color: #002857; }

.searchwrapper input[type=text] {
    text-indent: 10px;
    width: 75%;
    float: none;
    border: 0px none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: solid 1px #e4edf1;
}
@media only screen and (max-width: 1024px) {
	.searchwrapper input[type=text] {
		width: 45%;
	}
}

.searchwrapper input[type=text]:focus {
    border-top: solid 1px #002857;
    border-bottom: solid 1px #002857;
    border-left: solid 1px #002857;
    border-right: 0px none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}


.searchwrapper input[type=submit] {
    width: 20%;
    float: none;
    border: solid 1px #002857;
    color: #fff;
    text-transform: uppercase;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.tt-dropdown-menu {
	text-align: left;
	height: 500px;
	overflow: scroll;
	width: 280px;
	margin-top: 12px;
	padding: 8px 0;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    font-family: 'Source Sans Pro' !important;		
    padding: 3px 20px;
    font-size: 1.4em;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}


.mainleftwrapper {
    padding-right: 0px;
}

#navwrapper {
    border-left: solid 1px #c1c6cc;
    border-right: solid 1px #c1c6cc;
    border-top: solid 1px #c1c6cc;
    margin: 20px 0px;
}

#navwrapper a {
    display: block;
/*    font-size: 1.2em;*/
	font-size: 16px;
    text-decoration: none;
    color: #00457c;
    padding: 10px;
    border-bottom: solid 1px #c1c6cc;
	font-weight: 300;
}

#navwrapper ul {
    list-style-position:inside;
    list-style-type: disc;
    margin: 0px;
    padding: 0px;
}
#navwrapper a:hover {
    background-color: #e4edf1;
}

#navwrapper>li>a.active {
    background-color: #e4edf1;
}

#navwrapper>li>ul>li, #navwrapper>li>ul>ul>li {
    font-size: 0.9em;
	color: #00457c;
}

#navwrapper>li>ul>li>a.active {
    background-color: #f3fafd;
}
#navwrapper>li>ul>ul>li>a.niv3on {
    background-color: #f3fafd;
}

.openitems {
    background-image: url(/images/__od/922/navopen.png);
    background-repeat: no-repeat;
    background-position:  280px 12px;
}

.closeitems {
    background-image: url(/images/__od/922/navclose.png);
    background-repeat: no-repeat;
    background-position:  280px 12px;
}

#navwrapper ul ul {
    list-style-position:inside;
    list-style-type: disc;
	color: #00457c;
    padding: 0px;
    margin: 0px;
    text-indent: 12px;
}

.contentwrapper {
	padding-top: 20px;
    padding-bottom: 70px;
    min-height: 600px;
}

#footerwrapper {
    width: 100%;
}


.user_details {
	display: table;
}
.user_detail_col {
	display: table-cell;
	vertical-align: top;
}
.user_detail_text {
	padding: 10px;
}
.user_detail_text p {
	font-family: 'Source Sans Pro', sans-serif;
	margin: 5px 0px;
}
.user_detail_text p a {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 0.95em;
	text-decoration: none;
}
.user_favorites_header {
	/*background-color: #00457c;*/
}
.user_edit_image {
	margin-top: 30px;
}
.user_favorites ul {
	margin-top: 20px;
	list-style-position: inside;
	list-style-type: disc;
	color: #00457c;
}
.user_favorites>ul>li {
	color: #00457c;
}
.user_favorites ul li a {
	font-size: 1.2em;
	color: #00457c;
	text-decoration: none;
}
.user_favorites_edit_cnt {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}

.favorites_add_cnt {
	border-top: #c1c6cc 1px dashed;
	border-bottom: #c1c6cc 1px dashed;
	padding: 10px 0px;
}
.favorites_add_cnt a {
	color:  #5a839c;
	font-size: 1.5em;
	text-decoration: none;
}
.favorites_add_cnt img {
	vertical-align: middle;
	padding-right: 10px;
}


a, .favorites_edit a {
	color: #00457c;
}

		
.dlgfield-default {
	width: 280px;
	height: 40px;
	border: solid 1px #c1c6cc;	
	font-size: 1.5em;
	color: #c1c6cc;
	padding-left: 5px;
	margin-bottom: 10px;
}
.dlgfield-mandatory {
	width: 280px;
	height: 40px;
	border: solid 1px #c1c6cc;	
	font-size: 1.5em;
	color: #ff0000;
	padding-left: 5px;
	margin-bottom: 10px;

}
.dlgbutton-std {
	width: 140px;
	height: 40px;	
	border: 0px;
	background-color: #00457c;
	color: #ffffff;
	font-size: 1.5em;
}

.commentwrapper {
	padding-top: 20px;
}

.commentfield {
	background-color: #e4edf1;
	border: none;
	width: 100%;
	height: 50px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 16px;
	color: #5a839c;
}

.commentsbutton {
	width: 140px;
	height: 40px;	
	border: 0px;
	background-color: #00457c;
	color: #ffffff;
	font-size: 1.5em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.commentroundimage {
}

.anoncomment {
	font-size: 15px;
	padding-left: 7px;
}

#anonymouscomment {
	-moz-transform: scale(2);
	-webkit-transform: scale(2);
	-o-transform: scale(2);
	border: none;
}