/* CSS Document */

body, div, span
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: normal;
}
.body_bg
{
background-color: #FFFFFF; 
margin-top: 0px; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px
}

.bg_white { background-color: #FFFFFF}
.bg_black { background-color: #000000}
.bg_green { background-color: #4F724F}
.bg_head1 { background-color: #E6E9C0}
.bg_head2 { background-color: #FFFDE2}
.bg_head3 { background-color: #F9F8F8}

.top_bg_left1 { background-image: url(images/top_bg_img1.gif)}
.green_white_bg { background-image: url(images/green_white_bg.gif)}
.green_white_bg_level2 { background-image: url(images/green_white_bg_lvl2.gif)}
.search_bg01 { background-image: url(images/search_bg_01.gif)}
.search_bg02 { background-image: url(images/search_bg_02.gif)}
.dot_1 { background-image: url(images/dot_1.gif)}
.right_bg { background-image: url(images/right_panel_bg1.gif)}
.box_green_bg { background-image: url(images/box_green_bg.gif)}
.top_bg1_level2 { background-image: url(images/top_bg_img1_level2.gif)}
.top_bg2_level2 { background-image: url(images/top_bg_img1_level2.gif)}

.top_navy_pipe {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
font-weight: normal}

.top_navy {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
font-weight: normal;
text-decoration: none}

.top_navy:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FBF8CC;
font-weight: normal;
text-decoration: underline}

.main_navy_pipe {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
font-weight: normal}

.main_navy {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none}

.main_navy:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #A4A4A4;
font-weight: bold;
text-decoration: none}

.search_text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
font-weight: normal;
text-decoration: none}

.search_text:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #354535;
font-weight: normal;
text-decoration: none}

.bodytext_1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
font-weight: normal}

.bodytext_2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
font-weight: normal}

.bodytext_green {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #4F724F;
font-weight: normal;
text-decoration: none}

.bodytext_green:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #787878;
font-weight: normal;
text-decoration: underline}

.head_1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #4F724F;
font-weight: bold}

.head_1_link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #4F724F;
font-weight: bold;
text-decoration: none}

.head_1_link:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #002400;
font-weight: bold;
text-decoration: none;
page-break-before: avoid}

.head_2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none}

.head_2:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #CCD8CC;
font-weight: bold;
text-decoration: none}

.head_small_nolink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #4F724F;
font-weight: normal}

.head_small_link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #005400;
font-weight: normal;
text-decoration: none}

.head_small_link:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #4F724F;
font-weight: normal;
text-decoration: underline}

.right_head {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #4F724F;
font-weight: bold;
text-decoration: none;
}
.right_head_selected {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
font-weight: bold;
text-decoration: none;
}

.navi_bot_pipe {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 9px;
font-weight: normal;
text-decoration: none}

.navi_bot {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 9px;
font-weight: normal;
text-decoration: none}

.navi_bot:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #EAF7BC;
font-size: 9px;
font-weight: normal;
text-decoration: underline}

.item_title
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #4F724F;
font-weight: bold;
text-decoration: none}

.item_title:hover
{
  color:#000000;
}

.right_head:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
font-weight: bold;
text-decoration: none;
}

.path_bar
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #4F724F;
  font-weight: normal;
  text-decoration: none
}

.arrow
{
  font-size: 14px;
  color: #000000;
  font-weight: bold;
  text-decoration: none
}

h1.head_1
{
  height: auto;
}

hr
{
  color: #4F724F;
  height: 0px;
}

.documentByLine
{
  color: #4F724F;
  text-decoration: none
}

/*
** Calendar elements - used in the calendar rendering
*/

.dayPopup {
background-color: #ffffe1;
border: 1px solid Black;
padding: 0.2em;
position: absolute;
visibility: hidden;
width: 12em;
z-index: 2;
}
.date {
font-weight: bold;
}

.ploneCalendar {
border: 1px solid #6D906D;
margin: 1em 0em;
text-align: center;
}
.ploneCalendar a {
text-decoration: none;
text-align: center;
}
.ploneCalendar a:hover {
text-decoration: none;
text-align: center;
}
.ploneCalendar th {
background-color: #E6E9C0;
font-weight: bold;
text-align: center;
padding: 2px;
}
.ploneCalendar td {
background-color: transparent;
width: 1.5em;
text-align: center;
padding: 2px;
}
.ploneCalendar .weekdays td {
background-color: #E6E9C0;
border: 1px solid #6D906D;
border-style: solid none;
text-align: center;
padding: 2px;
}
.ploneCalendar .event {
background-color: #E6E9C0;
font-weight: bold;
}
.ploneCalendar .todayevent {
background-color: #E6E9C0;
border: 2px solid #ffa500;
font-weight: bold;
}
.ploneCalendar .todaynoevent {
border-collapse: collapse;
border: 2px solid #ffa500;
}

/* Form Properties */
fieldset {
border: 1px solid #6D906D;
margin: 1em 0em 1em 0em;
padding: 0em 1em 1em 1em;
line-height: 1.5em;
width: auto;
}
legend {
background: White;
padding: 0.5em;
font-size: 90%;
}

.formHelp {
font-size: 90%;
color: #76797c;
margin: 0 0 0.2em 0;
}

.formHelp a {
text-decoration: underline;
}

.formHelp:hover {
color: Black;
cursor: default;
}

.field {
top: 0;
left: 0;
margin: 0 1em 1em 0;
}

.field .field {
margin: 1em 0 0 0;
}

.field label {
font-size: 100%;
font-weight: bold;
}	
.fieldRequired {
background: url(http://www.cscs.res.in/required.gif) center left no-repeat;
padding: 0 0 0 8px;
color: White;
}
.error .fieldRequired {
color: #ffa500;
} 
.context {
background: transparent url(http://www.cscs.res.in/linkTransparent.gif) 9px 1px no-repeat;
cursor: pointer;
font-size: 85%;
margin-bottom: 1em;
padding: 1px 1px 1px 15px;
text-transform: lowercase;
}

input {
  margin-bottom:0px;
  border: 1px solid #6D906D;
}

img
{
  border-width:0px;
}

.event {
border: 1px solid #6D906D;
text-align: center;
}
.event th {
background-color: #E6E9C0;
font-weight: bold;
text-align: center;
padding: 2px;
}
.event td {
background-color: transparent;
padding: 2px;
text-align: center;
}

.user_name
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #4F724F;
  font-weight: bold;
  text-decoration: none
}

.calendar_item {
width: 170px;
background-color: #E6E9C0;
border: 1px solid #4F724F;
padding : 0.5em 0.5em 0.5em 0.5em;
float: left; 
z-index: 1;
position: absolute;
visibility: hidden;
}

.events_or_announcements
{
  border-collapse: collapse;
  background-color: #E6E9C0;
  border: 1px solid #6D906D;  
}

.today
{
  border-collapse: collapse;
  border: 1px solid #6D906D;
}


.listing,
.stx table {
/* The default table for document listings. Contains name, document types, modification times etc in a file-browser-like fashion */
border-collapse: collapse;
border-left: 1px solid #4F724F;
border-bottom: 1px solid #4F724F;
font-size: 85%;
margin: 1em 0em 1em 0em;
}
.listing th,
.stx table th {
background: #E6E9C0;
border-top: 1px solid #4F724F;
border-bottom: 1px solid #4F724F;
border-right: 1px solid #4F724F;
font-weight: bold;
padding: 0em 1em 0em 1em;
text-transform: uppercase;
}
.listing .top {
border-left: 1px solid #E6E9C0;
border-top: 1px solid #E6E9C0 ! important;
border-right: 1px solid #E6E9C0 ! important;
text-align: right ! important;
padding: 0em 0em 1em 0em;
}
.listing .odd {
/*every second line should be shaded */
background-color: &#FFFDE2;
}
.listing .even {
background-color: #F9F8F8;
}
.listing .listingCheckbox {
text-align: center;
}
.listing td,
.stx table td {
border-right: 1px solid #4F724F;
padding: 0em 1em;
text-align: left;
}
.listing a:hover {
text-decoration: underline;
}
.listing img {
vertical-align: middle;
}