/* CSS Document */
body{margin:0;  background: url('images/background.jpg') top left repeat; font:Verdana; font-family:Verdana !important; font-size:12px;}
#page{margin:0 auto; margin-top: 30px; width: 1024px; background:#fff;}
a{text-decoration:none; color:#F97B88;}
.error{color:red;}

#nav{background: #000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0C5CA', endColorstr='#F97987'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#F0C5CA), to(#F97987)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #F0C5CA,  #F97987); /* for firefox 3.6+ */
display: block;
float: left;
margin: 0 auto;
width: 1024px;
}
#nav ul{list-style:none; margin:0 0 0 20px;}
#nav ul li{float:left; margin-right:35px; font-size: 17px;}
#nav ul li a{color:#FFFFFF; line-height: 38px; padding: 0 10px; display: block;}
#nav ul li a:hover{filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F97987', endColorstr='#F0C5CA'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#F97987), to(#F0C5CA)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #F97987,  #F0C5CA); /* for firefox 3.6+ */}

#main{clear: both;
overflow: hidden;
padding: 40px 0 0 0;}

#content{width: 610px;
padding-left: 20px;
padding-right: 20px;
float: left;
font-size: 14px;}

#main1{clear: both;
overflow: hidden;
padding: 40px 0 0 0;}

#content1{width: 1000px;
height: 400px;          
padding-left: 20px;
padding-right: 20px;
float: left;
font-size: 14px;}

#main2{clear: both;
overflow: hidden;
padding: 40px 0 0 0;}

#content2{width:200px;      
padding-left: 20px;
padding-right: 20px;
float:right;
font-size: 14px;}

#middlebar1{width:150px;
float:left;
padding-left: 20px;
padding-right: 20px;
margin-right: 20px;}
.middle-sidebar{padding: 10px;
border: thin solid #ddd4d4; background: #fdf7f8; margin-bottom:15px;}


#welcome-text,.welcome{ width:570px; border: thin solid #ddd4d4;
padding: 20px;
margin: 0 auto; background: #fdf7f8; margin-bottom:10px;}


#welcome-text h1,.welcome h1{ margin:0;}
#welcome-text p,.welcome p{line-height: 20px; text-align: justify;}
#footer{clear:both; margin-bottom:20px; background: #000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0C5CA', endColorstr='#F97987'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#F0C5CA), to(#F97987)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #F0C5CA,  #F97987); /* for firefox 3.6+ */}
#footer p{ padding:20px;}

#sidebar{width: 350px;
float: right;
margin-right: 20px;}
.right-sidebar{padding: 10px;
border: thin solid #ddd4d4; background: #fdf7f8; margin-bottom:15px;}

#sidebar1{width: 320px;
float:right;
margin-right: 20px;}
.right-sidebar{padding: 10px;
border: thin solid #ddd4d4; background: #fdf7f8; margin-bottom:15px;}

.right-sidebar h3{margin:0 0 10px 5px;}

tr{height:40px;}
th{text-align:left;}
.txt_login{width:250px; height:25px; padding-left:5px;}
.age{width:85px; height:25px;}

#welcome-text h2{margin-top:0px;}

.txt_contact{width:250px; height:25px; padding-left:5px;}
/* nav */
.nav {
	position: relative;
	margin: 20px 0;
}
.nav ul {
	margin: 0;
	padding: 0;
}
.nav li {
	margin: 0 5px 10px 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	padding: 1px;
}
.nav a {
	padding: 3px 12px;
	text-decoration: none;
	color: #999;
	line-height: 100%;
}
.nav a:hover {
	color: #000;
}

#slider{clear: both;
margin: 20px;
float: left;
border: thin solid #ddd4d4;
background: #fdf7f8;
width: 985px;}

#slider h3{margin: 10px 0 0 20px;}

h3{margin:0 0 20px 0;}

#btn_login,#btn_search,#btn_submit,#btn_send,#btn_save{width: 100px;
height: 30px;
border: 1px solid rgb(192, 84, 80);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0C5CA', endColorstr='#F97987'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#F0C5CA), to(#F97987)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #F0C5CA,  #F97987); /* for firefox 3.6+ */
cursor: pointer;}

#btn_login:hover,#btn_search:hover,#btn_submit:hover,#btn_send:hover,#btn_save:hover{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F97987', endColorstr='#F0C5CA'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#F97987), to(#F0C5CA)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #F97987,  #F0C5CA); /* for firefox 3.6+ */
	
}

.tbl_reg th{width:45%}
.tbl_reg input[type="text"],.tbl_reg input[type="password"],.tbl_reg input[type="email"],.tbl_reg input[type="date"]{width: 250px; height: 25px; padding-left: 5px;}
.slider{margin-top:20px;}

#profile_search{float: left;  margin-right: 20px; margin-bottom:15px;}

/*User*/
#content.user{width:770px !important;}
#sidebar.user{width:185px !important;}
#profile_pic img{border:4px inset pink;}
.profile_pic_search img{border:2px inset;}

.members{float: left;
margin-right: 20px;
margin-bottom: 15px;}

.members1{float: left;
height:500px;          
margin-right: 20px;
margin-bottom: 15px;}

#welcome-text img{border:2px inset pink;}

.user-profile{width:750px !important;}
.user-fullwidth{width:940px !important;}
.content-fullwidth{width:980px !important;}

@media only screen and (min-width: 768px) and (max-width: 959px) {
#page{width:704px; margin-top:25px;}
#logo img{ width:704px !important;}
#nav{width:704px;}
#content{width:660px; }
#sidebar{margin-left: 20px;
margin-top: 15px;
float: left;
width: 660px;}
#slider{ width:660px;}
}

