@CHARSET "UTF-8";
.ULMer
{
	list-style:none;
	width:115%;
}
.ULMer li
{
	padding:10px;
	float:left;
	width:353px;
	margin-bottom:30px;
}
/**
 * CSS Reset
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	background: transparent;
}
#SearchSelect
{
	width:200px;
}
#FooterBtnUl
{
	list-style:none;
}

#FooterBtnUl li
{
	float:left;
	padding:10px;
	padding-left:0px;
}
#FooterBtn
{
	width:100px;
	height:30px;
	background-color:#06F;
	color:#fff;
	border:none;
	cursor:pointer;
}
#FooterBtn:hover
{
	background-color:#09F;
	color:#000;
}
#SearchTabTitle
{
	float:left; width:103%; height:auto;
	margin-bottom:40px;
}
.SearchUl
{
	list-style:none;
	margin:0px;
	padding:0px;
}
.SearchUl li
{ 
	float:left;
	width:100%;
	height:33px;
	border:solid 1px #CCCCCC;
	border-top:none;
	border-right:none;
	padding-top:10px;
}
.SearchUl2
{
	list-style:none;
	margin:0px;
	padding:0px;
}
.SearchUl2 li
{ 
	float:left;
	width:100%;
	height:33px;
	border:solid 1px #CCCCCC;
	border-top:none;
	border-right:none;
	border-left:none;
	padding-top:10px;
}
.SearchSNo
{
	float:left; background-color:#999;  text-align:center; height:27px; padding-top:10px;
	color:#fff;
	width:99px;
	border-right:solid 1px #FFFFFF;
}
.SearchSNoList
{
	float:left; text-align:center; height:auto;
	width:99px;
	/*border-right:solid 1px #ccc;*/
}
.SearchSNoAdmin
{
	float:left; background-color:#999;  text-align:center; height:27px; padding-top:10px;
	color:#fff;
	width:99px;
	border-right:solid 1px #FFFFFF;
}
.SearchSNoListAdmin
{
	float:left; text-align:center; height:auto;
	width:99px;
	border-right:solid 1px #ccc;
}
.SearchCNIC
{
	color:#fff;border-right:solid 1px #FFFFFF;
	float:left; background-color:#999; width:266px; text-align:center; height:27px; padding-top:10px;
}
.SearchCNICAdmin
{
	color:#fff;border-right:solid 1px #FFFFFF;
	float:left; background-color:#999; width:199px; text-align:center; height:27px; padding-top:10px;
}
.SearchCNICList
{
	border-right:solid 1px #ccc;
	border-left:solid 1px #ccc;
	float:left;  width:266px; text-align:center; height:auto;
}
.SearchCNICListAdmin
{
	border-right:solid 1px #ccc;
	float:left;  width:199px; text-align:center; height:auto;
}
.SearchNameList
{
	border-right:solid 1px #ccc;
	float:left;  width:266px; text-align:center; height:auto;
}
.SearchNameListAdmin
{
	border-right:solid 1px #ccc;
	float:left;  width:199px; text-align:center; height:auto;
}
.SearchFNameList
{
	border-right:solid 1px #ccc;
	float:left;  width:199px; text-align:center; height:auto;
}
.SearchFNameListAdmin
{
	border-right:solid 1px #ccc;
	float:left;  width:199px; text-align:center; height:auto;
}
.SearchName
{
	color:#fff;border-right:solid 1px #FFFFFF;
	float:left; background-color:#999; width:266px; text-align:center; height:27px; padding-top:10px;
}
.SearchDeptList
{
	border-right:solid 1px #ccc;
	float:left;  width:190px; text-align:center; height:auto;
}
.SearchDept
{
	color:#fff;border-right:solid 1px #FFFFFF;
	float:left; background-color:#999; width:190px; text-align:center; height:27px; padding-top:10px;
}
.SearchPercentageList
{
	border-right:solid 1px #ccc;
	float:left;  width:181px; text-align:center; height:auto;
}
.SearchPercentageListAdmin
{
	border-right:solid 1px #ccc;
	float:left;  width:153px; text-align:center; height:auto;
}

