/* CSS Montana Media Apps */

body { background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; padding: 0px; margin: 0px; }

#main { background-color: white; width: 950px; height: 100%;  padding: 0px; margin: 0 auto; }

h1 { color: #166791; margin-bottom: 7px; }
h1 a { color: #166791; text-decoration: none; }

a { color: #48832c; text-decoration: none; }

/* Header bar */
#montanalogolink { 
	border: none; 
	float: left;
}

#header {
	width: 950px;
	height: 52px;
	padding-top:18px;
	background-color: white;
}
#menu {
	padding-top:6px;
	text-align:right;
	top:0px;
}
#menu ul.mainmenu {
	margin-top:0px;
	padding-right: 160px;
	line-height:24px;
}
#menu li {
	display: inline;
	list-style-type: none;
	padding-right: 30px;
}
#menu li a {
	text-decoration: none;
	font-weight:bold;
	color: #000000;
	font-size:14px;
	font-family:"Arial","Lucida Grande","Lucida Sans Unicode","Verdana","sans-serif";
}
.language {
	float:right;
    width:150px;
    color:#000;      
	padding-left:22px;
	background: url(../images/flag-nl.png);
	background-repeat:no-repeat;
	background-position:center left;
}
.language option {
    padding-left:22px;
}
.language option.nl {
	background: url(../images/flag-nl.png);
	background-repeat: no-repeat;
	background-position: center left;
}
.language option.en {
	background: url(../images/flag-us-en.png);
	background-repeat: no-repeat;
	background-position: center left;
}


/* Gray page top bar */
#pagebar {
	width: 950px;
	height: 61px;
	left: 0px;
	text-align: center;
	background: url(../images/pagebar.png) no-repeat;
}
#pagebarsub {
	width: 950px;
	height: 25px;
	left: 0px;
	text-align: center;
	padding-top: 10px;
	background: url(../images/pagebarsub.png) repeat-x;
	background-color: #f9f9f9;
	color: #000000;
	font-size:13px;
	font-family:"Arial","Lucida Grande","Lucida Sans Unicode","Verdana","sans-serif";
}
#pagebarsub ul {
	margin-top:0px;
}
#pagebarsub li {
	display: inline;
	list-style-type: none;
	padding-right:10px;
	border-right:1px solid #333333;
	padding-left:8px;
}
#pagebarsub li.lastlink {
	border-right:0px;
}
#pagebarsub li a {
	text-decoration: none;
	color: #000000;
}
#pagebarcontent {
	text-align: center;
	padding-top: 13px;
}
#pagebarcontent h1 {
	display: inline;
	height:100px;
	font-size:22px;
	vertical-align:middle;
	font-weight:bold;
	margin-left:10px;
	font-family:"Lucida Grande","Lucida Sans Unicode","Verdana","sans-serif";
}
#pagebarcontent img {
	top:20px;
	vertical-align:middle;
}



/* Apps main page */
.iconlink {
	border: none;
	margin-left:15px;
}
.iconlink.left {
	border: none;
	margin-left:0 !important;
}

.appsgrid {
	margin-top:40px;
	width:100%;
	min-height: 407px;
}

.appcolumn {
	margin-left:26px;
	width:218px;
	height: 407px;
	background-position: 0 0px;
	float:left;
}
.appcolumn a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}
.appcolumn a:hover {
	text-decoration:none;
}
#appcolumn4 {
	float:right !important;
}
#appcolumn1, #appcolumn4 {
	margin-left:0 !important;
}

.appicon {
	z-index: 99; 
	position: absolute; 
	margin-left:25px;
	margin-top:348px;
	border: none;
}
.appname {
	z-index: 99; 
	position: absolute; 
	margin-left:70px;
	margin-top:350px;
	color:#ffffff;
	font-size:1.1em;
}
.moreinfo {
	z-index: 100; 
	position: absolute; 
	margin-left:70px;
	margin-top:368px;
	color: #6d6d6d;
	font-size:1.1em;
}

#appcolumn1 a {
	background-position: 0px 0px;
}
#appcolumn1 a:hover {
	background-position: -218px 0px;
}

#appcolumn2 a {
	background-position: 0px 0px;
}
#appcolumn2 a:hover {
	background-position: -218px 0px;
}

#appcolumn3 a {
	background-position: 0px 0px;
}
#appcolumn3 a:hover {
	background-position: -218px 0px;
}

