body   
{
   
}
li
{
	list-style:none;
}
#bodyMain
{
	width:98%;
	margin-left:auto;
	margin-right:auto;
}
#middleTitleBar
{
	margin-top:3px;
	margin-bottom:10px;	
	border-bottom:1px inset #666;
	width:auto;
	height:45px;
	padding-top:8px;
		background: #fff;
	z-index: 100;
	border-radius: 2px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	color: rgb(6, 144, 163);
	font-size: 22px;
	text-align:center;
}
ul
{
	margin:0px;
	padding:0px;
}
/*----------------------------------Title Bar---------------------*/
#topHeader
{
	height:80px;
	width:100%;
	/*border:1px solid #ccc;-*/
	font-family: arial;
	text-align:center;
	color:#fff;
	background: none repeat scroll 0% 0% rgb(62, 107, 150);
}
#logo
{
	height:100%;
	width:20%;
	float:left;
	font-size:22px;	
	font-weight:bold;
	/*border:1px solid #ccc;*/
}
#logo img
{
	height:100%;
	width:60%;
}
#slogan
{
	height:100%;
	width:auto;
	font-size:16px;	
	font-weight:bold;
/*	border:1px solid #ccc;*/
}

#leftMenuBox
{
	clear:both;
	height:auto;
	width:20%;
	/*border:1px solid #ccc;*/
	float:left;
}
#leftMenu
{
    margin: 0px;
	height:auto;
	background: none repeat scroll 0% 0% rgb(62, 107, 150);
    list-style: none outside none;
    margin-bottom:10px;
}


#UserAccount
{
	width:86%;
	margin:auto;
	margin-bottom:20px;
	background: #fff;
border-radius: 6px;
border:1px solid ccc;
	/*background-image:url("../Imgs/icon.jpg");*/
	cursor:pointer;
}


#UserAccount img
{
	width:90%;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:5%;
	cursor:pointer;	
	
}


#leftMenu ul > li 
{
    list-style:none;
  border-top: 1px solid rgb(52, 54, 74);
border-bottom: 1px solid rgb(44, 45, 62);
border-top-color: rgb(69, 119, 165);
    border-bottom-color: rgb(57, 99, 137);
}
#leftMenu li img
{
	float:left;
	margin-right:10px;
	/*margin-top:12px;*width:25px;*/
	height:18px;
	
}
#endMenu ul > li
{
	 border-bottom: 1px solid rgb(52, 54, 74);
}
#leftMenu > ul > li > a {
    position: relative;
    display: block;
    color: rgb(161, 164, 189);
    font-size: 13px;
    
    padding: 13px 10px 13px 13px;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
    transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
    text-decoration: none;
    font-family: 'Open Sans',sans-serif;
    background: none repeat scroll 0% 0% transparent;
    color: rgb(214, 232, 247);
}

#leftMenu li a:hover
	{
		/*background-color:rgba(45,45,45,0.7);*/
	cursor:pointer;
	text-decoration:none;
	color:#fff;
	margin-left: 22px;
	background:#35b8e4;
	}


#footer
{
	padding-top:10px;
	clear:both;
	height:90px;
	margin:auto;
	width:100%;
	color:#fff;
	text-align:center;
	font-family:Verdana;
	font-size:10px;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:20px;
	
	background: none repeat scroll 0% 0% rgb(62, 107, 150);
}
#footer img
{
	width:auto;
	height:auto;
}

.leftspace
{
	padding-left:20px;
}

/*-------------------------------------Comon Items----------------------------------*/
#Dashobard
{
    float:left;
    height:auto;
	margin-left:15%;
	margin-top:20px;
	padding-bottom:20px;
	width:50%;
	border:1px solid #ccc;
	border-radius: 6px 6px 6px 6px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.45);
    text-align:center;
    font-size:70px;
    padding-top:15px;
    color:#3E6B96;
    word-wrap:break-word;
animation:myfirst 20s;
-webkit-animation:myfirst 5s; /* Safari and Chrome */
}