.SearchPercentage
{
	color:#fff;border-right:none;
	float:left; background-color:#999; width:183px; text-align:center; height:27px; padding-top:10px;
}

.SearchPercentageAdmin
{
	color:#fff;border-right:none;
	float:left; background-color:#999; width:154px; text-align:center; height:27px; padding-top:10px;
}

.SearchNameAdmin
{
	color:#fff;border-right:solid 1px #FFFFFF;
	float:left; background-color:#999; width:199px; text-align:center; height:27px; padding-top:10px;
}
.SearchDeptListAdmin
{
	border-right:solid 1px #ccc;
	float:left;  width:153px; text-align:center; height:auto;
}
.SearchDeptAdmin
{
	color:#fff;border-right:solid 1px #FFFFFF;
	float:left; background-color:#999; width:153px; text-align:center; height:27px; padding-top:10px;
}
.SearchPercentageListAdmin
{
	border-right:solid 1px #ccc;
	float:left;  width:153px; text-align:center; height:auto;
}

.MeritListHeading
{
	font-size:20px; text-align:center; width:1008px; height:30px; float:left;
	padding-top:6px;
	background-color:#09C;
	margin-top:-20px;
}
.MeritListHeadingTelecom
{
	font-size:20px; text-align:center; width:1008px; height:30px; float:left;
	padding-top:6px;
	background-color:#09C;
	margin-top:-20px;
	color:#000 !important;
}
.SearchFName
{
	color:#fff;
	float:left; background-color:#999; width:200px; text-align:center; height:27px; padding-top:10px;
}
#tabbar
{
	float:left; height:60px; width:100%; margin-top:70px;
	text-align:center;
}
#tabbar ul
{
	list-style:none;
	margin-left:310px;
}
#tabbar ul li
{
	float:left;
	padding:10px;
}
.updateEdit
{
	float:right;
	border:none;
}
#TabbarInput
{
	border:solid 1px #CCCCCC;
	width:220px;
	background-image:url(../Administrator/images/search_bg.gif);
	cursor:pointer;
	text-indent:5px;
}
.updateTitle
{
	float:left; height:27px; width:192px; background-color:#dedede; text-align:center; padding-top:13px;
	margin-top:5px;
}
.updatInput
{
	border: 1px solid rgb(204, 204, 204);
width: 18.7%;
font-size: 12px;
line-height: 1em;
padding: 4px;
box-shadow: 0px 0px 5px rgb(204, 204, 204) inset;
height: 15px;
width:140px;
margin-top:-5px;
}

.updatSelect
{
	border: 1px solid rgb(204, 204, 204);
width: 18.7%;
font-size: 12px;
line-height: 1em;
padding: 4px;
box-shadow: 0px 0px 5px rgb(204, 204, 204) inset;
height: 25px;
width:150px;
margin-top:-5px;
}


blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

del {
	text-decoration: line-through;
}

/**
 * Element/tags
 */
html {
	overflow-y: scroll;
}

body {
	font-size: 100%;
	line-height: 1.4;
	font: 13px/1.231 arial,helvetica,clean,sans-serif;
	background-color: rgb(255, 255, 255);
	margin: 0;
	padding: 0;
	color: #46423c;
}

#container
{
	margin: 0 auto;
	width:980px;
	height:auto;
	padding-top:50px;
}
#header
{
	width:100%;
	height:140px;
	margin:auto;
}
h1
{
	font-size:45px; margin-top:0px; color:#594c4c;
}
#logo_image
{
	float:left;
	width:25%;
	height:10px;;
}
#logo_text
{
	float:left;
	width:60%;
	height:100px;
	padding-top:40px;
}
#top_menu
{
	width:940px;
	height:auto;
	margin:auto;
	margin-bottom:5px;
	background: #efefef; 
		background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
		background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
		background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
		padding: 0 20px;
		border-radius: 10px;  
		list-style: none;
		position: relative;
		display: inline-table;
}
#content_container
{
	width:100%;
	height:auto;
	margin:auto;
	margin-bottom:5px;
}
#sliderimage
{
	width:100%; height:300px; background-color:#999;
}

#my_uet
{
	width:100%; height:auto; margin-top:15px; float:left; margin-bottom:15px;
}
#my_uet ul
{
	width:400px;
	height:180px;
	border:solid 1px #ccc;
	list-style:none;
	margin:auto;
	padding:5px;
}
#my_uet ul li
{
	float:left;
	width:50%;
	height:25px;
	padding-top:5px;
	padding-bottom:5px;
}
#my_uet ul li a
{
	text-decoration:none;
	color:#FFF;
}
#my_uet ul li a:hover
{
	color:#FC3;
}
#my_uet ul li input[type="text"],input[type="password"]
{
	width:180px;
	height:20px;
}
#my_uet ul li input[type="submit"]
{
	width:60px;
	height:28px;
	cursor:pointer;
	border:none;
}
#my_uet ul li input[type="submit"]:hover
{
	background-color:#333;
	color:#fff;
}
#footer
{
	width:100%;
	height:40px;
	border-top: solid 1px #CCCCCC;
	margin:auto;
	margin-bottom:5px;
	float:left;
	text-align:center;
	padding-top:10px;
}
#footer a
{
	text-decoration:none;
	color:#594c4c;
}

/**
 * Navigation
 */
 
#navigation {
	
	
	
}
/* MENU */
#menu { margin-top:50px; }
#menu p {  color:#333333; line-height:18px; margin:15px auto; width:800px; }
#menu p a { color:#0088CC; text-decoration:none; }
#menu p a:hover { text-decoration:underline; }



/* APPLE STYLE NAVIGATION MENU */
#appleNav { margin:0px 0; list-style:none;

    /* Lucinda Grande is the font used on the website from Apple. */
     letter-spacing:-0.5px; font-size:13px;
    
    /* Apply a subtle text-shadow to the text */
    text-shadow: 0 -1px 3px #202020;

    /* We want to add the shadow to the complete navigation menu. In order to do that, we'll need to set
    the correct width and height, and also the correct borders, in order to create the perfect drop shadow */
    width:980px; height:34px;
    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    
    -moz-box-shadow: 0px 3px 3px #cecece;
    -webkit-box-shadow: 0px 3px 3px #cecece;
    box-shadow: 0 3px 4px #8b8b8b;
}

#appleNav li { display:block; float:left; border-right:1px solid #5d5d5d; border-left:1px solid #929292; width:20%; height:34px; border-bottom:1px solid #575757; border-top:1px solid #797979;

    /* Gradient backgrounds for the buttons. Generated using http://gradients.glrzad.com/ */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));
    background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%);
    background-color:#5f5f5f; /* Fallback */
}

/* Set the states when hovering, except for the last item in the list (the search bar), since it doesn't need to change */
#appleNav li:hover {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555));
    background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% );
    background-color:#383838; /* Fallback */
    
    /* We use the inset of the box shadow to create a subtle inner glow when hovering */
    -moz-box-shadow: inset 0 0 5px 5px #535353;
    -webkit-box-shadow: inset 0 0 5px 5px #535353;
    box-shadow: inset 0 0 5px 5px #535353;
}
/* When the user clicks the button, we simply change the box inset (compared to the "hover") */
#appleNav li:active {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555));
    background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% );
    background-color:#383838; /* Fallback */
    
    -moz-box-shadow: inset 0 1px 2px 2px #000;
    -webkit-box-shadow: inset 0 1px 2px 2px #000;
    box-shadow: inset 0 1px 2px 2px #000;
}

#appleNav li a { color:white; text-decoration:none; text-align:center; display:block; line-height:34px; outline:none; }

