/*  *******************ccc***********************   */
body{
background:;
color:#2b2b2b;
}
#outmostDiv{
background:#008833;
}
#indexBody{
background:#008833;
}
#outerDiv1{
background:#008833;
}
#outerDiv2{
background:#008833;
}
.shadow{
-moz-box-shadow:inset 0 0 10px #008833;
-webkit-box-shadow: inset 0 0 10px #008833;
box-shadow:inset 0 0 10px #008833;
}

.loginTable tr:nth-child(odd){
background:#008833;
}


#homeMainContainer{
background:#005533;
}

#mainContainer{
background:;
}


#headerDiv{
}


header {
background:;
}

#timeDisplayDiv{
color:#ffffff;
background:#008833;
}
footer{
background:#008833;
}

.copyrightDiv{
background:#000000;
color:#eeeeee;
}

#logoDiv{
background:#ffffff;
}

#navDiv{
background:#008833;
}

#titleBar{
color:#ff0000;
}

.menu{
color:#ffffff;
}

.submenuContainer{
background:#ffffff;
color:#ff0000;
}

.smallMenu{
color:#ffd700;
}

#smallMenuDiv{
background:#008833;
}

#smallMenuButtonDiv{
background:#008833;
}

.smallMenuButton{
color:#ffffff;
background:#008833;
}

.menuText{
color:#ff0000;
background:;
}

.menuText:hover{
background:#eeeeee;
}

/* ************************************************************** */
.faderContainer{
background:#008833;
}


#faderBottom{
background:#008833;
}


#bottomTextDiv{
color:#ffffff;
}
#bottomTextDiv a{
color:#ffffff;
}

.slideUrlText{
color:red;
}

#slideUrl{
background:rgba(255,255,255,0.5);
color:red;
}

.navigation{
background:#a64a2b;
color:white;
}


.faderSlide{
background:#cccccc;
color: black;
}

.faderNavContainer{
background:;
}

#play,#pause{
color:#ffffff;
}


.imageDiv > .imageInfo > a{
color:red;
}

/* *********************************************************** */

#principalAndLogin{
background:;
}
#principalWelcome{
background:#008833;
color:#ffffff;
}
#principalMessageCaption{
color:#ffffff;
}
#loginDiv{
background:#008833;
color:#cccccc;
}
.loginCaption{
color:#ffffff;
}
/* ***************************************************************** */

.loginButton{
background:#00aa33;
color:#ffffff;
}
.loginTopMsg{
color:#ffffff;
background:#008833;
}
.loginBottomMsg{
color:#ffffff;
background:#008833;
}
/* ********************************************************************** */

#latestNews{
color:#ffffff;
background:#008833;
}
#latestNews a{
color:#ffffff;
}
#latestNews a:hover{
color:#CD2122;
}

#upcomingEvents{
color:#ffffff;
background:#008833;
}
#upcomingEvents a{
color:#ffffff;
}
#upcomingEvents a:hover{
color:#CD2122;
}
.newsContainer{
background:#005533;
}
.newsItem {
background:#eeeeee;
color:#000000;
}
.newsItemEmpty{
}
.newsDateDiv{
background:brown;
color:#eeeeee;
}
.noNewsDateDiv{
background:brown;
color:#eeeeee;
}

.newsCaption{
color:#000000;
}
.newsText{
color:#000000;
}

.eventsContainer{
background:#005533;
}

.eventItem {
background:#eeeeee;
color:;
}

.eventItemEmpty {
}

.eventDateDiv{
background:brown;
color:#eeeeee;
}

.noEventDateDiv{
background:brown;
color:#eeeeee;
}
.eventCaption{
color:#000000;
}
.eventText{
color:#000000;
}

.pageTab{
background:#cccccc;
color:#222222;
}
.newsPage{
color:white;
}
.newsPage:hover{
}

.currentNewsPage{
background:blue;
color:white;
}
.currentNewsPage:hover{
}

.eventsPage{
color:white;
}
.eventsPage:hover{
}

.currentEventsPage{
background:red;
color:white;
}
.currentEventsPage:hover{
}

/* ********************************************************************** */

.mediaCaption{
}

#bottomItemDiv{
color:#cccccc;
}

.bottomItem {
background:;
}

.bottomItem .heading{
color:#cccccc;
}
.bottomItem a{
color:#cccccc;
}

#phoneEmailDiv{
background:#005533;
color:#ffffff;
}


#phoneInfoDiv{
background:#ffffff;
color:#000000;
}

#emailInfoDiv{
background:#ffffff;
color:#000000;
}

.footerContent {
}

#titleBar{

}