@keyframes myfirst
{
0%   {color:#3E6B96;}
25%  {color:yellow;}
50%  {color:blue;}
100% {color:green;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {color:#3E6B96;}
25%  {color:yellow;}
50%  {color:blue;}
100% {color:green;}
}
#userLogin
{
	height:auto;
	margin:auto;
	margin-top:40px;
	width:370px;

	border:1px solid #ccc;
	border-radius: 6px 6px 6px 6px;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.45);
}

#userLogin
{
	height:auto;
	margin:auto;
	margin-top:200px;
	width:370px;

	border:1px solid #ccc;
	border-radius: 6px 6px 6px 6px;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.45);
}

/*.file_upload1
{	
	margin-top:-19px;
	padding-left:36px;
	padding-top:2px;
	
	height:27px;	
	position:absolute;
	width:135px;
	background-color:rgba(45,45,45,0.6);
border-radius:0px 0px 6px 6px;
}*/
.buttonAdd
{
	color:#fff;
	font-size:15px;
	width:60px;
	text-decoration:none;
	float:right;
	margin-right:10px;
	padding:8px 12px 8px 12px;
	border-radius: 2px ;
	background:#35b8e4;
}	





#lightbox,.lightbox,#lightbox1
	{
		/*padding-left:2px;*/		
		background:#fff;	
	border: 1px solid rgb(204, 204, 204);
border-radius: 6px 6px 6px 6px;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.45);
		
	}
	
	
	
/*	#table,.table
	{
	margin-left:5px;
	margin-right:5px;
	background:#fff;	
	min-width:300px;
	color:#999;
	font-size:17px;
	padding-left:10px;
	padding-right:10px;*/
	
	}
	.title
	{
		font-size:15px;
		height:26px;		
		padding-top:5px;
		margin-bottom:10px;
		margin-left:-12px;		
		margin-right:-10px;
		
		color: rgb(6, 144, 163);
		
	}
	.title1
	{
		font-size:17px;
		font-weight:bold;
		height:26px;
		padding-left:10px;
		padding-top:5px;
		
		border-radius: 6px 6px 0px 0px;
		cursor:move;
		/*color: rgb(6, 144, 163);*/
		color: #fff;
		background: #ffc578; /* Old browsers */
background: -moz-linear-gradient(top,  #ffc578 0%, #fb9d23 44%, #fb9d23 58%, #fb9d23 74%, #fb9d23 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc578), color-stop(44%,#fb9d23), color-stop(58%,#fb9d23), color-stop(74%,#fb9d23), color-stop(100%,#fb9d23)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffc578 0%,#fb9d23 44%,#fb9d23 58%,#fb9d23 74%,#fb9d23 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffc578 0%,#fb9d23 44%,#fb9d23 58%,#fb9d23 74%,#fb9d23 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffc578 0%,#fb9d23 44%,#fb9d23 58%,#fb9d23 74%,#fb9d23 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffc578 0%,#fb9d23 44%,#fb9d23 58%,#fb9d23 74%,#fb9d23 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); /* IE6-9 */

	}
		
	
		
	#formbox{
		font-size:18px;
		color:#666;
		margin-left:15px;
		margin-top:10px;
		
		}		
	.input{
		padding-left:10px;
		margin-left:8px;
		margin-right:10px;
		margin-top:1px;
		margin-bottom:1px;
		height:24px;
		width:220px;
		/*border:1px solid #999;*/	
		border-radius: 4px 4px 4px 4px;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
		border: 1px solid rgb(204, 204, 204);
		font-size:14px;
		color:#0690A3;
		
		}
		.input-half{
		margin-left:10px;
		margin-right:10px;
		margin-top:5px;
		height:25px;
		width:120px;
		padding-left:10px;
		/*border:1px solid #999;*/	
		border-radius: 4px 4px 4px 4px;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
		border: 1px solid rgb(204, 204, 204);
		font-size:14px;
		color:#0690A3;
		
		}
	.subSelect
	{
		height:30px;
		width:80%;
		min-width:100px;
		/*border:1px solid #999;*/	
		border-radius: 4px 4px 4px 4px;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
		border: 1px solid rgb(204, 204, 204);
		font-size:14px;
		margin-top:10px;
		margin-bottom:10px;
		color:#0690A3;
	}
	.subSelect-Small
	{
		height:30px;
		width:18%;
		/*min-width:100px;
		border:1px solid #999;*/	
		border-radius: 4px 4px 4px 4px;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
		border: 1px solid rgb(204, 204, 204);
		font-size:14px;
		margin-top:10px;
		margin-bottom:10px;
		color:#0690A3;
	}	
	.subSelect-PopupSmall
	{
		height:30px;
		width:21%;
		/*min-width:100px;
		border:1px solid #999;*/	
		border-radius: 4px 4px 4px 4px;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
		border: 1px solid rgb(204, 204, 204);
		font-size:14px;
		margin-top:2px;
		margin-bottom:2px;
		color:#0690A3;
	}	
	.txtArea
	{
		margin-left:10px;
		height:80px;
		width:220px;
		/*border:1px solid #999;*/	
		border-radius: 4px 4px 4px 4px;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
		border: 1px solid rgb(204, 204, 204);
		font-size:14px;
		color:#0690A3;
	}	

.radioButton
{
    float:left;
}
	.txtDescription
	{
		margin-left:10px;
		height:180px;
		width:550px;
		/*border:1px solid #999;*/	
		border-radius: 4px 4px 4px 4px;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
		border: 1px solid rgb(204, 204, 204);
		font-size:14px;
		color:#0690A3;
		
	}
	.txtHeadding{
		margin-left:10px;
		margin-right:10px;
		margin-bottom:10px;
		height:25px;
		width:95%;
		/*border:1px solid #999;*/	
		border-radius: 4px 4px 4px 4px;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
		border: 1px solid rgb(204, 204, 204);
		font-size:14px;
		color:#0690A3;
		
		}
		.buttonOk{
		height:26px;
		width:70px;
		color:#fff;
		margin-top:10px;
		margin-bottom:10px;	
		
		font-size:13px;
		padding-bottom:2px;
		cursor:pointer;	
		border:0px;
		border-radius: 5px;
		background: none repeat scroll 0% 0% rgb(102, 178, 250);
	}
	
	.btnOkClass
		{
		height:auto;
		width:15%;
		margin:auto;
		
		}
	.OkButton
	{
		
		color:#fff;		
		margin-left:38%;		
		padding:7px 14px;
		font-size:13px;
		cursor:pointer;	
		border:0px;
		border-radius: 4px;
		background:#35b8e4;
        margin-bottom: 10px;
	}
	
	

	
	.buttonCancel{
		height:26px;
		width:70px;
		color:#fff;
		margin-top:10px;
		margin-left:10px;
		margin-bottom:10px;
		padding-bottom:2px;
		font-size:13px;
		cursor:pointer;	
		border:0px;
		border-radius: 5px;
		background:#35b8e4;
	}
		
		.modalBackground 
	{
		 background-color:Gray;filter:alpha(opacity=70);opacity:0.7; 
	}
.txtDescriptionSmall
	{
		margin-left:10px;
		height:60px;
		width:220px;
		max-width:220px;
		/*border:1px solid #999;*/	
		border-radius: 4px 4px 4px 4px;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
		border: 1px solid rgb(204, 204, 204);
		font-size:14px;
		color:#0690A3;
		
	}
	
#centerContent
{
	height:auto;	
	width:79%;
	position: relative;
/*	border: 1px solid rgb(204, 204, 204);
border-radius: 6px 6px 6px 6px;color:#3e6b96;
	font-size:19px;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.45);*/
	float:right;
	margin-bottom: 10px;
	
}
	
	
#searchBox
{
	margin-top:3px;
	margin-bottom:10px;	
	border:1px solid #ccc;
	width:auto;
	height:auto;
	padding-top:8px;
	padding-bottom:12px;
	padding-left:15px;
		background: #fff;
	z-index: 100;
	
	color: rgb(6, 144, 163);
	font-size: 17px;
	
}

.searchButton
{
	
	color:#fff;
	font-size:14px;
	height:auto;
	margin-right:10px;
	text-decoration:none;
	float:right;
	padding:8px 12px 8px 12px;
	border-radius: 2px ;
	border:none;
	cursor:pointer;
	background:#35b8e4;
	margin-top: 8px;
}

.AjaxUserSearch
{
	
	font-size:17px;
	height:auto;
	width:70%;
	margin-left:2%;
	color: rgb(6, 144, 163);
	font-weight:normal;
	margin-top:10px;
	padding:4px 8px 4px 8px;
	border:1px solid #ccc;
}



.completionListElement
{ 
    visibility : hidden;
    margin : 0px! important;
    background-color : inherit;
    color : black;
    border : solid 1px #ccc;
    cursor : pointer;
    text-align : left;
    list-style-type : none;
    font-family : Verdana;
    font-size: 14px;
    color: rgb(6, 144, 163);
    padding : 0px;
  
    
}
.listItem
{
    background-color: white;
     border-bottom : solid 1px #ccc;
    padding : 5px;
    
}     

.highlightedListItem
{
    background-color: #0f84ce;
    color:#fff;
    padding : 5px;
}

.gridListView
{
	height:auto;
	width:96%;
	margin:auto;
	
}

.gridListView td
{
	 border-bottom:1px solid #ccc;
	 color:#666;
	 font-size:17px;
}

.gridHead td
{
	padding:3px 10px 3px 10px;
	color:#fff;
	background: none repeat scroll 0% 0% #F18A2B;
	border:1px solid #F18A2B;
	font-weight:bold;
}
/*.gridHead th
{
	padding:3px 10px 3px 10px;
	color:#fff;
	background: none repeat scroll 0% 0% #F18A2B;
	border:1px solid #F18A2B;
	font-weight:bold;
}*/
#Pagination
{
    clear:both;
    padding-top:20px;
    float:none;
    width:99%;
   text-align:center;
}

#lvDataPager a
{
     margin-top:30px;
    font-size:11px;
		margin-right:5px;
		cursor: pointer;
		padding:10px 12px;
		height: 25px;
		color:#fff;
		line-height: 25px;
border:1px solid #999494;
border-radius:3px;
	
	text-decoration:none;
		font-weight:bold;
		background: #ccc;
		overflow: hidden;
		position: relative;
		text-shadow: 1px 1px 3px #000;
		background: none repeat scroll 0% 0% rgb(62, 107, 150);
	
}


#lvDataPager a:hover, #lvDataPager span 
{
    background-position: 0% 0%;
    cursor: pointer;
		padding:10px 12px;
		background-image:  -o-linear-gradient(top, #dedede, #909090); 	
    background-color: #CCCCCC;
    background-repeat: repeat;
    background-attachment: scroll;
}	
	#lvDataPager a.active{
		background: #f8f8f8;
	borde:1px solid #e1dede;
		color:#000;
	     text-shadow: 1px 1px 3px #fff;
		 
	
	
	}







.gridLists
{
	height:auto;
	width:90%;
	margin:auto;
	
}




/*#galleryBox
{
	
	margin-top:10px;
	width:33%;
	height:auto;
	float:left;	
	list-style:none;
	
}*/

#galleryBox a,#content1 a
{
	
	text-decoration:none;
	color:#3E6B96;
	
}


/*#galleryBoxImg
{
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.45);
	border-radius: 6px 6px 6px 6px;
	border:1px solid #ccc;
	padding:10px;
	font-family: arial;
	color: rgb(85, 85, 85);
	line-height:20px;
	font-size:14px;
	text-align:justify;
	margin:auto;
	width:90%;
	height:auto;
	margin-bottom:2px;
	}
#galleryBoxImg:hover
{
	box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.65);
}
#galleryBoxImg img
{
	width:100%;
	height:170px;
	}
	
#imgtxthead
{
	margin:auto;
	width:auto;
	height:auto;
	padding:10px;
	
	font-size:16px;	
	font-weight:bold;
	color:#fff;
	background: none repeat scroll 0% 0% rgb(62, 107, 150);
}
#galleryBoxImg p
{
	width:auto;
	height:auto;
	clear:both;
	
}*/
#LinkButtons
{
    width:100%;
	height:20px;
    clear:both;
    border-top:1px solid #ccc;
}
#editDataLinks
{
	width:45%;
	text-align:center;
	float:left;
	clear:both;
}
#deleteDataLinks
{
	width:48%;
	text-align:center;
	float:left;
}
#studentGallery
{
	
	margin-top:10px;
	width:23.5%;
	height:auto;
	float:left;	
	list-style:none;
	margin-left:1%;
	
}
#imgtxthead a
{
	
	color:#fff;
	
}
#studentGallery img
{
	width:100%;
	height:120px;
	}


