@charset "utf-8";
/**************************************************************

CSS style for the Tenure and Promotion Django Application
	
(c) 2016 Office of the Dean of Science
Faculty of Science, Carleton University
			
 **************************************************************/

/* General */

/* Template Items */

#banner {
/*	background:#D40139; */
        background:#FFFFFF; 
/*	background:#ad1326; */
/*	height:125px; */
	height:125px;
	position:relative;
	box-shadow: 0px 2px 2px #999;
	-moz-box-shadow: 0px 2px 2px #999;
	-webkit-box-shadow: 0px 2px 2px #999;
	}

#banner #logo {
	background:url(../img/ocip-logo.png) no-repeat 0 0;
	height:100%;
	width:100%;
	display:block;
	position:absolute;
	top:15px;
	left:2%;
	}
	

#body-content-wrapper {
	padding:25px;
	margin-left:auto;
	margin-right:auto;
	width:910px;
	position:relative;
	/*border:#666666 1px solid;*/
	}

#body-content-wrapper p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:18px;
	}

/* Form Elements Styles */

.form-text {
	padding:4px;
	font-size: 24px;
	background: url('../img/txt-bg.png') repeat-x;
	background-position:bottom;
	border: #ddd 1px solid;
	font-weight:normal;
	}

.form-item label {
	font-size:14px;
	font-weight:normal;
	color:#444;
	}

.form-actions {
	clear:both;}

.form-textarea {
	border: #ddd 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;

}

#webform-component-pager-1, #webform-component-pager-2, #webform-component-pager-3, #webform-component-pager-4, #webform-component-pager-5{
	display: block;
	text-align:right;
	color:#CCC;
	font-size: 12px;
	font-weight:bold;
	margin-right: 50px;
	}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: #A6A8C1;
    border-color: #31347B;
}

.btn
{
/*    background-color: #D40139; */
    background-color: #000000;
/*    border-color: #D40139; */
    border-color: #000000; 
}

/* Add the following to remove the horozontal scrolling introduced by bootstrap */

body {
    overflow-x: hidden;
}

/*
@media (min-width: 1200px) {
    .container {
	width: 900px;
    }
}
*/

.custom-btn {
    width: 180px !important;
    
}

.tpa-btn {
    background-color: #D40139;
    border-color: #D40139;
}

a.tpa:link, a.tpa:hover, a.tpa:visited {
			     color: white;
			     text-decoration: none;
}

p.tpa {
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:16px;
}

li.tpa {
        font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
}

li.parenthesis:before {
    content: ") ";
}

@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 556px) {
    #banner {
/*	background:#D40139; */
        background:#FFFFFF; 
	height:125px;
	position:relative;
	box-shadow: 0px 2px 2px #999;
	-moz-box-shadow: 0px 2px 2px #999;
	-webkit-box-shadow: 0px 2px 2px #999;
	}

    #banner #logo {
	background:url(../img/ocip-logo-sm.png) no-repeat 0 0;
	height:100%;
	width:100%;
	display:block;
	position:absolute;
	top:5px;
	left:2%;
	}
	
    }


@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape ){
    #banner {
/*	background:#D40139; */
        background:#FFFFFF; 

	height:125px;
	position:relative;
	box-shadow: 0px 2px 2px #999;
	-moz-box-shadow: 0px 2px 2px #999;
	-webkit-box-shadow: 0px 2px 2px #999;
	}

    #banner #logo {
	background:url(../img/ocip-logo.png) no-repeat 0 0;
	background-size: 95% 95%;
	height:100%;
	width:100%;
	display:block;
	position:absolute;
	top:5px;
	left:1%;
	}

    }


@media only screen 
and (min-device-width: 750px) 
and (max-device-width: 1024px) 
and (orientation: portrait ){
    #banner {
/*	background:#D40139; */
        background:#FFFFFF; 
	height:125px;
	position:relative;
	box-shadow: 0px 2px 2px #999;
	-moz-box-shadow: 0px 2px 2px #999;
	-webkit-box-shadow: 0px 2px 2px #999;
	}

    #banner #logo {
	background:url(../img/ocip-logo.png) no-repeat 0 0;
	background-size: 95% 95%;
	height:100%;
	width:100%;
	display:block;
	position:absolute;
	top:5px;
	left:2%;
	}

    }


@media only screen 
and (max-width: 748px) {
    #banner {
/*	background:#D40139; */
        background:#FFFFFF; 
	height:150px;
	position:relative;
	box-shadow: 0px 2px 2px #999;
	-moz-box-shadow: 0px 2px 2px #999;
	-webkit-box-shadow: 0px 2px 2px #999;
	}

    #banner #logo {
	background:url(../img/ocip-logo-sm.png) no-repeat 0 0;
	background-size: 100% 100%;
	height:100%;
	width:100%;
	display:block;
	position:absolute;
	top:0px;
	left:2%;
	}

    }