/*
    Document   : style.css
    Created on : March 22, 2010
    Author     : David Cantwell <cantwell@mun.ca>, ccwebworks <ccwebworks@mun.ca>
    Description:
        Stylesheet for mobile sites
*/

/* structural styles
   ----------------- */
body{
	margin:0;
	padding:0;
	font-family: arial;
	background-color: #d1d1d1;
}
#innerContent{
	padding:5px;
}

/* banner styles
   ------------- */

#bannerContainer{
	background-color: #a1a19c;
	height:37px;
	padding:3px;
}
#bannerContainer headers{
	float:right;
}
#bannerContainer h1{
	padding:0;
	margin:0;
	color: #ffffff;
	font-size: 18px;
	text-align: right;
}
#bannerContainer h1 a{
	color: #ffffff;
	text-decoration: none;
}
#bannerContainer h2{
	padding:0;
	margin:0;
	color: #ffffff;
	font-size: 14px;
	text-align: right;
	font-weight: normal;
}
#munLogo{
	background-image: url(images/mun_logo_3.png);
	height: 36px;
	width: 62px;
	float:left;
}
#munLogo span {
	display: none;
}

/* content styles
   -------------- */

div.contentBlock{
	background-color: #ffffff;
	border:1px solid #a5a5a5;
	margin:5px;
	-moz-border-radius:10px 10px 10px 10px;
	border-radius: 10px;
}
div.contentBlock h3{
	padding:0;
	margin:0;
	font-weight:normal;
	color: #555555;
	margin-bottom:10px;
}
div.contentBlock h4{
	color:#777777;
}
.padContent{
	padding:15px;
}
div.contentBlock h3.contentBlockTitle{
	color: #666666;
	font-weight: bold;
	margin-top:3px;
	padding-left:15px;
	border-bottom:1px solid #999999;
}

/* general styles
   -------------- */

.clear{
	clear:both;
}
.line {
	border-bottom:1px solid #a5a5a5;
}
.lineRight{
	border-right:1px solid #a5a5a5;
	padding-right: 5px;
}
.grey20bg{
	background-color: #aaaaaa;
}
.grey40bg{
	background-color: #dddddd;
}

/* menu styles
   ----------- */

div.menuItem a{
	display:block;
	color: #555555;
	text-decoration:none;
	border-bottom: 1px solid #a5a5a5;
	padding:15px;
	padding-right:25px;
	background-image: url(images/right_tick.png);
	background-repeat: no-repeat;
	background-position: right center;
}
div.menuItem a.last{
	border-bottom: 0;
}
div.menuItem a.back{
	display:block;
	color: #555555;
	text-decoration:none;
	padding:15px;
	background-image: url(images/left_tick.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: right;
	border-bottom:0;
}
div.menuItem a.phone{
	background-image: url(images/right_tick_phone.png);
}
div.menuItem a.email{
	background-image: url(images/right_tick_email.png);
}

div.menuItem h3{
	margin-bottom:0;
}
h3.twitter{
	background-image: url(images/twitter_37.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
h3.twitter a{
	padding-left:55px;
}
h3.facebook{
        background-image: url(images/facebook_37.png);
        background-repeat: no-repeat;
        background-position: 10px 10px;
}
h3.facebook a{
	padding-left:55px;
}
h3.youtube{
	background-image: url(images/youtube_37.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
h3.youtube a{
	padding-left:55px;
}
h3.flickr{
	background-image: url(images/flickr_37.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}       
h3.flickr a{
	padding-left:55px;
} 

h3.thumb{
	background-repeat: no-repeat;
        background-position: 10px 10px;
}
h3.thumb a{
	padding-left:55px;
}
h3.warning{
	background-image: url(images/warning_37.png);
        background-repeat: no-repeat;
        background-position: 10px 10px;
}
h3.warning a{
	padding-left:55px;
}

/* bread crumb container
   --------------------- */

div.breadCrumbContainer ul{
	list-style: none;
	padding: 0;
	margin: 0;
	padding:2px;
	height:24px;
}
div.breadCrumbContainer ul li a{
	display:block;
	color: #ffffff;
	text-decoration: none;
	text-align:  center;
	padding-top:5px;
	padding-left:7px;
	padding-right:20px;
	height: 19px;
	width:auto;
	float:left;
	background-image: url(images/breadcrumb_bg.png);
	background-position: right;
	font-size: 11px;
}
div.breadCrumbContainer ul li a.home{
	background-image: url(images/breadcrumb_bg_home.png);
}
div.breadCrumbContainer ul li a.last{
	background-image: url(images/breadcrumb_bg_last.png);
}

/* form styles
   ----------- */

#contactForm label{
	display:block;
}
#contactForm input{
	width:260px;
	border:1px solid #c0c0c0;
	font-size:14px;
}
#contactForm div.formRow{
	border-bottom:1px solid #cccccc;
	padding-bottom:5px;
	margin-bottom:5px;
}
#contactForm textarea{
	width:260px;
	height:50px;
	font-family: arial;
	font-size: 14px;
}
div.label{
	float:left;
	width:70px;
}
input.finger{
	width:200px;
	padding:5px;
	font-size:14px
}

/* form styles */

div.formRow{
	padding-bottom: 5px;
	margin-bottom:10px;
	border-bottom:1px solid #999999;
}
div.formRow input{
	border:1px solid #777777;
	width: 260px;
	font-family:Arial;
	font-size:16px;
}
div.formRow label{
	display:block;
}
textarea{
	width:280px;
	font-family:Arial;
	font-size:16px;
}
div.formButtons{
	text-align:center;
}
div.formButtons input{
	height: 30px;
	width: 100px;
	margin-bottom: 10px;
}


/* footer styles
   ------------- */

#footer div.menu{
	background-color: #bcbcbc;
	padding:2px;
}
#footer div.menu ul{
	list-style: none;
	margin: 0;
	padding:0;
	text-align: center;
	padding-left:15px;
	padding-top:3px;
	padding-bottom:3px;
	height: 24px
}
#footer div.menu ul li{
	float:left;
}
#footer div.menu ul li a{
	display:block;
	padding:5px;
	background-color:#8a8a8a;
	margin-right:2px;
	color: #ffffff;
	text-decoration:none;
	font-size:12px;
}
#footer div.menu ul li a.on{
	background-color: #4d4d4d;
}
#footer div.menu ul li.home{
	float:right;
}
#footer div.menu ul li a.home{
	background-color: #990000;
}

/* override styles
   --------------- */
span.phone,
span.menuSubTitle{
	font-size:12px;
}

/* message box styles
   ------------------ */

div.message{
	padding-left: 40px;
	min-height: 32px;
	background-repeat: no-repeat;
}
div.checkmark {
	background-image: url(images/checkmark_32_32x32.png);
}
div.warning {
	background-image: url(images/warning_32_32x32.png);
}
div.information{
	background-image: url(images/information_32_32x32.png);
}
div.help{
	background-image: url(images/help_32_32x32.png);
}
div.forbidden{
	background-image: url(images/forbidden_32_32x32.png);
}
div.error{
	background-image: url(images/error_32_32x32.png);
}