/*****************************************/
/*         LAYOUT  GLOBAL                */
/*****************************************/

body
{
    background-color:whitesmoke;
}
.COJContent
{
   margin-right: auto;
    margin-left: auto;
    background-color:white;
    border: 1px solid #ddd;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, .04);
     -moz-box-shadow: 0 0 15px 5px rgba(0, 0, 0, .04);
          box-shadow: 0 0 15px 5px rgba(0, 0, 0, .04);
          padding:10px;
          margin-bottom:20px;
}
#logo_app {
    margin: 135px auto;
}
.navbar-inner
{
    color:white;
    background: url('images/nav_bkg_rpt.png') 0 0;
    border:none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    filter:initial;
}
.navbar-static-top
{
    width:auto;
}
.navbar
{
    /*top: -150px;*/
    position: relative;
    margin-bottom: 0px;
}
.navbar .nav li a
{
    margin-top: 3px;
    color: #dff2fb;
    text-shadow:none;
    text-transform: uppercase;
    font-family: Georgia, "Times New Roman", Serif;
}
.navbar .nav li a:hover
{
    margin-top: 0px;
    background:#f6fcfe; color:#334d65; border-top:3px solid #e3b435;
    text-shadow:none;
}

.facebookImage, .directoryImage
{
    text-align:center;
}
.hero-unit
{
    padding:20px;
}
.hero-unit h1
{
    font-size: 50px;
}
.remaining .alert
{
    padding: 5px 4px 4px 5px;
    margin-bottom: 5px;
}
.remaining-tasks
{
    cursor:pointer;
}
.filter-list select
{
    width:100%;
}
.student-partial .image
{
    float: left;
}
.student-partial .demo
{
    padding-left: 110px;
}
.roommate-button input
{
    margin-left: 10px;
}
.badge
{
    margin-left: 5px;
}
.collapse
{
    overflow:hidden;
}
#PeriodSelectForm
{
    margin: 0 0 -5px 0;
    padding: 5px 30px 0 0;
}
#PeriodSelectForm select
{
    min-width:100px;
    width:auto;
}
.editor-error
{
    color: red;
}
.validation-summary
{
    color:red;
}
.input-validation-error {
    color:red !important;
}
@media only screen and (max-width: 800px)
{
    body
    {
        padding-right: 0px;
        padding-left: 0px;
    }
	/* Force table to not be like tables anymore */
	table,
	thead,
	tbody,
	th,
	td,
    tr
    {
		display: block;
	}

    .wrapper_body
    {
        margin-left: 0px;
        margin-right: 0px;
    }
    #logo_app
    {
        text-align: center !important;
        margin: 55px auto;
    }
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr { border: 1px solid #ccc; }

	td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50% !important;
		white-space: normal;
		text-align:left;
	}

	td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}

	/*
	Label the data
	*/
	td:before { content: attr(data-title); }
    .singleitem td {
        padding-left:5px !important;
    }
}
/*.COJcontainer
{
    max-width: 963px;
padding: 0px 0px;
height: auto;background: url(images/loader.gif) center center no-repeat rgb(66, 98, 129);
border-bottom: 7px solid rgb(39, 68, 95);
margin: 0 auto;
position: relative;
border-top: 1px solid #C3CBCE;
border-bottom: 4px solid #C3CBCE;
border-right: 1px solid #C3CBCE;
background: #E6E8E9 ;
}*/
.COJHeader {min-height: 252px; background: rgb(66, 98, 129) url(images/banner01.jpg) no-repeat center; color: #FFFFFF; border-bottom: 7px solid rgb(39, 68, 95);}
#logoDiv {padding: 9px 0 0 20px; float: left;}
#searchDiv {text-align:right; margin: 11px 30px 0 0; float: right; font-size: 1em;}
#searchDiv div.searchField {width: 100px; float: right;}
#searchDiv div.searchLink {width: 100px; float: right; text-align: right; margin-top:5px}
.searchLink a {color: #B2C9E2; text-decoration: none;	text-transform: uppercase;	font-size: .90em;}
.searchLink a:hover {color: #FFFFFF;	text-decoration: none;}
input.searchField {width: 110px; padding: 1px 5px 1px 5px; margin: 0; height: 14px;}
#searchDiv input#box {background:#fff !important}
#searchDiv #mywingsSearch {margin: 48px 0 0 0; float: right;}
#mywingsDiv {margin: 10px 0 0 0; float: right;}

#menuBar{height:29px; background-position:left top;margin:0 auto;background:#c3cbce url('images/bg_menuMain.gif') repeat-x top left;border-top:1px solid #8b8b8b;border-bottom:0px solid #c3cbce ;text-align:center;}
#menuBar #login {width: 920px; margin:0px auto; text-align: right; font-weight: bold;}
#menuBar #login a {padding: 7px 10px; display:inline-block; color: #fff; text-decoration: none;}
#menuBar #login a:hover{display:inline-block; color: #272f32;}
.horizBlue {margin:0px auto; height:5px; background-color: #012652;}

#footer{  background: #012652;}
#footer div#copyrightText {padding: 8px 16px 0 8px;}
#footer div#footerLinks {padding: 8px 16px 8px 0; text-align: right; }
#footer p {color: #fff; margin: 0; font-size: 11px; font-weight: bold;}
#footer p a{color:#ffce00; text-decoration: none;}
#footer p a:hover{color:#ffce00;	text-decoration: underline;}

h1{
	color: #6f6f6f;
	}
h2 {
	color: #003886;
}
h3 {
	color: #456b96;
}
h4 {
	color: #456b96;
}
h5 {
	color: #6f6f6f;
}
@media (max-width: 767px)
{
    .facebookContainer .pull-right
    {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

/* css for timepicker */
.ui-datepicker { font-size: .8em; }
.ui-timepicker-div { font-size: .9em; }
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }