/* 
This is the section css for
Communication Studies 
*/
.hideMenu{
	display: none;
}
/** SIDE MENU **/
#home-content .sideLinks{
    margin-top: 0px;
    padding-right: 20px;
}
#home-content .sideLinks .grid12{
    background-color: #EEE;
    margin-bottom: 5px;
}
#home-content .sideLinks a{
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #575757;
    font-weight: bold;
    padding-left: 13px;
}
#home-content .sideLinks .subSideLink{
    font-size: .9em;
    padding: 0px 10px 3px 30px;
    border-left: 0;
    font-weight: bold;
    text-indent: -10px;
    line-height: 20px;
}
#home-content .sideLinks .subSideLink:before{
    content: "\203A"; 
    padding-right: 5px; 
    position: relative;
    top: -1px;
    color: #763775;
}
#home-content .sideLinks .grid12 a:hover{
    color: #763775;
    border-left: 3px solid #FFBD07;
}
#home-content .sideLinks .activeSideLink{
    color: #763775;
    border-left: 3px solid #763775;
}
#home-content .inactive{
    display: none;
}
#home-content .active{
    display: block;
}

/*********INTERNSHIP PROGRAM************/
#home-content .internshipBtn .grid6
{
	padding: 20px;
}

/* **************** FORM ************************* */
.pageForm label, .pageForm span{padding: 0 10px;}
.pageForm .row-responsive{width: 100%; clear: left;}
.pageForm .fLeft, .pageForm input[type="text"]{float: left;}
.pageForm .btnSuccess{margin-left: 25%;}
#home-content .pageForm .phone{width: 40px}
.pageForm .validationImage{float: left;}
.pageForm span.fLeft{padding: 0 2px;}

.pageForm fieldset>div
{
	padding-top: 25px;
}

/* Main Form Style */
.ddl {
	width: 125px;
}
.textArea {
	width:150%;
}
.checkBox .checkPanel input, .checkBox .checkPanel label
{
	margin: 0;
}
.letterCounter
{
	font-size: .8em;
	line-height: 1.25em;
}

/* Search Page Style */
.hiddencol{
    display: none;
  }

.dropDown {
	margin-top: 50px;
	border-top: 1px solid #DDD;
	padding-top: 15px;
}

.pagePanel table {
    font-family: arial, sans-serif;
	text-align:center;
}

.pagePanel td, .pagePanel th {
    border: 1px solid #dddddd;
    text-align: left;
	padding: 8px;
}

.ddllbl{
	padding-top: 20px;
}

.grid7, .grid5, .grid11{
	margin-top: 50px;
	padding-top: 15px;
	
}

  .grid11{
		display:block; 
		width:50%; 
		margin:0 auto; 
		float: left;
		text-align: right;
}

.ddl {
	padding-bottom: 1px;
}

/* Login Page */
.loginBox
{
    width: 300px;
    border: 2px solid #8d688d;
    background-color: #d8ccd9;
}
.loginHead
{
    padding: 0.5em 0; 
    background-color: #ae94af; 
    color:#fff;
    font-weight: bold;
}
.proctoringLoginForm input[type=text], .proctoringLoginForm input[type=password]
{
    width: 10em;
    padding: 0.1875em 0.3125em;
    box-shadow: 1px 1px 0px 0px #cfcfcf;
    border: 1px solid #ccc;
}
.loginGrid
{
    text-align: center;
}
.loginGrid table
{
    margin: 0 auto;
}
#priorityMsg
{
	border: 1px solid #441f49;
	background-color: #FFFFFF;
	padding: 10px;
	margin: auto auto;
	color: #000;
	margin-top: 10px;
	box-shadow: 0 0 2px #000;
	border-radius: 5px;
}
#home-content .searchTop{
	padding: 0 5px;
}

#home-content .searchTable{width: 100%;}
#home-content .searchTable{width: 100%; border-collapse: collapse; text-align: center;}
#home-content .searchTable tr:nth-of-type(odd){background: #EEE;}
#home-content .searchTable th{background-color: #763775; color: #FFF; padding: 5px; border: 1px solid #ccc;}
#home-content .searchTable td{padding: 5px; border: 1px solid #ccc;}
#home-content .searchTable tr td:nth-of-type(7){text-align: center;}

#home-content .detailTable{width: 100%;}
#home-content .detailTable tr:nth-of-type(odd){background: #EEE;}


@media only screen and (max-width:768px){
	.pageForm fieldset > div{
		padding-top: 0;
	}
	
	/* Main Form Style */
	.ddl, .textArea  {
		width: 100%;
	}
	
	/* Search Page Style */
	.btnSuccess{
		display:block; 
		width:50%; 
		margin: 5px auto;
		text-align: center;
	}
	.btnAlert{
		display:block; 
		width:50%; 
		margin:0 auto; 
		text-align: center;
	}
	.btnSecondary {
		display:block; 
		width:50%; 
		margin: 5px auto;
		margin-top: 10px;
		text-align: center;
	}
	.grid5 {
		padding-bottom: 20px;
		padding-top: 1px;
	}
	.grid12 {
		padding-bottom: 20px;
	}
	.checkBox .grid4{
		width: 33.3333%;
	}
	.contentHolder .checkBox div.grid4 > label{
		margin: 0;
	}
	.contentHolder div.searchTop .grid12 > label{
		margin: 0;
	}

	#home-content .searchTable,
    #home-content .searchTable tbody,
    #home-content .searchTable th,
    #home-content .searchTable td,
    #home-content .searchTable tr{
    	display: block;
    }
    #home-content .searchTable tbody tr th{position: absolute; top: -9999px; left: -9999px;}
    #home-content .searchTable tbody tr td:nth-of-type(6){display: none;}
    #home-content .searchTable tr{border: 1px solid #ccc;}
    #home-content .searchTable td{border: none; border-bottom: 1px solid #ccc; position: relative; padding-left: 50%;}
    #home-content .searchTable td:before{position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; font-weight: bold;}
    #home-content .searchTable td:before{content: attr(data-label);}
    #home-content .searchTable tr td:nth-of-type(7){text-align: left;}
}
@media only screen and (max-width:650px){
	.checkBox .grid4{
		width: 100%;
	}
}
@media only screen and (max-width:400px){
	
	/* Main Form Style */
	.textArea {
		width:100%;
	}
	
	
	
}