#leftBar{
background:#cccccc;
}

#centerContainer{
background:#eeeeee;
}

#rightBar{
background:#ffffff;
color:#555555;
}

#applyButtonDiv{
}

#applyButton{
background:orange;
color:#ffffff;
}

#applyButton:hover{
background:orange;
color:#ffffff;
}

.button{
color:#444444;
}
.button:hover{
}

.linkButton{
color:#444444;
background:;
}
.linkButton:hover{
}

.divButton{
color:#444444;
background:#cccccc;
}
.divButton:hover{
}

.compulsory{
color:red;
}

.pageTitle{
color:#555555;
}
.readMoreDiv{
background:;
}
/* ******************************************************************* */


#dashboardHeaderDiv{
background:#008833;
}
.dashboardTimeDisplayDiv{
background:#008833;
}
.headerProfilePic{
}


#dashboardTitleBar{
}

#dashboardLeftBar{
background:#ffffff;
color:#444444;
}

#dashboardCenterContainer{
background:#ffffff;
color:#000000;
}

#dashboardRightBar{
color:#555555;
background:#ffffff;
}

.quickLinks{

}

.quickLinks a{
color:#555555;
}

.quickLinks a:hover{
color:brown;
}

.dashboardSearchButton{
background:#2196F3;
color:yellow;
}
.dashboardSearchButton:hover{
background:#1085e2;
color:yellow;
}
#dashboardBottomDiv{
background:#cccccc;
color:#555555;
}

#dashboardFooter{
background:#008833;
color:#eeeeee;
}

/* ******************************************************* */


.searchInputDivContainer{
background:;
color:;
}

.inputDivContainer{
background:#ffffff;
color:444444;
}

.outputDivContainer{
background:#ffffff;
color:#777777;
}

.studentDataDiv{
background:#cccccc;
color:#555555;
}

.dataDivContainer{
background:#cccccc;
color:#777777;
}

.tableContainer{
background:#aaaaaa;
color:#ffffff;
}
.elementDiv{
color:#777777;
background:;
}
.elementInput{
}
.input{
}
.elementSelect{
}
.comboDiv{
background:;
}
.comboInput{
}
.comboSelect{
}

.comboInput2{
}
.comboSelect2{
}
.comboDiv2{
background:;
}

.defaultButton{
background:#aaaaaa;
color:#ffffff;
}
.defaultButton:hover{
background:#aaaaaa;
}

.filterButton{
background:#cccccc;
color:#ffffff;
}
.filterButton:hover{
background:#bbbbbb;
}

.anchorButton{
background:#1E90FF;
color:white;
}
.anchorButton:hover{
}

.profileButton{
}
.profileButton:hover{
}

.saveProfileButton{
background:#333333;
color:#ffffff;
}
.saveProfileButton:hover{
background:#000000;
}

.formButton{
background:#777777;
color:#ffffff;
}
.formButton:hover{
background:#555555;
}
.smallToggleButton{
background:#777777;
color:#ffffff;
}
.smallToggleButton:hover{
background:;
}

.criticalButton{
background:orange;
color:#ffffff;
}
.criticalButton:hover{
background:red;
}
.formDivButton{
background:#777777;
color:#ffffff;
}
.formDivButton:hover{
background:#777777;
}

.searchTd{
}
.searchDetail:hover{
}
/* ******************************************************** */
.success{
background:#4CAF50;
color:#ffffff;
}
.fail{
background:#f44336;
color:#ffffff;
}
.info{
background:#2196F3;
color:#ffffff;
}
.warn{
background:#ff9800;
color:#ffffff;
}
.error{
background:#ff9800;
color:#ffffff;
}

.success2{
background:#dff0d8;
color:#3c763d;
}
.fail2{
background:#f2dede;
color:#a94442;
}

.info2{
background:#d9edf7;
color:#31708f;
}

.warn2{
background:#fcf8e3;
color:#8a6d3b;
}
.error2{
background:#ff9800;
color:#ffffff;
}

.jsMessage{
color:red;
background:;
}

.tipTitle{
background:#dddddd;
color:#555555;
}

#tip{
background:;
color:#555555;
}
.tipTitle:hover{
}
.tipTitle:hover ~ #tip{
}
/* ************************************************************************** */
.testScore{
}
.noScore{
background:#ff0000;
color:#ffffff;
}
.yesScore{
background:#ffffff;
color:#000000;
}
.invalidScore{
background:#000000;
color:#ffffff;
}
.testTotalScore{
background:yellow;
color:#000000;
}
.termTotalScore{
background:#00ff33;
color:#000000;
}
.navigationArrow{
}
.navigationArrow:hover{
}

.textArea{
}


/* ***************************************************** */

#photoDisplay{
background:;
}

#videoDisplay{
background:;
}

#hideScreen{
color:;
}
#hideScreen:hover{
}


#imgPosition{
}
.galleryNav:hover{
}
.closeButton{
}
.closeButton:hover{
}

/* ------------------------------Logs---------------------------------  */

.searchLogNavigatorDiv{
}
.searchLogPageTab{
background:#cccccc;
}
.searchLogPageTab:hover{
background:#eeeeee;
}
.searchLogPrevious, .searchLogNext{
background:#cccccc;
}
.searchLogPrevious:hover, .searchLogNext:hover{
background:#eeeeee;
}
.searchLogTable{
}
.searchLogTable th{
}
.searchLogTable td{
}





/*  *********************end cccc*********************   */


*{
	margin:0;
	padding:0;
}
body{
font-family: 'Belgrano', serif;
font-size: 14px;
}
#outmostDiv{
}
#indexBody{
}
#outerDiv1{
width:100%;
min-height:800px;
width:100%;
position:absolute;
top:0px;
bottom:0px;
padding-top:20px;
z-index:;
}

#outerDiv2{
margin-top:180px;
width:100%;
position:absolute;
left:;
}

#outerDiv{
width:100%;
}

table{
margin:0 auto;
}

.default td{
padding:5px;
text-align:left;
color:#555555;
}
.default tr:nth-child(odd){
background:#dddddd;
}
.default tr:nth-child(even){
background:#eeeeee;
}

.default2 td{
padding:5px;
text-align:left;
color:#555555;
}
.default2 tr:nth-child(odd){
background:#f5f5f5;
}
.default2 tr:nth-child(even){
background:#fafafa;
}

input[type="checkbox"]{
transform:scale(1.5);
}

input[type="radio"]{
transform:scale(1.5);
}

.studentDataTable td{
padding:5px;
text-align:left;
color:#555555;
}
.studentDataTable tr:nth-child(odd){
background:#dddddd;
}

.loginTable td{
padding:5px;
text-align:left;
color:#cccccc;
}
.loginTable tr:nth-child(odd){
}


#homeMainContainer{
width:100%;
margin:0 auto;
margin-top:0px;
}

#mainContainer{
width:100%;
margin:0 auto;
margin-top:0px;
}


#headerDiv{
width:96%;margin:0 auto;
}


header {
}

#timeDisplayDiv{
height:15px;
font-size:10px;
text-align:right;
padding:0px 0px;
padding-right:5px;
padding-top:2px;
font-weight:bold;
}
footer{
padding:0px;
}

.copyrightDiv{
height:;
padding:10px;
}

#logoDiv{
height:80px;
padding:10px 0px;
margin-top:0px;
text-align:center;
overflow:hidden;
border-radius:0px;
}

#logoDiv img{
max-width:100%;
height:80px;
border:0px solid #000055;
border-radius:0px;
}

#navDiv{
width:100%;
margin:0 auto;
display:none;
height:40px;
text-align:center;
margin-bottom:10px;
padding-bottom:5px;
}

#titleBar{
font-weight:bold;
}

.menu{
display:inline-block;
margin-right:0px;
padding: 5px 10px;
font-size:20px;
height:30px;
text-decoration:none;
}
.menu:hover{
text-decoration:underline;
cursor:pointer;
}

.submenuContainer{
position:absolute;
padding:0px;
text-align:left;
display:none;
}

.smallMenu{
display:block;
margin-right:0px;
padding: 5px 10px;
font-size:20px;
height:30px;
}

#smallMenuDiv{
display:none;
position:absolute;
width:100%;
left:0px;
min-height:200px;
z-index:10;
}

#smallMenuButtonDiv{
height:40px;
padding:0px;
}

.smallMenuButton{
font-size:30px;
margin-left:5px;
position:absolute;
width:40px;
height:40px;
font-weight:bold;
}

.menuText{
border-bottom:2px solid #cccccc;
padding:5px;
text-decoration:none;
}

.menuText:hover{
text-decoration:underline;
}
.submenuContainer a{
text-decoration:none;
}


/* ********************************fader************************************** */

.faderContainer{
position:relative;
width:100%;
height:auto;
overflow:hidden;
border:0px solid green;
margin:0;
}

.imageDiv{
width:100%;
height:auto;
float:left;
position:absolute;
overflow:hidden;
border-bottom:0px solid #000000;
}


.image{
max-width:100%;
width:100%;
height:auto;
clear:both;
margin-bottom:-6px;
border-radius:0%;
}


#faderBottom{
position:relative;
text-align:center;
font-weight:bold;
font-size:16px;
min-height:100px;
max-height:100px;
overflow:hidden;
padding:3px;
}

#faderContainer:hover #faderPrevious{
display:inline-block;
}
#faderContainer:hover #faderNext{
display:inline-block;
}


#bottomTextDiv{
text-align:center;
font-weight:bold;
font-size:16px;
font-style:italic;
word-wrap:break-word;
width:;
padding:0px;
}
#bottomTextDiv a{
}

.slideUrlText{
width:100%;
font-weight:bold;
font-size:16px;
text-decoration:none;
}

#slideUrl{
position:absolute;
top:20px;
width:50%;
left:25%;
min-height:20px;
z-index:3;
text-align:center;
padding:5px;
transition:all 0.0s ease-out 0s;
}

#faderInfo:hover{
text-decoration:underline;
cursor:pointer;
}

#image1Info,#image2Info,#image3Info{
display:none;
}

.navigation{
display:inline;
padding:0px 10px;
font-size:16px;
font-weight:bold;
border-radius:50%;
margin:1px;
}

.navigation:hover{
cursor:pointer;}

#faderPrevious{
left:0%;
top:45%;
display:none;
padding:5px 10px;
font-size:30px;
transition:all 2.0s ease-out 0s;
}
#faderNext{
right:0%;
top:45%;
display:none;
padding:5px 10px;
font-size:30px;
transition:all 2.0s ease-out 0s;
}

#faderPrevious2{
left:0%;
top:0%;
padding:1px 8px;
font-size:20px;
display:none;
}
#faderNext2{
right:0%;
top:0%;
padding:1px 8px;
font-size:20px;
display:none;
}

.faderSlide{
position:absolute;
text-decoration: none;
display: inline-block;
border-radius:0%;
z-index:5;
opacity:0.5;
font-weight:bold;
}
.faderSlide:hover{
cursor:pointer;
opacity:1;
}

.faderNavContainer{
position:relative;
margin-top:0px;
z-index:2;
}

#play,#pause{
position:absolute;
top:-17px;
z-index:3;
bottom:;
font-size:16px;
font-weight:bold;
opacity:1;
/*transition:all 1.0s ease-out 0s; */
}


#play:hover{ cursor:pointer;}
#pause:hover{ cursor:pointer;}
#image1Info,#image2Info,#image3Info,#image4Info,#image5Info{
text-decoration:underline;
}
#image1Info:hover,#image2Info:hover,#image3Info:hover,#image4Info:hover,#image5Info:hover{
cursor:pointer;
}


#image1,#text1{opacity:0;transition:opacity 1.0s ease-in-out 0s;}
#image2,#text2{opacity:0;transition:opacity 1.0s ease-in-out 0s;}
#image3,#text3{opacity:0;transition:opacity 1.0s ease-in-out 0s;}
#image4,#text4{opacity:0;transition:opacity 1.0s ease-in-out 0s;}
#image5,#text5{opacity:0;transition:opacity 1.0s ease-in-out 0s;}

.imageDiv > .imageInfo > a{
text-decoration:none;
}

/* *************************************************************************** */

#principalAndLogin{
margin-top:10px;
padding:0px;
}


#principalWelcome{
width:calc( 100%-10px );
height:;
max-height:300px;
padding:5px;
text-align:;
font-size:16px;
}



#principalMessageCaption{
text-align:center;
font-size:18px;
font-weight:bold;
padding:5px;
}

#loginDiv{
   width:100%;
   height:;
   max-height:300px;
   float:left;
   padding:5px 0px;
   text-align:center;
   margin-top:10px;
}

.loginCaption{
text-align:center;
font-size:18px;
font-weight:bold;
}

/* *************************************login***************************************** */
.loginButton{
padding:10px;
border:0px;
margin:2px;
}
.loginButton:hover{
cursor:pointer;
}
.loginTopMsg{
padding:5px;min-height:25px;
}
.loginBottomMsg{
padding:5px;min-height:25px;
}
/* ----------------------------------------- */
#latestNews{
text-align:center;
font-weight:bold;
font-size:20px;
padding:10px;
}
#latestNews a{
text-decoration:none;
}
#latestNews a:hover{
}

#upcomingEvents{
text-align:center;
font-weight:bold;
font-size:20px;
padding:10px;
}
#upcomingEvents a{
text-decoration:none;
}
#upcomingEvents a:hover{
}


.newsContainer{
}
.newsItem {
	width:100%;
	margin-bottom:10px;
	float:left;
	padding:0px;
	padding-left:0px;
	padding-top:0px;
	min-height:200px;
	border:0px solid #1E90FF;
}
.newsItemEmpty{
width:100%;
display:none;
}

.newsItem img{
float:left;
width:50%;
max-width:200px;
margin-right:5px;
}
.newsDateDiv{
width:100%;
	margin-bottom:2px;
	float:left;
	padding:5px 0px;
	text-align:center;
	font-weight:;
}
.noNewsDateDiv{
margin-bottom:2px;
padding:5px 0px;
text-align:center;
}

.newsCaption{
font-weight:bold;
margin-bottom:5px;
}
.newsText{
}


.eventsContainer{
}

.eventItem {
	width:100%;
	margin-bottom:10px;
	float:left;
	padding:0px;
	padding-left:0px;
	padding-top:0px;
	min-height:200px;
}

.eventItemEmpty {
width:100%;
display:none;
}


.eventItem img{
float:left;
width:50%;
max-width:200px;
margin-right:5px;
}
.eventDateDiv{
width:100%;
margin-bottom:2px;
float:left;
padding:5px 0px;
text-align:center;
}

.noEventDateDiv{
margin-bottom:2px;
padding:5px 0px;
text-align:center;
}
.eventCaption{
font-weight:bold;
margin-bottom:5px;
}
.eventText{
}

.pageTab{
display:inline-block;
padding:10px;
}
.newsPage{
}
.newsPage:hover{
cursor:pointer;
}

.currentNewsPage{
}
.currentNewsPage:hover{
cursor:pointer;
}

.eventsPage{
}
.eventsPage:hover{
cursor:pointer;
}

.currentEventsPage{
}
.currentEventsPage:hover{
cursor:pointer;
}

/* ------------------------------------------------------- */

.mediaCaption{
width:250px;
height:30px;
padding:5px;
}


#bottomItemDiv{
padding:0px 5px;
min-height:200px;
}

.bottomItem {
	width:100%;
	margin-bottom:10px;
	display:inline-block;
}

.bottomItem .heading{
font-size:18px;
font-weight:bold;
padding:5px;
}
.bottomItem a{
text-decoration:none;
}

#phoneEmailDiv{
margin:0px 0px;
padding:20px 0px;
text-align:center;
font-weight:bold;
}


#phoneInfoDiv{
width:100%;
float:left;
padding:2px 0px;
margin-bottom:0px;
border-bottom:2px solid #8e2525;
font-weight:bold;
}

#emailInfoDiv{
width:100%;
float:left;
padding:2px 0px;
font-weight:bold;
}

.footerContent {
	width:100%;
	margin:0 auto;
	padding:20px 0;
}
.socialIcons ul {
	list-style-type: none;
	width: 100%;
	text-align: center;
}
.socialIcons li {
	display: inline;
}
.socialIcons img{
width:40px;
border-radius:50%;
border:1px solid #ffffff;
}
.clearfloat {
clear:both;
}

.copyrightDiv{
text-align:center;
margin:0px;
}

#titleBar{
width:100%;
text-align:center;
}

#leftBar{
float:left;
width:100%;
}

#centerContainer{
float:left;
width:100%;
}

#rightBar{
float:left;
width:100%;
border-top:1px solid #cccccc;
border-radius:10px;
padding:5px;
}

#applyButtonDiv{
width:100%;
text-align:center;
padding:5px;
}

#applyButton{
width:50%;
padding:10px;
border:0px;
font-weight:bold;
border-radius:10px;
}

#applyButton:hover{
cursor:pointer;
}

.button{
font-weight:bold;
display:inline-block;
}
.button:hover{
cursor:pointer;
text-decoration:underline;
}

.linkButton{
font-weight:bold;
display:inline-block;
border:0px;
padding:5px;
}
.linkButton:hover{
cursor:pointer;
text-decoration:underline;
}

.divButton{
font-weight:bold;
display:inline-block;
border:0px;
padding:5px 10px;
}
.divButton:hover{
cursor:pointer;
}

.select{
height:30px;
margin:2px;
}
.compulsory{
font-weight:bold;
font-size:20px;
}

.pageTitle{
font-weight:bold;
}

.dateYearSelect{
width:55px;
height:30px;
margin:0px;
}
.dateMonthSelect{
width:85px;
height:30px;
margin:0px;
}
.dateDaySelect{
width:55px;
height:30px;
margin:0px;
}

.timeHour{
width:55px;
height:30px;
margin:0px;
}
.timeMinute{
width:85px;
height:30px;
margin:0px;
}
.timeSecond{
width:55px;
height:30px;
margin:0px;
}
.readMoreDiv{
width:100%;
margin-bottom:2px;
display:inline-block;
text-align:center;
}
/* ****************************** Application ******************************** */