#appcolumn4 a {
	background-position: 0px 0px;
}
#appcolumn4 a:hover {
	background-position: -218px 0px;
}


/* App page */
.appcontent {
	min-height: 500px;
	background: url(../images/app_row_bg.jpg) repeat-x;
	background-position:bottom;
	margin:0px;
}
.appcontent .rij1 {
	min-height: 250px;
	margin:0px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
}
.appcontent .rij1 img {
	float:right;
	margin-right:40px;
	margin-left:60px;
}
.appcontent .rij2 {
	min-height: 320px;
	margin:0px;
	padding:20px;
}
#featurelist {
	list-style-position: inside;
}
#videolink {
	float:left;
	margin-top: 20px;
	margin-right:40px;
	margin-left:0px;
	margin-bottom:40px;
}
#videolinkyoutube {
	display: none;
}
.basic a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	border: none;
}
.basic img {
	border-color: #333333;
	border-style: solid;
	border-width: 1px;
}

.appcontentscreenshots {
	height: 260px;
	padding-left:6px;
	padding-right:5px;
}
.appcontentscreenshots h1 {
	line-height:50px;
	margin-top:0px;
	margin-left:14px;
	margin-right:15px;
	border-bottom: 1px solid #333333;
}
.appcontentscreenshots img {
	border: 1px solid #333333;
	margin-right:14px;
	margin-left:15px;
}
.appcontentfaq {
	min-height: 100px;
	margin-left:20px;
	margin-right:20px;
	padding-bottom:20px;
}
.appcontentfaq h1 {
	line-height:50px;
	margin-top:0px;
	border-bottom: 1px solid #333333;
}

.appcontentfaq h2 {
	font-size:18px;
	margin-bottom:5px;
}

.appcontentfaq p {
	margin-top:0px;
}

/*div overlay*/
body {height:100%; margin:0;}
h3 {color:#5f87ae; font-size:1.6em; padding:0; margin:0;}
#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color: #d3d3d3;}

/* Container */
#simplemodal-container {height:500px; width:875px; color:#bbb; background-color:#FFFFFF; border:1px solid #bcbcbc; padding:12px;}
#simplemodal-container code {background:#FFFFFF; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../images/close.png) no-repeat; width:30px; height:30px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container a.modalCloseImg:hover { background-position: 0px -30px; }
#simplemodal-container #basic-modal-content {padding:10px;}



/* News Page */

#newsouterwrapper {
	overflow:hidden;
}

#newswrapper {
	float:left;
	margin:0 0 5px 0; /* top right bottom left */
	overflow:hidden;
	width:550px;
	word-wrap:break-word;
}

.newswrappermessage {
	margin-top: 18px !important;
}

.newsitem {
	padding-bottom: 20px;
	border-bottom:1px dotted #CCCCCC;
}


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

.newstitle {
	margin-bottom: 3px !important;
}

.dateheader  {
	margin:0;
	padding:0 0 4px 0;
	color:#666666;
	font-size:small;
	display: block;
}

#prevnext {
	margin:10px 0 10px 0; /* top right bottom left */
}

.newsarchivetitle {
	margin-bottom: 3px !important;
}
#newsrightbar {
	width: 230px;
	float: right;
}
#home_newslist {
	list-style: none;
	list-style-position: inside;
	padding: 0px;
	margin: 0px;
}
#home_newslist li:before {
	content: "\00BB \0020";
}
#home_newslist a {
	color: #000000;
	text-decoration: none;
}
#home_newslist a:hover {
	color: #000000;
	text-decoration: underline;
}


/* Contact Page */

#contactinfo {
	float:left;
	margin-top:40px;
	padding-right: 20px;
	width: 450px;
	height: 420px;
}

#formdiv {
	
	width:100%;
	display:inline;
	overflow:hidden;
}
#formdiv form {
	
	margin-top:40px;
}

.formfieldtitle {
	font-size: 1.1em;
	font-weight: bold;
}
.fielderror {
	color:#FF0000;
	font-size:x-small;
}
#error_name, #error_email, #error_reason, #error_message {
	display: none;
}
.formline {
	margin:0 0 13px;
	vertical-align:top;
}

#contactformreply {
	margin-top:40px;
	font-weight: bold;
}

/* Footer */
#footer {

	height: 34px;
	padding-top:20px;
}
#footer_content {
	background: url(../images/footer_shadow.png);
	background-repeat:repeat-x;	
	padding-top:12px;
	text-align: right;
}



/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}