/*
Purpose: Design and layout of COEP Pune

Author: Vikram patil

Date: 2006-09-25

*/


body{
margin: 0;
MARGIN-TOP: 10px;
MARGIN-LEFT: 0px;
MARGIN-Right: 0px;
background-color:#ffffff;
color:#333333;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/*Header style starts*/

#header{
width:900px;
height:75px;
}

#logo{
width:900px;
height:72px;
position:relative;
}

#lft_logo{
width:163px;
height:72px;
float:left;
position:relative;
}

#rgt_logo{
width:720px;
height:72px;
float:right;
position:relative;
}

#menu{
	overflow: hidden;
	width:700px;
	background-color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
		}

#menu ul {
	width: 700px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}
	

#menu ul li {
	float: left;
	text-align: left;
	margin-left: 1px;
	display: inline;
}


/*Header style ends*/


/*Container style starts*/

#container{
position: relative;
width:100%;

}

#content{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#333333;
width:900px;
height:150px;
}

#content_tbl{
	overflow: hidden;
	width:900px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
		}

#content_tbl ul {
	width: 900px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}
	

#content_tbl ul li {
	float: left;
	text-align: left;
	margin-left: 5px;
	display: inline;
}

.text1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#333333;
	text-decoration:none;
	}

.blue{
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#07BDF0;
	text-decoration:none;
	}
.blue:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#07BDF0;
	text-decoration:underline;
	}

.txtbox{  PADDING-LEFT: 2px; PADDING-RIGHT: 2px; width: 100px; height: 18px; text-decoration: none; font-style: normal; font-size: 9pt; font-weight: normal; color: #333333; font-family: Arial, Helvetica, sans-serif; border:1px #cccccc solid; }

.txtbox1{  PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; width: 280px; height: 18px; text-decoration: none; font-style: normal; font-size: 9pt; font-weight: normal; color: #333333; font-family: Arial, Helvetica, sans-serif; border:1px #07BDF0 solid; }

.txtbox2{  PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; width: 180px; height: 18px; text-decoration: none; font-style: normal; font-size: 9pt; font-weight: normal; color: #333333; font-family: Arial, Helvetica, sans-serif; border:1px #cccccc solid; }

.txtbox3{  PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 4px; width: 320px; height: 20px; text-decoration: none; font-style: normal; font-size: 9pt; font-weight: normal; color: #333333; font-family: Arial, Helvetica, sans-serif; border:1px #cccccc solid; }

.txtarea{ PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; width: 320px; height: 250px; text-decoration: none; font-style: normal; font-size: 9pt; font-weight: normal; color: #333333; font-family: Arial, Helvetica, sans-serif; border:1px #cccccc solid; }
.txtarea1{ PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; width: 320px; height: 50px; text-decoration: none; font-style: normal; font-size: 9pt; font-weight: normal; color: #333333; font-family: Arial, Helvetica, sans-serif; border:1px #cccccc solid; }

.txtbox4{  PADDING-LEFT: 2px; PADDING-RIGHT: 2px; width: 120px; height: 18px; text-decoration: none; font-style: normal; font-size: 9pt; font-weight: normal; color: #333333; font-family: Arial, Helvetica, sans-serif; border:1px #cccccc solid; }
.txtbox5{    width: 120px; height: 18px; text-decoration: none; font-style: normal; font-size: 9pt; font-weight: normal; color: #333333; font-family: Arial, Helvetica, sans-serif; border:1px #cccccc solid; }

#blog_post{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
color:#333333;
width:480px;
padding-bottom:10px;
text-align:justify;
}

#blog_post ol {
list-style: circle;
}

#blog_post a {
	color: #CC0000;
	text-decoration: none; 
}

#blog_post a:hover {
	text-decoration: underline;
	background-color: white;
}

#blog_post a:visited {
	color: #CC0000;
	
}

.post_title2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight:normal;
font-color:red;
color:#333333;
text-decoration:none;
border:1px solid;
border-color:#FF0000; 
padding-left:15px;
width:450px;

}

.post_title1{
font-family:Arial Rounded MT Bold;
font-size:14pt;
color:#07BDF0;
text-decoration:none;
text-align:justify;

}
.post_title1 a:hover {
text-decoration: underline;
background-color:white;
}

.post_title3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
color:#07BDF0;
text-decoration:none;
text-align:justify;
}
.post_title3 a:hover {
text-decoration: underline;
background-color:white;
}

.post_title4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
color:#07BDF0;
text-decoration:none;
text-align:justify;
}
.post_title4 a:hover {
text-decoration: underline;
background-color:white;
}