/* **************************** dashboard style ****************************** */
#dashboardHeaderDiv{
width:100%;
padding-top:20px;
padding-bottom:10px;
}
.dashboardTimeDisplayDiv{
padding-right:5%;
}
.headerProfilePic{
border:2px solid #ffd700;
float:left;
width:20px;
height:20px;
border-radius:50%;"
}


#dashboardTitleBar{
width:calc(100% - 10px);
text-align:center;
font-size:30px;
}

#dashboardLeftBar{
float:left;
width:calc(100% - 10px);
padding:5px;
border-radius:10px;
}

#dashboardCenterContainer{
float:left;
width:calc(100% - 10px);
padding:5px;
min-height:;
}

#dashboardRightBar{
float:left;
width:calc(100% - 10px);
padding:5px;
font-weight:;
border-radius:10px;
border-top:1px solid #cccccc;
}

.quickLinks{

}

.quickLinks a{
text-decoration:none;
}

.quickLinks a:hover{
}

.dashboardSearchButton{
padding:10px;
border:0px;
margin:2px;
font-weight:bold;
border-radius:5px;
}
.dashboardSearchButton:hover{
cursor:pointer;
}
#dashboardBottomDiv{
height:;
margin:5px 0px;
text-align:center;
vertical-align:middle;
font-size:20px;
padding:10px;
}

#dashboardFooter{
height:;
padding:10px;
text-align:center;
}

/* ************************* common ****************************** */


.searchInputDivContainer{
font-weight:bold;
margin:5px 0px;
}

.inputDivContainer{
font-weight:bold;
overflow:auto;
}

.outputDivContainer{
position:;
font-weight:bold;
overflow:auto;
}

.studentDataDiv{
font-weight:bold;
overflow:auto;
border-radius:5px;
}

.dataDivContainer{
font-weight:bold;
overflow:auto;
}

.tableContainer{
font-weight:bold;
overflow:auto;
width:100%;
}
.elementDiv{
margin-bottom:15px;
font-weight:bold;
display:inline-block;
width:45%;
}
.elementInput{
margin:0px;
width:calc( 99% - 10px );
height:20px;
padding:5px;"
}
.input{
width:97%;
height:20px;
padding:5px;"
border:;
text-align:center;
}
.elementSelect{
margin-top:0px;
width:calc( 100% - 0px );
height:35px;
padding:5px;
}
.comboDiv{
display:inline-block;
width:100%;
}
.comboInput{
width:120px;
height:15px;
padding:5px;
border:1px solid white;
border-left:1px solid #aaaaaa;
}
.comboSelect{
width:131px;
border:1px solid white;
}

.comboInput2{
width:250px;
height:15px;
padding:5px;
border:1px solid #aaaaaa;
border-bottom-color:#ffffff;
}
.comboSelect2{
width:261px;
border:1px solid #aaaaaa;
border-top-color:#ffffff;
}
.comboDiv2{
width:;
text-align:center;
}

.defaultButton{
font-weight:bold;
display:inline-block;
padding:5px;
border-radius:5px;
}
.defaultButton:hover{
cursor:pointer;
}

.filterButton{
border:1px solid white;
padding:10px;
display:inline-block;
border-radius:5px;
}
.filterButton:hover{
cursor:pointer;
}

.anchorButton{
width:;
border:0px solid #a64a2b;
padding:5px;
text-decoration:none;
border-radius:;
}
.anchorButton:hover{
cursor:pointer;
text-decoration:none;
}

.profileButton{
padding:10px;
border:0px;
margin:2px;
font-weight:bold;
border-radius:5px;
}
.profileButton:hover{
cursor:pointer;
}


.saveProfileButton{
padding:10px;
border:0px;
margin:2px;
}
.saveProfileButton:hover{
cursor:pointer;
}

.formButton{
padding:10px;
border:0px;
margin:2px;
display:inline-block;
border-radius:5px;
}
.formButton:hover{
cursor:pointer;
}
.smallToggleButton{
padding:5px;
font-size:10px;
border-radius:5px;
margin:2px;
display:inline-block;
}
.smallToggleButton:hover{
cursor:pointer;
}

.criticalButton{
padding:10px;
border:0px;
margin:2px;
font-weight:bold;
display:inline-block;
}
.criticalButton:hover{
cursor:pointer;
}


.formDivButton{
padding:10px;
border:0px;
margin:2px;
display:inline-block;
}
.formDivButton:hover{
cursor:pointer;
}