/* Styling of the search field */
#appleNav form input { width:76px; height:20px; margin-left:9px; margin-top:8px; border:none; padding-left:20px; padding-right:10px; color:#eee;

    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;

    /* We use the CSS3 multiple backgrounds for the input field: The magnifier image and the gradient background */    
    background-image: url("../images/magnifier.png"), -webkit-gradient(linear, left bottom, left top, color-stop(0, #747474), color-stop(0.5, #6E6E6E), color-stop(0.51, #7E7E7E), color-stop(1, #8D8D8D));
    background-image: url("../images/magnifier.png"), -moz-linear-gradient(center bottom, #747474 0%, #6E6E6E 50%, #7E7E7E 51%, #8D8D8D 100%);
    background-repeat: no-repeat;
    
    background-color:#6E6E6E; /* Fallback */
    
    -moz-box-shadow: inset 0 2px 1px 1px #363636;
    -webkit-box-shadow: inset 0 2px 1px 1px #363636;
    box-shadow: inset 0 2px 1px 1px #363636;
}

/* Rounded corner for the first in last item. Shorthand: Top left, Top right, Bottom right, Bottom left.
We also remove the borders, since they don't need them. */
#appleNav li:first-child {
    -moz-border-radius:4px 0 0 4px;
    -webkit-border-radius:4px 0 0 4px;
    border-radius:4px 0 0 4px;
    width:29.7%;
    border-left:none;
}

/* The first child image - the logo - has to be centered. Because of the image dimensions, we manually need to shift it a bit. */
#appleNav li:first-child a img {
   vertical-align:middle; margin-top:5px;
}

#appleNav li:last-child {
    -moz-border-radius:0 4px 4px 0;
    -webkit-border-radius:0 4px 4px 0;
    border-radius:0 4px 4px 0;
    
    border-right:none;
    
    /* The width of the last menu item (search bar) is bigger than the others */
    width:29.69%;
}

/* Fade in animation (Webkit only) */
@-webkit-keyframes showMenu {
    from { opacity: 0; top:-20px; }
    to   { opacity: 1; }
}

#appleNav {
     -webkit-animation: showMenu 1s; position:relative;
}

/*Menu Start*/

nav ul ul 
	{
		display: none;
	}

	nav ul li:hover > ul 
	{
		display: block;
	}
	nav ul 
	{
		background: #efefef; 
		background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
		background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
		background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
		
		padding: 0 20px;
		border-radius: 10px;  
		list-style: none;
		
		display: inline-table;
	}
	nav ul:after 
	{
		content: ""; clear: both; display: block;
	}
	nav ul li 
	{
		float: left;
	}
	nav ul li:hover 
	{
		background: #4b545f;
		background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
	}
	nav ul li:hover a 
	{
		color: #fac42a;
	}
	
	nav ul li a 
	{
		display: block; padding: 15px 30px;
		color: #757575; text-decoration: none;
	}
	nav ul ul 
	{
		background: #5f6975; border-radius: 0px; padding: 0;
		position: absolute; top: 100%;
		z-index:111;
	}
	nav ul ul li 
	{
		float: none; 
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;
		position: relative;
	}
	nav ul ul li a 
	{
		padding: 10px 30px;
		color: #fff;
	}	
	nav ul ul li a:hover 
	{
		background: #4b545f;
	}
	nav ul ul ul
	{
		position: absolute; left: 100%; top:0;
	}

/*Menu End*/
.News {
    height: 30px;
    font-size: 18px;
    padding: 8px 10px 0px;
    border-radius:15px;
    box-shadow: 1px 1px 2px 0px rgb(153, 153, 153);
	color: rgb(255, 255, 255);
	background-color:#fac42a;
	padding-top:8px;
	color:#594c4c;
	float:left;
	width:960px;
}
.News_ul
{
	margin-left:30px;
	margin-top:-10px;
	padding:0px;
}
.active_menu
{
	background-color:#333;
	
}
.active_menu a
{
	color:#FC0;
}
#Stats {
    height: 53px;
    font-size: 30px;
    padding: 8px 10px 0px;
    border-radius:15px;
    box-shadow: 1px 1px 2px 0px rgb(153, 153, 153);
	color: rgb(255, 255, 255);
	background-color:#ccc;
	padding-top:17px;
	color:#fff;
	float:left;
	width:960px;
	margin-bottom:5px;
}

#UETTaxila {
    height: 53px;
    font-size: 30px;
    padding: 8px 10px 0px;
    border-radius:15px;
    box-shadow: 1px 1px 2px 0px rgb(153, 153, 153);
	color: rgb(255, 255, 255);
	background-color:#ccc;
	padding-top:17px;
	color:#fff;
	float:left;
	width:960px;
	margin-bottom:5px;
}
#UETTaxila_Chakwal {
    height: 53px;
    font-size: 30px;
    padding: 8px 10px 0px;
    border-radius:15px;
    box-shadow: 1px 1px 2px 0px rgb(153, 153, 153);
	color: rgb(255, 255, 255);
	background-color:#ccc;
	padding-top:17px;
	color:#fff;
	float:left;
	width:960px;
	margin-bottom:5px;
	margin-top:5px;
}

#Electrical {
    height: 30px;
    font-size: 18px;
    padding: 8px 10px 0px;
    border-radius:15px;
    box-shadow: 1px 1px 2px 0px rgb(153, 153, 153);
	color: rgb(255, 255, 255);
	background-color:#FF0000;
	padding-top:8px;
	color:#fff;
	float:left;
	width:960px;
}
#Mechnical {
    height: 30px;
    font-size: 18px;
    padding: 8px 10px 0px;
    border-radius:15px;
    box-shadow: 1px 1px 2px 0px rgb(153, 153, 153);
	color: rgb(255, 255, 255);
	background-color:#6698FF;
	padding-top:8px;
	color:#fff;
	float:left;
	width:960px;
}
#Civil {
    height: 30px;
    font-size: 18px;
    padding: 8px 10px 0px;
    border-radius:15px;
    box-shadow: 1px 1px 2px 0px rgb(153, 153, 153);
	color: rgb(255, 255, 255);
	background-color:FFFF00;
	padding-top:8px;
	color:#fff;
	float:left;
	width:960px;
}
#Computer {
    height: 30px;
    font-size: 18px;
    padding: 8px 10px 0px;
    border-radius:15px;
    box-shadow: 1px 1px 2px 0px rgb(153, 153, 153);
	color: rgb(255, 255, 255);
	background-color:#C08080;
	padding-top:8px;
	color:#fff;
	float:left;
	width:960px;
}
#ComputerSc {
    height: 30px;
    font-size: 18px;
    padding: 8px 10px 0px;
    border-radius:15px;
    box-shadow: 1px 1px 2px 0px rgb(153, 153, 153);
	color: rgb(255, 255, 255);
	background-color:#888888;
	padding-top:8px;
	color:#fff;
	float:left;
	width:960px;
}
#Telecom {
    height: 30px;
    font-size: 18px;
    padding: 8px 10px 0px;
    border-radius:15px;
    box-shadow: 1px 1px 2px 0px rgb(153, 153, 153);
	color: rgb(255, 255, 255);
	background-color:#FBFBFB;
	padding-top:8px;
	color:#000;
	float:left;
	width:960px;
}
#Software {
    height: 30px;
    font-size: 18px;
    padding: 8px 10px 0px;
    border-radius:15px;
    box-shadow: 1px 1px 2px 0px rgb(153, 153, 153);
	color: rgb(255, 255, 255);
	background-color:#FFA500;
	padding-top:8px;
	color:#fff;
	float:left;
	width:960px;
}
#Industrial {
    height: 30px;
    font-size: 18px;
    padding: 8px 10px 0px;
    border-radius:15px;
    box-shadow: 1px 1px 2px 0px rgb(153, 153, 153);
	color: rgb(255, 255, 255);
	background-color:#000080;
	padding-top:8px;
	color:#fff;
	float:left;
	width:960px;
}
#Environmental {
    height: 30px;
    font-size: 18px;
    padding: 8px 10px 0px;
    border-radius:15px;
    box-shadow: 1px 1px 2px 0px rgb(153, 153, 153);
	color: rgb(255, 255, 255);
	background-color:#A52A2A;
	padding-top:8px;
	color:#fff;
	float:left;
	width:960px;
}
#Electronics {
    height: 30px;
    font-size: 18px;
    padding: 8px 10px 0px;
    border-radius:15px;
    box-shadow: 1px 1px 2px 0px rgb(153, 153, 153);
	color: rgb(255, 255, 255);
	background-color:#008000;
	padding-top:8px;
	color:#fff;
	float:left;
	width:960px;
}
#Electronics_Chakwal {
    height: 30px;
    font-size: 18px;
    padding: 8px 10px 0px;
    border-radius:15px;
    box-shadow: 1px 1px 2px 0px rgb(153, 153, 153);
	color: rgb(255, 255, 255);
	background-color:#008000;
	padding-top:8px;
	color:#fff;
	float:left;
	width:960px;
}
#Mechatronics_Chakwal {
    height: 30px;
    font-size: 18px;
    padding: 8px 10px 0px;
    border-radius:15px;
    box-shadow: 1px 1px 2px 0px rgb(153, 153, 153);
	color: rgb(255, 255, 255);
	background-color:#C2DFFF;
	padding-top:8px;
	color:#fff;
	float:left;
	width:960px;
}
/*Registration FOrm CSS*/
.RegisterSr
{
	width:99.8%; height:auto;
	float:left;
}
.h2
{
	text-align:center;
	font-size:20px;
	font-weight:normal;
	margin-bottom:5PX;
}
.RegisterName
{
	width:30%;
	float:left;
}
.RegisterNameInfo
{
	width:70%;
	float:left;
	height:50px;
}
.Regusterul
{
	list-style:none;
}
.Regusterul li
{
	float:left;
}
.Regusterul li input[type="text"]
{
	width:44.5px;
	border:solid 1px #000000;
	text-indent:15px;
	border-right:none;
}
.Regusterul2
{
	list-style:none;
}
.Regusterul2 li
{
	float:left;
}
.Regusterul2 li input[type="text"]
{
	width:44.5px;
	border:solid 1px #000000;
	text-indent:15px;
	border-right:none;
	border-top:none;
}
.RegisterPic
{
	float:left; width:20%; height:200px; background-color:#ccc;
}
.RegisterPerInfo
{
	float:left; width:80%; height:200px;
}
.RegisterSrNo
{
	float:left; height:20px; width:auto;
}
.RegisterFORM
{
	float:right; height:20px; width:auto;
}
.Exam
{
	float:left; width:25%; height:30px; text-align:center; border-right:solid 1px #000000; padding-top:10px; color:#000
}
.Exam2
{
	float:left; width:25%; height:30px; text-align:center; border-right:solid 1px #000000; padding-top:10px; color:#000;
	border-left:none; border-left:solid 1px none; width:25.1%; border-top: solid 1px #000000; border-bottom:solid 1px #000;
}

.year
{
	float:left; width:9%; height:35px; text-align:center; border-right:solid 1px #000000; padding-top:5px; color:#000;
}
.year2
{
		float:left; width:9%; height:35px; text-align:center; border-right:solid 1px #000000; padding-top:5px; color:#000;
	border-bottom:solid 1px #000; border-top:solid 1px #000;
}
.RegisterinfoUl
{
	list-style:none;
}
.RegisterinfoUl li
{
	float:left;
	padding:10px;
	border-right:solid 1px #000000;
	height:30px;
	text-align:center;
	font-weight:bold;
	font-size:12px;
}
.RegisterinfoUl2
{
	list-style:none;
}
.RegisterinfoUl2 li
{
	float:left;
	padding:10px;
	border-right:solid 1px #000000;
	height:12px;
	text-align:center;
	overflow:hidden;
	font-size:12px;
	border-top:solid 1px #000000;
	overflow:hidden;
	padding-top:8px;
}
.RegisterinfoUl3
{
	list-style:none;
}
.RegisterinfoUl3 li
{
	float:left;
	padding:10px;
	border-right:solid 1px #000000;
	height:30px;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
	width:8.5%;
}
.RegisterinfoUl4
{
	list-style:none;
}
.RegisterinfoUl4 li
{
	float:left;
	padding:10px;
	border-right:solid 1px #000000;
	height:12px;
	text-align:center;
	overflow:hidden;
	font-size:12px;
	border-top:none;
	border-bottom:solid 1px #000000;
	width:8.5%;
	padding-top:8px;
}
.Signature
{
float: right; margin-top: 50px; margin-bottom: 5px;
text-decoration:underline;
}

