#main-wrapper
{
background: url("../images/noticeboard.png") no-repeat scroll 0 0 transparent !important;
height: 813px;
margin-top: 31px;
overflow:hidden;
}
h2 a:link, a:visited {
color: black !important;
text-decoration: none;
}
#note0
{
width: 94px !important;
height: 74px !important;
background: #E5E5E5 !important;
margin: 75px 17px 17px;
padding:15px;
float:left;
box-shadow: 6px 6px 6px #888;
overflow: hidden
}
#note1
{
width: 134px !important;
height: 63px !important;
background: white !important;
margin: 75px 17px 17px 0;
padding:15px;
float:left;
box-shadow: 6px 6px 6px #888;
overflow: hidden
}
#note2
{
width: 133px !important;
height: 133px !important;
margin: 62px 17px 17px 297px;
padding: 38px 0 0 18px;
float:left;
background: url("../images/yellowcircle.png") no-repeat scroll 0 0 transparent !important;
overflow: hidden
}
#note2 h2
{
padding-right:36px;
}
#note3
{
width: 100px !important;
height: 141px !important;
padding-bottom:1px;
background: red !important;
margin: 62px 17px 17px 0;
padding:15px;
float:left;
box-shadow: 6px 6px 6px #888;
overflow: hidden
}
#note4
{
width: 153px !important;
height: 95px !important;
overflow: hidden;
background: white !important;
margin: 16px;
padding:15px;
float:right;
box-shadow: 6px 6px 6px #888;
}
#note5
{
width: 153px !important;
height: 95px !important;
background: white !important;
margin: 16px;
padding:15px;
float:right;
box-shadow: 6px 6px 6px #888;
overflow: hidden
}
#note9
{
width: 200px !important;
height: 317px !important;
background: white !important;
margin: 17px;
padding:15px;
float:left;
box-shadow: 6px 6px 6px #888;
overflow: hidden
}
#note10
{
width: 200px !important;
height: 317px !important;
background: white !important;
margin: 17px;
padding:15px;
float:left;
box-shadow: 6px 6px 6px #888;
overflow: hidden
}
#note7
{
width: 150px !important;
height: 150px !important;
background: white !important;
margin: 10px 17px 17px;
padding:15px;
float:left;
box-shadow: 6px 6px 6px #888;
overflow: hidden
}
#note8
{
width: 150px !important;
height: 150px !important;
background: white !important;
margin: 10px 17px 17px;
padding:15px;
float:left;
box-shadow: 6px 6px 6px #888;
overflow: hidden
}
#postionbtn
{
float: left;
margin-top: 107px;
}
#postbtn {
background: url("../images/newpost.png") no-repeat scroll 0 0 transparent;
border: medium none;
text-indent: -9999px;
height:45px;
width:107px;
margin-top: 107px;
}
#newoverlay {
background-color: black;
opacity: 0.5;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1000;
}
/* use a semi-transparent image for the overlay */
#customvishaloverlay {
background-image:url(http://static.flowplayer.org/img/overlay/transparent.png);
color:#efefef;
height:450px;
}
/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
height:441px;
overflow-y:auto;
}
#newvishaloverlay {
background-color: grey;
opacity: 0.7;
width: 100%;
height: 332%;
position: absolute;
top: 0;
left: 0;
z-index: 1000;
}
#vishalform {
background-color: white;
position:absolute;
margin-top:244px;
z-index: 1001;
margin-left: 197px;
padding: 29px;
}
#content-header{
margin-top:-10px;
}
#vishalcross{
background: url("../images/close.png") no-repeat scroll 0 0 transparent;
width:26px;
height:29px;
float:right;
margin-right: -40px;
margin-top: -38px;
}