#content1
{
	width:98%;
	height:auto;
	min-height:280px;
		border-radius: 2px;

	list-style:none;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	margin-left:1.5%;
	border:1px solid #ccc
}
#products
{
	width:48%;
	height:auto;
	min-height:280px;
	border-radius: 2px;
	list-style:none;
	margin-bottom:10px;
	float:left;
	margin-left:1.5%;
	border:1px solid #ccc;
	}
#DepartmentList
{
	width:96%;
	height:auto;
	border-radius: 2px;
	list-style:none;
	margin-bottom:10px;
	margin-left:1.5%;
	border:1px solid #ccc;
	margin-bottom:20px;
	padding-bottom:10px;
	}
#contentImg
{
	width:300px;
	float:right;
	/*height:auto;
	height:170px;*/
	margin-top:10px;
	margin-left:15px;
	margin-right:10px;
	margin-bottom:1px;
		
		border-radius: 6px 6px 6px 6px;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.45);
	border:1px solid #ccc;
	
}
#contentImg img
{
	width:280px;	
	/*height:150px;*/
	border-radius: 6px 6px 6px 6px;
	margin:10px;
		
		
}

#hometext
{
	margin:20px;
	font-size:14px;	
	font-family: arial;
	line-height:20px;
	text-align:justify;
	color: #999;
}
#hometexthead
{
	padding:10px;
	font-size:13px;	
	font-family: arial;
	text-align:justify;
	border-radius: 2px;
	color: #fff;
	margin:2px;	
	background: none repeat scroll 0% 0% rgb(62, 107, 150);
}


#galleryView
{
	
	margin-top:10px;
	width:800px;
	height:auto;
	list-style:none;
	
}

#galleryViewImg
{
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.45);
	border-radius: 6px 6px 6px 6px;
	border:1px solid #ccc;
	padding:10px;
	font-family: arial;
	color: rgb(85, 85, 85);
	line-height:20px;
	font-size:14px;
	text-align:justify;
	margin:auto;
	width:90%;
	height:auto;
	margin-bottom:2px;
	}
#galleryViewImg img
{
	width:100%;
	height:400px;
	}
#LiData a, #editDataLinks a,#deleteDataLinks a
{
	text-decoration:none;
	color: rgb(6, 144, 163);
}






#clientMessage {
width: 98%;
height: auto;
margin-left: 1%;
border: 1px solid #ccc;
border-radius: 3px;
list-style: none;
clear: both;
margin-bottom: 5px;
background: #fff;
}
/*-----------------------------------------------user List---------------------------------------------------*/
/*#ClientList-view
{
	padding:10px;
	margin-top:15px;
	border:1px solid #ccc;
	border-radius: 6px 6px 6px 6px;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.45);
	background:#fff;
	color:#666;
}
.ClientList-view
{
	margin:auto;
}
#LiText
{
	height:auto;
	width:130px;

	
}
#LiData 
{
	height:auto;
	width:350px;
}


#ClientListImg
{
	height:200px;
	width:200px;
	margin-left:auto;
	margin-bottom:5px;
	background: #fff;
z-index: 100;
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
	
	cursor:pointer;
}

#ClientListImg img
{
	height:180px;
	width:90%;	
	margin-top:10px;
	margin-left:5%;
	cursor:pointer;	
}

*/

/*#UploadImg
{	
	margin-top:-19px;
	padding-left:35px;
	padding-top:2px;
	/*display:none;
	height:27px;	
	position:absolute;
	width:115px;
	background-color:rgba(45,45,45,0.6);
	border-radius:0px 0px 6px 6px;
}

#UploadImg a
{
	text-decoration:none;
	color:#fff;
}

#UserAccount1:hover > #UploadImg
{
	display:block;
}
*/