.searchTd{
padding:5px;
}
.searchDetail:hover{
cursor:pointer;
}
/* **************************** alert **************************** */
.success{
text-align:left;
padding:5px;
}
.fail{
text-align:left;
padding:5px;
}

.info{
text-align:left;
padding:5px;
border-radius:5px;
}

.warn{
text-align:left;
padding:5px;
}
.error{
text-align:left;
padding:5px;
}

.success2{
text-align:left;
padding:5px;
}
.fail2{
text-align:left;
padding:5px;
}

.info2{
text-align:left;
padding:5px;
border-radius:5px;
}

.warn2{
text-align:left;
padding:5px;
}
.error2{
text-align:left;
padding:5px;
}

.jsMessage{
font-weight:bold;
font-size:10px;
height:0px;
padding:1px;
}

.tipTitle{
position:relative;
width:200px;
height:;
margin:0 auto;
padding:5px;
text-align:center;
font-weight:bold;
}

#tip{
position:relative;
left:;font-weight:;
width:98%;
z-index:2;
max-height:0px;
padding:0px;
transition:all 0.5s linear;
margin:0 auto;
overflow:hidden;
opacity:1;
}
.tipTitle:hover{
cursor:pointer;
}
.tipTitle:hover ~ #tip{
border-bottom:0px solid #ffffff;
    opacity:1;
	max-height:300px;
	padding:5px;
}
/* ************************************************************************** */
.testScore{
width:30px;
height:30px;
text-align:center;
}

.navigationArrow{
font-size:50px;
}
.navigationArrow:hover{
cursor:pointer;
}

.textArea{
width:90%;
padding:5px;
}


/* *********************** begin gallery style ****************************** */

#photoDisplay{
position:relative;
width:100%;
margin:0 auto;
min-height:100px;
display:none;
}

#videoDisplay{
position:relative;
width:100%;
margin:0 auto;
min-height:100px;
display:none;
}


#focusImg{
width:100%;
height:auto;
}

#hideScreen{
font-size:30px;
font-weight:bold;
display:none;
}
#hideScreen:hover{
cursor:pointer;
}


#imgPosition{
display:inline-block;
font-size:20px;
display:block;
}
.galleryNav:hover{
cursor:pointer;
}
.closeButton{
font-size:30px;
padding:10px;
}
.closeButton:hover{
cursor:pointer;
}

/* ------------------------------Logs---------------------------------  */

.searchLogNavigatorDiv{
max-height:300px;
overflow:auto;
margin-bottom:0px;
}
.searchLogPageTab{
display:inline-block;
padding:10px;
margin:1px;
}
.searchLogPageTab:hover{
cursor:pointer;
}
.searchLogPrevious, .searchLogNext{
display:inline-block;
padding:10px;
}
.searchLogPrevious:hover, .searchLogNext:hover{
cursor:pointer;
}
.searchLogTable{
width:100%;
}
.searchLogTable th{
max-width:150px;
}
.searchLogTable td{
max-width:150px;
}

.downloadImg{
width:50px;
height:50px;
}

/********* begin MEDIA QUERIES ********/
/*----------------------------------------------------------------*/

/* for 400px or less */
@media screen and (min-width: 400px) {

#outerDiv1{
width:100%;
min-height:;
width:100%;
position:absolute;
top:0px;
padding-top:20px;
z-index:;
}

#outerDiv2{
width:90%;
position:absolute;
left:5%;
}

#outerDiv{
width:90%;
margin:0 auto;
}

#headerDiv{
width:90%;margin:0 auto;
}

#applyButton{
margin:0 auto;
}


#smallMenuDiv{
width:90%;
left:5%;
}


}




/* for 700px or less */
@media screen and (min-width: 700px) {
/* **********************Begin ccc************************ */

/* ************************End ccc************************ */
.elementDiv{
width:30%;
}

.bottomItem{
width:24%;
float:left;
}

#faderBottom{
min-height:50px;
}

#faderPrevious2{
display:none;
}
#faderNext2{
display:none;
}

#phoneEmailDiv{
text-align:center;
}



}

/* ---------------------------- Payment ----------------------------- */
.smallPayStackLogo{
width:200px;
height:auto;
}
.bigPayStackLogo{
width:100%;
height:auto;
}

.downloadImg{
width:50px;
height:50px;
}
.downloadButton{
color:#ff0000;
}
.downloadButton:hover{
cursor:pointer;
text-decoration:underline;
}

/* ----------------------------------------------------------------- */