@media only screen and (max-width: 767px) {
body{font-size:12px;}
#page{width:280px; margin-top:25px;}
#logo img{ width:280px !important;}
#nav{width:280px;}
#content{width:240px; }
#welcome-text,.welcome{padding:10px; width:220px}
#content h1{ font-family:Verdana;font-size:14px;}
#content p{ font-family:Verdana; font-size:12px;}

#sidebar{margin-left: 20px;
margin-top: 15px;
float: left;
width: 240px;}
#slider{ width:240px;}

h3{font-size:12px; margin: 0 0 15px 0;}
.tbl_reg th {
font-weight: normal;
font-size: 12px;
}
.tbl_reg input[type="text"], .tbl_reg input[type="password"], .tbl_reg input[type="email"], .tbl_reg input[type="date"] {
width: 125px;
height: 20px;

}
.txt_login {
width: 200px;
height: 20px;
padding-left: 5px;
}
.txt_contact{width:125px; height:20px; padding-left:5px;}
.age {
width: 48px;
height: 20px;
}
#contact_tbl textarea{width:150px;}
#btn_login, #btn_search, #btn_submit,#btn_send {
width: 85px;
height: 25px;}
.nav {
		position: relative;
		min-height: 40px;
	}	
	.nav ul {
		width: 180px;
		/*padding: 5px 0;*/
		position: absolute;
		top: 0;
		left: 0;
		/*border: solid 1px #aaa;*/
		background: #F0C5CA url(images/icon-menu.png) no-repeat 10px 14px;
		/*border-radius: 5px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);*/
	}
	.nav li {
		display: none; /* hide all <li> items */
		margin: 0;
		margin-left: 20px;
	}
	.nav .current {
		display: block; /* show only current <li> item */
	}
	.nav a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
	}
	.nav .current a {
		background: none;
		color: #666;
	}

	/* on nav hover */
	.nav ul:hover {
		background-image: none;
	}
	.nav ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	.nav ul:hover .current {
		background: url(images/icon-check.png) no-repeat 10px 7px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
#page{width:420px; margin-top:25px;}
#logo img{ width:420px !important;}
#nav{width:420px;}
#content{width:380px; }
#welcome-text,.welcome{width:360px;}
#sidebar{margin-left: 20px;
margin-top: 15px;
float: left;
width: 380px;}
#slider{ width:380px;}

.nav {
		position: relative;
		min-height: 40px;
	}	
	.nav ul {
		width: 180px;
		/*padding: 5px 0;*/
		position: absolute;
		top: 0;
		left: 0;
		/*border: solid 1px #aaa;*/
		background: #F0C5CA url(images/icon-menu.png) no-repeat 10px 14px;
		/*border-radius: 5px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);*/
	}
	.nav li {
		display: none; /* hide all <li> items */
		margin: 0;
		margin-left: 20px;
	}
	.nav .current {
		display: block; /* show only current <li> item */
	}
	.nav a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
	}
	.nav .current a {
		background: none;
		color: #666;
	}

	/* on nav hover */
	.nav ul:hover {
		background-image: none;
	}
	.nav ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	.nav ul:hover .current {
		background: url(images/icon-check.png) no-repeat 10px 7px;
	}

	
}

#table-canvas 
{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    overflow:hidden;
    border-radius: 20px;   
    -pie-background: linear-gradient(#ece9d8, #E5ECD8);   
    box-shadow: #666 0px 2px 3px;
    behavior: url(Include/PIE.htc);
    overflow: hidden;
   
}

.tr1 {
   -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    overflow:hidden;
    border-radius: 20px;   
    -pie-background: linear-gradient(#ece9d8, #E5ECD8);   
    box-shadow: #666 0px 2px 3px;
    behavior: url(Include/PIE.htc);
    overflow: hidden;
    color:black;
}
.td1 {
    border: 1
}
#contentblock th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
     behavior: url(PIE.htc);
    border-radius: 6px 0 0 0;
}

#contentblock th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
    behavior: url(PIE.htc);
    border-radius: 0 6px 0 0;
}
#contentblock tr:last-child td:last-child {
     border-radius: 0 0 6px 0;
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
     behavior: url(PIE.htc);
    border-radius: 0 0 6px 0;
 }

#contentblock tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
    behavior: url(PIE.htc);
    border-radius: 0 0 0 6px;
}


th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}


div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #000099;
		
		font-weight: bold;
		background-color: #000099;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}

        #table{
          text-align:left;  
        }
        
        .success{
color: #33CC00;
font-size:11px;
}


ul.pagination {
font-family: "Arial", "Helvetica", sans-serif;
font-size: 13px;
height: 100%;
list-style-type: none;
margin: 0px 0;
overflow: hidden;
padding: 0; }
ul.pagination li.details {
background-color: white;
border-color: #C8D5E0;
border-image: none;
border-style: solid;
border-width: 1px 1px 2px;
color: #1E598E;
font-weight: bold;
padding: 8px 10px;
text-decoration: none; }
ul.pagination li.dot {
padding: 3px 0; }
ul.pagination li {
float: left;
list-style-type: none;
margin: 0 3px 0 0; }
ul.pagination li:first-child {
margin-left: 0; }
ul.pagination li a {
color: black;
display: block;
padding: 7px 10px;
text-decoration: none; }
ul.pagination li a img {
border: medium none; }
ul.pagination li a.current {
background-color: white;
border-radius: 0 0 0 0;
color: #333333; }
ul.pagination li a.current:hover {
background-color: white; }
ul.pagination li a:hover {
background-color: #C8D5E0; }
ul.pagination li a {
background-color: #F6F6F6;
border-color: #C8D5E0;
border-image: none;
border-style: solid;
border-width: 1px 1px 2px;
color: #1E598E;
display: block;
font-weight: bold;
padding: 8px 10px;
text-decoration: none; }