.button
{        
	display: inline-block;
	white-space: nowrap;
	background-color: #ccc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background-image: -webkit-linear-gradient(top, #eee, #ccc);
	background-image: -moz-linear-gradient(top, #eee, #ccc);
	background-image: -ms-linear-gradient(top, #eee, #ccc);
	background-image: -o-linear-gradient(top, #eee, #ccc);
	background-image: linear-gradient(top, #eee, #ccc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
	border: 1px solid #777;
	padding: 0 1.5em;
	margin: 0.5em;
	font: bold 1em/2em Arial, Helvetica;
	text-decoration: none;
	color: #333;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	border-radius: .2em;
	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}

.button:hover
{
	background-color: #ddd;        
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
	background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
	background-image: -moz-linear-gradient(top, #fafafa, #ddd);
	background-image: -ms-linear-gradient(top, #fafafa, #ddd);
	background-image: -o-linear-gradient(top, #fafafa, #ddd);
	background-image: linear-gradient(top, #fafafa, #ddd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');        
}

.button:active
{
	-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	position: relative;
	top: 1px;
}

.button:focus
{
	outline: 0;
	background: #fafafa;
}    

.button:before
{
	background: #ccc;
	background: rgba(0,0,0,.1);
	float: left;        
	width: 1em;
	text-align: center;
	font-size: 1.5em;
	margin: 0 1em 0 -1em;
	padding: 0 .2em;
	-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-moz-border-radius: .15em 0 0 .15em;
	-webkit-border-radius: .15em 0 0 .15em;
	border-radius: .15em 0 0 .15em;
        pointer-events: none;        
}

/* Hexadecimal entities for the icons */

.add:before
{
	content: "\271A";
	background-color:#0F0;
}

.edit:before
{
	content: "\270E";        
}

.delete:before
{
	content: "\2718"; 
	background-color:#F00     
}

.save:before
{
	content: "\2714";        
}

.email:before
{
	content: "\2709";        
}

.like:before
{
	content: "\2764";        
}

.next:before
{
	content: "\279C";
}

.star:before
{
	content: "\2605";
}

.spark:before
{
	content: "\2737";
}

.play:before
{
	content: "\25B6";
} 

.logout
{
	margin-top:5px; margin-left:50px;
	cursor:pointer;
	opacity:.7;
}
.logout:hover
{

	opacity:1;
}


.myButton {
        
        -moz-box-shadow: -3px 0px 8px -1px #91b8b3;
        -webkit-box-shadow: -3px 0px 8px -1px #91b8b3;
        box-shadow: -3px 0px 8px -1px #91b8b3;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));
        background:-moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
        background:-webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
        background:-o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
        background:-ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
        background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
        
        background-color:#768d87;
        
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;
        
        border:1px solid #566963;
        
        display:inline-block;
        color:#ffffff;
        font-family:Verdana;
        font-size:17px;
        font-weight:bold;
        height:109px;
		width:138px;
		text-align:center;
		line-height:105px;
        text-decoration:none;
        
        text-shadow:0px 0px 0px #2b665e;
        
    }
    .myButton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));
        background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
        background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
        background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
        background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
        background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
        
        background-color:#6c7c7c;
    }
    .myButton:active {
        position:relative;
        top:1px;
    }

/*Button End*/
.AppStatusUl
{
	list-style:none;
	margin-top:16px;
}
.AppStatusUl li
{
	float:left;
	padding:10px;
	padding-left:75px;
}