/* for 1024px or less */
@media screen and (min-width: 1024px) {

/* **********************Begin ccc************************ */
#smallMenuButtonDiv{
display:none;
}
#smallMenuDiv{
display:none;
}

#navDiv {
display:block;
}

#latestNews{
color:#ffffff;
background:#008833;
}

#upcomingEvents{
color:#ffffff;
background:#008833;
}
.boxes{
background:#005533;
}

.eventsContainer{
}

.newsItem{
background:;
}

.newsItemEmpty{
background:;
}
.newsDateDiv{
background:;
}
.noNewsDateDiv{
background:;
}

.eventItem{
background:;
}

.eventItemEmpty{
background:;
}

.eventDateDiv{
background:;
}
.noEventDateDiv{
background:;
}

.mainContainer {
}

#principalWelcome {
background:;
}

#principalWelcome{
}

#loginDiv{
}

#leftBar{
}

#centerContainer{

}

#rightBar{
}

#phoneInfoDiv{
}

#emailInfoDiv{
}

/*    Begin dashboard style   */
#dashboardLeftBar{
background:;
color:;
}

#dashboardCenterContainer{
background:#ffffff;
color:#555555;
}

#dashboardCenterContainer > #dashboardInfoDiv{
}

#dashboardRightBar{
background:#ffffff;
color:#555555;
}

/* ************************End ccc************************ */

#smallMenuButtonDiv{
display:none;
}
#smallMenuDiv{
display:none;
}

#navDiv {
display:block;
}

#latestNews{
}

#upcomingEvents{
}
.boxes{
margin:0px;
padding:0px;
min-height:10px;
}

.eventsContainer{
margin:0px;
padding:0px;
min-height:10px;
}

.newsItem{
width:23%;
margin:1%;
padding:0px;
border:;
height:;
border:0px solid #1E90FF;
overflow:hidden;
}

.newsItemEmpty{
width:23%;
margin:1%;
padding:0px;
border:;
height:;
border:0px solid #1E90FF;
overflow:hidden;
margin-bottom:10px;
min-height:200px;
float:left;
display:block;
}


.newsDateDiv{
width:100%;
margin-bottom:2px;
display:inline-block;
}
.noNewsDateDiv{
width:100%;
margin-bottom:2px;
display:inline-block;
height:30px;
}

.eventItem{
width:23%;
margin:1%;
padding:0px;
border:;
height:;
border:0px solid green;
overflow:hidden;
}

.eventItemEmpty{
width:23%;
margin:1%;
padding:0px;
border:;
height:;
border:0px solid #1E90FF;
overflow:hidden;
margin-bottom:10px;
min-height:200px;
float:left;
display:block;
}

.eventDateDiv{
width:100%;
margin-bottom:2px;
display:inline-block;
}
.noEventDateDiv{
width:100%;
margin-bottom:2px;
display:inline-block;
height:30px;
}

.mainContainer {
width: 100%;
margin: 0 auto;
}

#principalWelcome {
float:left;
height:250px;
border-right:0px solid #555555;
width:100%
}

#principalWelcome{
width:49%;
margin-top:0px;
float:left;
height:250px;
}

#loginDiv {
width:49%;
margin-top:0px;
float:right;
height:250px;
}

#leftBar{
width:0%;
}

#centerContainer{
width:80%;
}

#rightBar{
width:calc( 19% - 10px );
margin-left:1%;
min-height:200px;
padding:5px;
}


#phoneInfoDiv{
width:48%;
float:left;
margin-left:1%;
border-bottom:2px solid #8e2525;
border-right:2px solid #8e2525;
border-left:2px solid #8e2525;
}

#emailInfoDiv{
width:48%;
float:right;
margin-right:1%;
border-left:2px solid #8e2525;
border-right:2px solid #8e2525;
border-bottom:2px solid #8e2525;
}



/*    Begin dashboard style   */
#dashboardLeftBar{
border:1px solid #cccccc;
border-right:0px solid #cccccc;
width:calc(20% - 11px);
height:350px;
overflow:auto;
border-radius:10px;
}

#dashboardCenterContainer{
width:calc(58% - 10px);
margin:0% 1%;
padding-top:;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-radius:10px;
min-height:350px;
vertical-align:middle;
}

#dashboardCenterContainer > #dashboardInfoDiv{
vertical-align:middle;
}

#dashboardRightBar{
width:calc(20% - 10px);
border-right:0px solid #cccccc;
border-bottom:1px solid #cccccc;
height:350px;
overflow:auto;
border-radius:10px;
}

#dashboardBottomDiv{

}

/*  End dashboard style */


#photoDisplay{
width:70%;
}

#videoDisplay{
width:70%;
}


}