.post_title{
font-family:Arial Rounded MT Bold;
font-size:14pt;
color:#07BDF0;
text-decoration:none;
text-align:justify;

}
.post_title:hover{
font-family:Arial Rounded MT Bold;
font-size:14pt;
color:#ffffff;
background-color:#333333;
}

.date{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#999999;
}

.link_1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#333333;
}

.pipe{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#A5C361;
}

.user{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#F3617C;
}

.user:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#ffffff;
background-color:#333333;
}

.more{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#0099e9;
}

.more:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#ffffff;
background-color:#333333;
}

.comments{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#0099e9;
}

.comments:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#ffffff;
background-color:#333333;
}







#hm_photo{
width:152px;
height:340px;
background-image:url(../images/img_back1.gif);
background-repeat:no-repeat;
}

#home_photo{
width:100px;
height:77px;
padding:2px;
border:1px #cccccc solid;
}

#user{
width:50px;
height:50px;
padding:2px;
border:1px #cccccc solid;
}

#user1{
width:30px;
height:30px;
padding:2px;
border:1px #cccccc solid;
}

.username{
font-family:Arial Rounded MT Bold;
font-size:14pt;
color:#EC1A41;
text-decoration:none;
padding-bottom:5px;
}

.link1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#0099e9;
}

.link1:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#ffffff;
background-color:#333333;
}

.link2{
font-family:Verdana, Arial, Helvetica, sans-serif;                      
font-size:9pt;
color:#0099e9;
}

.link2:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
color:#ffffff;
background-color:#333333;
}

.link3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
color:#0099e9;
text-decoration:none;
line-height:17px;
}

.link3:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
color:#ffffff;
background-color:#333333;

}

#comment_tbl{
	overflow: hidden;
	width:500px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
		}

#comment_tbl ul {
	width: 500px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}
	

#comment_tbl ul li {
	float: left;
	text-align: left;
	margin-left: 5px;
	display: inline;
}


#photo_tbl{
	overflow: hidden;
	width:480px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
		
		}

#photo_tbl ul {
	width: 480px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}
	

#photo_tbl ul li {
	float: left;
	text-align: left;
	margin-left: 5px;
	display: inline;
}

#photo2{

padding:2px;

}

#photo3{
width:50px;
height:50px;
padding:2px;
border:1px #cccccc solid;
}
#photo4{
width:80px;
height:80px;
padding:2px;
border:1px #cccccc solid;
}

#photo1_tbl{
	overflow: hidden;
	width:240px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
		}

#photo1_tbl ul {
	width: 240px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}
	

#photo1_tbl ul li {
	float: left;
	text-align: left;
	margin-left: 5px;
	display: inline;
}

#listing_tbl{
	overflow: hidden;
	width:480px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
		}

#listing_tbl ul {
	width: 480px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}
	

#listing_tbl ul li {
	float: left;
	text-align: left;
	margin-left: 5px;
	display: inline;
	padding-bottom:8px;
}

.listing_hdr{
background-image:url(../images/blue_back.gif);
background-repeat:no-repeat;
height:25px;
width:480px;
}

#search_alumni{
width:480px;
background-image:url(../images/back6.gif);
background-repeat:no-repeat;
height:55px;
padding-top:20px;
padding-left:20px;
}
#search_alumni1{
width:480px;
background-image:url(../images/back8.gif);
background-repeat:no-repeat;
height:150px;
padding-top:20px;
padding-left:20px;
}

.small_text{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#333333;
}

