/* base styles for cms*/



/*overwrite default reponsive grid system
---------------------------------------------------------------------------------------------------------------------*/
#wrapper { max-width:72.25em; margin:0 auto;}
#header-menu{width:100%; height:110px; background: #0E0E0E; margin-bottom:5px;}
#header-menu-wrapper { max-width:72.25em; margin:0 auto;}

.header {clear: both; font-size: 0.8125em; /* 13 / 16*/  max-width: 92.3em;  /*1200px / 13 */  margin: 0 auto; padding: 0; position: relative; }

body, h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-family : Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif; margin-bottom:0.3em;}
h1, h2, h3, h4, h5, h6 { letter-spacing: 0; }
h1 { font-size:2.75em; line-height:1.2; }
h2 { font-size:1.75em; line-height: 1.25; }
h3 { font-size:1.5em; line-height: 1.25; }
h4 { font-size:1.25em; line-height:1.25; }
h5 { font-size:1em; line-height:1.25;}

#footercontainer { background-color:#fff; border:none; font-size:0.8em;}
footer { width: 100%; /* 1000px / 1250px */ font-size: 1em; /* 13 / 16 */ max-width: 92.3em; /* 1200px / 13 */ 
		 margin: 0 auto; padding: 0; color: #999; }
	footer strong { font-size: 1.077em; /* 14 / 13 */ color: #aaa; }
	footer a:link, footer a:visited { color: #999; text-decoration: underline; }
	footer a:hover { color: #fff; text-decoration: underline; }


header, footer, #maincontent, .maincontent {width:100%;}
.data { display:none; position:absolute; top:-1000px; left:-1000px;}
/* modify the default font for jQuery UI */
.ui-widget {font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif; }


/*Responsive General styles
--------------------------------------------------------------------------------------------------------------------*/
.no-top-margin {margin-top:0; }
.fix-width { width:auto;}
.fix-width input { width:auto;}
.inline {display: inline; }
.inline input, .inline label { display:inline;}

.hide-for-large {display:none; visibility:hidden; }

/* bridge media query with jquery
--------------------------------------------------------------------------------------------------------------------*/
.breakpoint-detector {}

/* for huge*/
@media only screen and (min-width: 1025px) {
	.breakpoint-detector {float:left; font-size:3px; text-align:justify;}
	.show-margin-for-huge {padding-left: 10px; padding-right:10px; }
	.show-for-huge {display:normal;}
}

/* for large and lower */
@media only screen and (max-width: 1024px) {
	.show-margin-for-huge {padding-left: 0; padding-right:0; }
	.show-for-huge {display:none;}
}
/* for large and upper*/
@media only screen and (min-width: 769px) {
	.hide-for-large { display:none; visibility:hidden; }
	.show-for-large { display:normal; visibility:visible;}
	.show-for-medium {display:none; }
	.hide-for-medium {display:normal;}
}

/* for large */
@media only screen and (min-width:769px) and (max-width:1024px) 
{ 
	.breakpoint-detector {float:left; font-size:2px; text-align:center; }
	/*.show-margin-for-huge {padding-left: 10px; padding-right:10px; }*/

}

/* for medium and lower */
@media only screen and (max-width: 768px) {
	.hide-for-large { display:normal; visibility:visible;}
	.show-for-large { display:none; visibility:hidden;}
}


/*for medium and upper */
@media only screen and (min-width: 481px){
	
	.hide-for-small {display:normal;visibility:visible; }
	.show-for-small {display:none;}
	.fix-width-for-large { width:auto;}
	
}

/*for medium*/
@media only screen and (min-width:481px) and (max-width:768px) 
{ 
	.breakpoint-detector {float:left; font-size:1px; text-align:right;}
	.show-for-medium {display:normal;}
	.hide-for-medium {display:none;}
}


/*for small*/
@media only screen and (max-width: 480px){
	.breakpoint-detector {float:none; font-size:0px; text-align:left;}
	.hide-for-small {display:none;visibility:hidden;}
	.show-for-small {display:normal;}	
	.fix-width-for-large {width:100%;}

	#header-menu {height:225px;}
	.show-for-medium {display:none;}
	.hide-for-medium {display:normal;}
}


/*CMS common styles*/

.clear {height:0; clear:both; }
.red {color: #f00;}
.green {color: #006600;}
.msg {font-weight: bold;}
.info {color:#003399; }
.err {color: #990000;}
.success {color: #006633;}
.note {color: #888888;}
.b {font-weight:bold;}
.rt {text-align: right;}
.center {text-align: center;}
.italic {font-style:italic;}
.hide { position: absolute; top: -20em; left: -200em; }
.hidden { visibility: hidden; position: absolute; } 

/* CMS master page styles*/




/*CMS content admin interface
--------------------------------------------------------------------------------------------------------------------*/
.content-module {position:relative; min-height:20px;}
.content-module .admin-link-holder {text-align: right; padding-bottom: 0px; position:absolute; bottom:0; right:0; z-index:10;}
.content-module .admin-link-holder-flash {position:static;}

.content-module .admin-link {cursor: pointer; color:#f00; font-weight:bold; background-color:#ccc; padding:0 3px; font-size:1em;}