.photogrid{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#EC1A41;
	text-decoration:none;
	font-weight:bold;
	}
.photogrid:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#ffffff;
	background-color:#333333;
	}
	
	
#register_tbl{
	overflow: hidden;
	width:500px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
		}

#register_tbl ul {
	width: 500px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}
	

#register_tbl ul li {
	float: left;
	text-align: left;
	margin-left: 5px;
	display: inline;
	padding-bottom:4px;
}

#profile_tbl{
	overflow: hidden;
	width:480px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	background-image:url(../images/back7.gif);
	background-repeat:no-repeat;
	height:100px;
	padding:10px;
	padding-top:13px;
	line-height:15px;
		}

#profile_tbl ul {
	width: 480px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}
	

#profile_tbl ul li {
	float: left;
	text-align: left;
	margin-left: 5px;
	display: inline;
	padding-bottom:4px;
}



/*Container style ends*/


/*footer style starts*/

#footer{
background-image:url(../images/back5.gif);
background-repeat:no-repeat;
width:900px;
height:85px;
position: relative;
top:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:7pt;
color:#333333;
}


/*footer style ends*/
#hdr_image
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
color:#333333;
width:480px;
background-image:url(../images/hdr_bg.gif);
background-repeat:repeat-x;
height:90px;
padding-top:10px;
text-align:center;
padding:8px;
}


#hdr_image1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
color:#333333;
width:480px;
background-image:url(../images/hdr_bg.gif);
background-repeat:repeat-x;
height:80px;
padding-top:20px;
padding-left:8px;
padding-right:8px;
	
}

#hdr_image2
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
color:#333333;
width:480px;
background-image:url(../images/bg_2.gif);
background-repeat:repeat-x;
height:80px;
padding-top:10px;
padding-left:8px;
padding-right:8px;
	
}

#hdr_image4
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
color:#333333;
width:480px;
background-image:url(../images/bg_2.gif);
background-repeat:repeat-x;
height:80px;
padding-top:20px;
padding-left:8px;
padding-right:8px;
	
}


#donate{
width:152px;
height:100px;
background-image:url(../images/donate_bg.gif);
background-repeat:no-repeat;
padding-top:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
padding-right:8px;
text-align:center;
}

#donate2{
width:152px;
height:100px;
background-image:url(../images/links.gif);
background-repeat:no-repeat;
padding-top:8px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
padding-right:8px;
text-align:center;
}


/*update this style*/

#donate1{
width:152px;
height:100px;
background-image:url(../images/links.gif);
background-repeat:no-repeat;
padding-top:12px;
padding-left:12px;
}

.email{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:9pt;
 font-weight:normal;
 color: #0099e9;
 text-decoration:none;
 
}
.email:hover{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:9pt;
 font-weight:normal;
 color:#ffffff;
 background-color:#333333;
 text-decoration:none;
}


.email_1{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12pt;
 font-weight:bold;
 color: #FF3333;
 text-decoration:none;

}

.txtarea2{ PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; width: 320px; height: 100px; text-decoration: none; font-style: normal; font-size: 9pt; font-weight: normal; color: #333333; font-family: Arial, Helvetica, sans-serif; border:1px #cccccc solid; }

.footer_link{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:7pt;
 font-weight:normal;
 color: #0099e9;
 text-decoration:none;
 
}
.footer_link:hover{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:7pt;
 font-weight:normal;
 color:#ffffff;
 background-color:#333333;
 text-decoration:none;
}


/*Discuss style*/

.text_area1{
width:250px;
height:80px;
background-color:#ffffff;
border:1px #cccccc solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
}

#inquiry_comment{
width:443px;
height:100%;
padding: 5px;
padding-left:5px;
padding-top:4px;
line-height:17px;
text-align:left;
vertical-align:top;
background-image:url(../images/bg_comment1.gif);
background-repeat:no-repeat;

}

#inquiry_subcomment
{
width:420px;
height:100%;
padding: 5px;
padding-left:5px;
padding-top:4px;
line-height:17px;
text-align:left;
vertical-align:top;
background-image:url(../images/bg_subcomment.gif);
background-repeat:no-repeat;
}
.user1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	color: #666666;
	text-decoration:underline;
	
}
.user1:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	color:#ffffff;
	background-color:#333333;
	text-decoration:underline;
}

.reply
{	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:normal;
	color: #666666;
	text-decoration:none
	}
.reply:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:normal;
	color:#ffffff;
	background-color:#333333;
		text-decoration:none
}	

.add_comment{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:bold;
	color:#333333;
	}
/*Ends*/

/*pagination*/
.pages {
	CLEAR: left; PADDING-RIGHT: 1em; PADDING-LEFT: 0em; FONT-SIZE: 85%; PADDING-BOTTOM: 2em; MARGIN: 1em 0px; PADDING-TOP: 1em
}
.pages A {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0.5em; BORDER-TOP: #fff 1px solid; DISPLAY: block; PADDING-LEFT: 0.5em; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 0.2em; BORDER-LEFT: #fff 1px solid; MARGIN-RIGHT: 0.1em; PADDING-TOP: 0.2em; BORDER-BOTTOM: #fff 1px solid
}
.pages SPAN {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0.5em; BORDER-TOP: #fff 1px solid; DISPLAY: block; PADDING-LEFT: 0.5em; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 0.2em; BORDER-LEFT: #fff 1px solid; MARGIN-RIGHT: 0.1em; PADDING-TOP: 0.2em; BORDER-BOTTOM: #fff 1px solid
}
.pages SPAN.current {
	BORDER-RIGHT: #07BDF0 1px solid; BORDER-TOP: #07BDF0 1px solid; FONT-WEIGHT: bold; BACKGROUND: #EFF1F1; BORDER-LEFT: #07BDF0 1px solid; COLOR: #333; BORDER-BOTTOM: #07BDF0 1px solid
}
.pages A {
	BORDER-RIGHT: #07BDF0 1px solid; BORDER-TOP: #07BDF0 1px solid; BORDER-LEFT: #07BDF0 1px solid; BORDER-BOTTOM: #07BDF0 1px solid; TEXT-DECORATION: none; color:#0099e6;
}
.pages A:hover {
	BORDER-LEFT-COLOR: #339533; BORDER-BOTTOM-COLOR: #339533; BORDER-TOP-COLOR: #339533; BORDER-RIGHT-COLOR: #339533
}
.pages A.nextprev {
	FONT-WEIGHT: normal
}
.pages SPAN.nextprev {
	COLOR: #666
}
.pages SPAN.nextprev {
	BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; COLOR: #999; BORDER-BOTTOM: #ddd 1px solid
}



/*pagination ends*/

/* for errors from deepak */
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
  overflow:hidden;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
  
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}
#errorExplanation ul {
width: 530px;
overflow: hidden;
margin: 0;
padding: 0;
padding-top:4px;
}

/* for accoun/list white link */

.white{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#ffffff;
	text-decoration:none;
	}
.white:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#ffffff;
	text-decoration:none;
	}



#board_tbl{
	overflow: hidden;
	width:480px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	line-height:17px;
		}

#board_tbl ul {
	width: 480px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}
	

#board_tbl ul li {
	float: left;
	text-align: left;
	margin-left: 5px;
	display: inline;
}

#list_tbl{
	overflow: hidden;
	width:450px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
		}

#list_tbl ul {
	width: 450px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}
	

#list_tbl ul li {
	float: left;
	text-align: left;
	display: inline;
}


#exp_tbl{
	overflow: hidden;
	width:480px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	line-height:15px;
	}

#exp_tbl ul {
	width: 480px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}
	

#exp_tbl ul li {
	float: left;
	text-align: left;
	margin-left: 5px;
	display: inline;
	padding-bottom:4px;
}

.edit{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#009900;
text-decoration:none;

}

.edit:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#ffffff;
background-color:#333333;

}

.delete{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#EC1A41;
text-decoration:none;
}

.delete:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#ffffff;
background-color:#333333;
}