body
{
    line-height: 1;
    color: #49494b; /*background: #f0efeb; background:url(../img/bgs/fuchsia-bg-300x190.jpg)    repeat-y;*/
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    
    font-size: 14px;
  background-color: #ffffff;
    top: -10px; 
   /*  height:2000px;
     
     background:url(../img/bgs/webtreats/webtreats_blue_creme_pattern_91.jpg)    repeat   */
}

.AddItem
{
    background-color:Gray;
        cursor:pointer;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
 
  border-radius:100%;
  color:White;
}
.page_enabled, .page_disabled
        {
            display: inline-block;
            height: 25px;
            min-width: 25px;
            line-height: 25px;
            text-align: center;
            text-decoration: none;
            border: 1px solid #ccc;
        }
        .page_enabled
        {
            background-color:rgba(39, 115, 193, 0.85);
            color: #000;
        }
        .page_disabled
        {
            background-color:rgba(255,255,255,0.4);
            color: #000 !important;
        }
         .page_disabled:hover
        {
            background-color: wheat;
            color: blue;
            text-decoration: none;
        }
        .Pages
{
    background-color: red;
     border: 1px solid #ccc; 
    color: #000;
    padding-right:5px;
    padding-left:5px;
               height: 25px;
            min-width: 25px;
            line-height: 25px;
    font-size:small;
  
     display:inline-block;
     margin-right: 5px;
     margin-left:2px;
     
     cursor:pointer;
     
     text-align:center;
}
.Pages:hover
{
   background:rgba(0,0,0,0.9);
            height: 25px;
            min-width: 25px;
            line-height: 25px;
    color: white;
    padding-right:5px;
    padding-left:5px;
    font-size:small;
     display:inline-block;
     margin-right: 5px;
     margin-left:2px;
     
     cursor:pointer;
     
     text-align:center;
}
.PagesSelected
{
   background:rgba(255,0,0,1);
    
    color: #fff;
    padding-right:5px;
    padding-left:5px;
    font-size:small;
     display:inline-block;
     margin-right: 2px;
     margin-left:2px;
            height: 25px;
            min-width: 25px;
            line-height: 25px;
     cursor:pointer;
     
     text-align:center;
}
.mail_inbox
{
    background-color:transparent;
   position:absolute;
    z-index:6000;
    text-align:right;
    color:White;
    font-size:x-small;
    font-weight:bold;
    background-color:Red; 
    text-align:center;
    top: -13px;
    left: 11px;
    height: 14px;
    width: 12px;
}
.msgbox
{
   color:rgb(195,208,225);


 
     margin-bottom:0px;
    padding-bottom:10px;
    padding-top:10px;
    padding-left:3px;
    padding-right:5px;
    border-bottom:1px solid rgb(0,0,255);
   
     cursor:pointer;
     width:200px;
     text-align:Left;
     
}
.msgbox:hover
{
   background-color:rgb(39, 115, 193);
     cursor:pointer;
     color:#fff;
   
}
.forms
{
    border:1px solid #00ccff; 
    background-color:rgb(234,236,241); 
    color:#000000;
    border-bottom:5px solid #00ccff;
    
}
 /* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
    cursor:pointer;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color:rgba(39, 115, 193, 0.98);
    color: #000;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 9999;
   bottom: 50%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
  top: 100%;
    left: 5%;
    margin-left: 5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
/** ios1-ios6 bubbles **/
.bubble {
  background-position: 0% 0%;
    box-sizing: border-box;
    float: left;
    width: auto;
    max-width: 80%;
    position: relative;
    clear: both;
  
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
   
    margin-bottom: 20px;
    padding: 6px 20px;
    color: Black;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
    word-wrap: break-word;
    background-image: linear-gradient(bottom, #bee2ff 15%, #95c2fd 100%);
    background-color: #95c2fd;
    background-repeat: repeat;
    background-attachment: scroll;
    background-image: linear-gradient(bottom, #bee2ff 15%, #95c2fd 100%);
    
}

.bubble:before, .bubble:after {
  border-radius: 20px / 5px;
  content: '';
  display: block;
  position: absolute;
}
.bubble:before {
  border: 10px solid transparent;
  border-bottom-color: rgba(0,0,0,0.5);
  bottom: 0px;
  left: -7px;
  z-index: -2;
}
.bubble:after {
  border: 8px solid transparent;
  border-bottom-color: #bee2ff; /* arrow color */
  bottom: 1px;
  left: -5px;
}


.bubble-alt {
  float: right;
  margin-right:5px;
}
.bubble-alt:before {
  left: auto;
  right: -7px;
}
.bubble-alt:after {
  left: auto;
  right: -5px;
}

.bubble p {
  font-size: 1.4em;
}

/* green bubble */
.green {
  background-position: 0% 0%;
    background-image: linear-gradient(bottom, #ace44b 15%, #7acd47 100%);
    background-color: #7acd47;
    background-repeat: repeat;
    background-attachment: scroll;
}
.green:after {
  border-bottom-color: #ace44b;
}

/* white bubble */
.white {
  background-position: 0% 0%;
    background-image: linear-gradient(bottom, #e5e5e5 15%, #dbdbdb 100%);
    background-color: #7acd47;
    background-repeat: repeat;
    background-attachment: scroll;
}
.white:after {
  border-bottom-color: #e5e5e5;
}

/* yellow bubble */
.yellow {
  background-position: 0% 0%;
    background-image: linear-gradient(bottom, #fcf3c3 15%, #f4e371 100%);
    background-color: #7acd47;
    background-repeat: repeat;
    background-attachment: scroll;
}
.yellow:after {
  border-bottom-color: #fcf3c3;
}

/* red bubble */
.red {
  background-position: 0% 0%;
    background-image: linear-gradient(bottom, #ea8378 15%, #e2675a 100%);
    background-color: #7acd47;
    background-repeat: repeat;
    background-attachment: scroll;
}
.red:after {
  border-bottom-color: #ea8378;
}

/* pink bubble */
.pink {
  background-position: 0% 0%;
    background-image: linear-gradient(bottom, #ffbee3 15%, #f8a5ce 100%);
    background-color: #7acd47;
    background-repeat: repeat;
    background-attachment: scroll;
}
.pink:after {
  border-bottom-color: #ffbee3;
}
.floatright
{
    float:right;
}
.floatleft
{
    float:left;
}

    .closeAddVendorspan
    {
        
        
        color:White;
        width:50px;
        height:50px;
        font-weight:bold;
        margin-right:20px;
        padding-top:10px;
       
        position: absolute;
        right:1px;
        text-align:center;
        cursor:pointer;
       
        

        
       
    }
     .closeAddVendorspan:hover
    {
        
        
        color:Black;
         
       
    }


table.GrantsReviewTable td
{
    border-bottom: 1px solid #C0C0C0;
}
table.action td
{
    border-width: 0px;
    
}
table.action
{
    width:100%;
}

  .onlineusers
    {
        border-bottom:0px solid gray;
        height:30px;
    }
  
     .onlineusers:hover
    {
        border-bottom:1px solid blue;
        height:29px;
        background-color:rgb(39, 115, 193);
        color:White;
         cursor:pointer;
    }




 .item_container
    {
        border: thin solid #C0C0C0;
         border-radius:5px;
         height: 45px;     
        
              
    }
     .item_container_inbox
    {
        border: thin solid #C0C0C0;
         background-position: left bottom; 
              
       
              
    }
     .item_container:hover
    {
       
        border: 1px solid #CC00C0; 
        
        
        cursor:pointer;
              
    }
  
    #ReplyChatBtn
    {
        background-color:rgba(0, 0, 0, 0.8);
        border:1px solid gray;
        cursor:pointer;
    }
     #ReplyChatBtn:hover
    {
        background-color:rgba(0, 0, 0, 0.8);
        cursor:pointer;
        border:1px solid red;
    }
    #tblEnquiry.td #tblEnquiry.th
    {
        border:1px solid black;
    }
#login-wrapper
{
	width:100%;height:100%;
	text-align:center;
}	

#login-wrapper div
{
	width:100%;
 
}
/* table that holds function names */
#function-list  
{
	
	width:100%;
}



#function-list td
{
	height: 150px;
	width: 100px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border: thin dotted #C0C0C0;
}
#function-list td img
{
	/* position:absolute;*/
	 z-index:15;
	 height:101px;
	 width:163px;
	 background:url(../img/image-overlay.png);
}
       
        #contentheader
{
 background-color:Gray;	
 margin-left:20px;
 margin-right:20px;
}

.header #nav-wrapper{
     width: 100%;
      
    /*vert2n: middle;*/
   /* background: url(../img/nav-strip1.png) repeat-x; */
  background-color:rgba(39, 115, 193, 1);
    width:100%;
     
    vertical-align: middle;
    
    z-index:20;

   
	
	
    height: 31px;
   
}

.header #nav-wrapper #nav-strip{
    
padding-top: 9px;
    vertical-align: middle;
   font-size: 12pt;
   color: #1d15f9;
	height: 31px;
	 
	
	
	color:#f8f8f8;
	 font-weight:bold;
	}
/* Quarter  // Just the left side of the nav-strip*/
.header #nav-wrapper #nav-strip #quarter{
  background: url(../img/2.png) repeat-x; 
  width:34%;
	height: 40px;
}
.header #bread-crumb-wrapper div
{
	top:10px;
	 height: 45px;
	 padding-top: 25px;
}
.header #bread-crumb-wrapper 
{
	
    margin-left: 0px;
padding-top: 5px;
    vertical-align: middle;
   font-size: 12pt;
   color: #1d15f9;
   /* background-color: #eff0f1;*/
   background: url(../img/info-strip-middle.png) repeat-x; 
   height: 94px;
   width:1183px;
    z-index:15;
    position:absolute;
   /*top:93px; */
   top:70px;
	left: 1px;
}
#bread-crumb-wrapper #middle
{
background: url(../img/info-strip-middle.png) repeat-x; 
width:890px;
height:75%;
 
}

#bread-crumb-wrapper #right-corner,#left-corner
{
	width:20px;
}

#bread-crumb-wrapper #left-corner
{
	 
	background: url(../img/info-strip-left-corner.png)  repeat-x;
	height:100%;
}
#bread-crumb-wrapper #right-corner
{
	 
	background: url(../img/info-strip-right-corner.png)  repeat-x; 
	height:100%;
}

a{
     color:  #000080;
     
	
}


.content #main-content{
         
         
         border-style: none;
    border-color: inherit;
    border-width: 1px;
   
    
         
         
         
}
.content #nav-left-pane span{
         top:5px;
             margin-top: 15px;
            
         
}
#nav-left-pane div{
        padding-top: 20px;
         margin-bottom: 50px; 
     
}
/*
.content #nav-left-pane
{
	border: thin solid #4f81bd;
	width: 190px;
	padding-left: 5px;
	height: 1000px;
	background: url(../img/left-nav-pane.png) no-repeat;
	background-color: #f8f8f8;
}*/
/* content-placeholder-wrapper */
#content-placeholder-wrapper
{
   
	
	height:100%;
	
	width:100%
	
}
.nav-tabs td
{
	border-style: none;
	width: 90px;
	height: 9px;
	margin-left: 30px;
	 margin-top:30px;
	 	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	_moz-opacity: 70%;
	background-color: #82A7D0;
	color: #000000;
}

.nav-tabs td:hover
{
	background-color: #EFEFEF;
	color: #D5954D;
}

#infodiv #infoLiteral
{ 
	 top:0px;
	padding:10px;
	height:40px;
	font-size:large;
	 
}
/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

    /* CSS to main container TABLE or DIV or PLACEHOLDER TAG of the web page */

#container
{
	border-style: hidden;
	border-width: medium;
	border-color: inherit;
	height:1000px;
}
/* 
    Document   : styles
    Created on : Feb 16, 2013, 9:31:19 AM
    Author     : max
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
/* login */
.LoginTextBox
{
	/* height:25px;
	 width: 215px;*/
	 border : solid 1px #4F81BD;
}





 
.header{
 
}


#appname{
     width: 100%;
     text-align: Left;
      background-color:rgba(39, 115, 193, 1); 
      height:82px; 
      border-bottom:3px solid rgb(181,169,121);
     vertical-align: middle;
   margin-left: 10px;
	height: 36px;
	/* make absolute */
	position:absolute;
	z-index:25;
	top: 2px;
	left: -11px;
    right: 1px;
    
}
.footer
{
	background:url(../img/footer-bg.png) repeat-x;
	color:#f8f8f8;
	height:29px;
	 
	 padding-top:10px;
}
.footer
{
	background:url(../img/footer-bg.png) repeat-x;
	color:#f8f8f8;
	height:29px;
	 
	 padding-top:10px;
}
.footer hr
{
	border-style: solid;
	border-color: #92d050;
	width: 99%;
	text-align: left;
	left: -2px;
	z-index: 1;
	top: 26px;
	position: absolute;
	height: 2px;
}

#close-button-container
{
text-align:right;	
}
#close-button-container span
{
	border: thin solid #999999;
	background-color: #C0C0C0;
	color: #FF1515;
	text-align: center;
	font-family: 'Microsoft YaHei';
}



.clear
{
	height:138px;
    width: 1179px;
}



#LoginView1
{
 background-color:	#4F81BD;
}



.left{
    float:left;
     vertical-align:top;
}
.right{
    width:100%;
    
}
.footer{
    
    
}

.footer #left-footer{
    
    width:20%;
}
.footer #mid-footer{
    
    width:60%;
}
.footer #right-footer{
    
    width:20%;
}
 

h1{	font-size: 30px;}

h2{	font-size: 28px;}

h3{	font-size: 26px;}

h4{	font-size: 24px;}

h5{	font-size: 22px;}

h6{	font

h4{	font-size: 24px;
    width: 240px;
}










 /* For the infobar */
 

.DataTable
{
	padding: 0 0 0 0;
	border: thin 
  input[type="text"], textarea, input[type="password"]
  input[type="text"], textarea, input[type="password"], input[type="textarea"]
{
	/*border: 1px solid #E2871F;*/
	border: 1px solid #FF0066;
	color: black;
	font-weight:bold;
	font-size:medium;
}
    select,selection
    {    margin-left: 2px;
}

 

  margin-left: 2px;
}

 

.Item:hover /* For each item in a list when mouse hovers */
{
	border-color: #4F81BD;
	padding:0 0 0 0;
	border-style: solid solid solid solid ;
	border-width: thin thin thin thin;
	border-color:#4F81BD;
	
	background-color: #D0D8E8;
	width:100%;
	text-align:left ;
}

#dialogBg
{
	background-color:#ffffff;
	 text-align:center;
	 margin:50px 35%;
	  padding:0px;
	 
}
/*

 To center page contents 



   
    /* CSS to main container TABLE or DIV or PLACEHOLDER TAG of the web page */

#container
{
	border-style: hidden;
	border-width: medium;
	border-color: inherit;
	height:1000px;
}

.LoginName
{
color:Red;
font-weight:bold;	
}

#LoginStatus1 a
{
	color:#E2871F;
}
/*
#login1 #Username,#login1 #Password,input
{
	height:25px;
	 width: 215px;
	border : solid 1px #4F81BD;
}*/
.LoginTextBox
{
	 /*height:25px;
	 width: 215px;*/
	 border : solid 1px #4F81BD;
}
/*
.Button
{
	height: 30px;
	width: 140px;
	background-color: #4F81BD;
	color: White;
	border: 3px outset #4F81BE;
}*/
.Button#btnCancel, .Button #btnRetract,.Button#btnRecall,.Button#btnReject,.Button#btnUpload
{
	height: 30px;
	width: 140px;
	background-color: #006666;
	color: White;
	border: 3px outset #8F308F;
}/*
.Button:hover
{
	height: 30px;
	width: 140px;
	background-color: #81A3D1;
	color: #000000;
	border: 3px outset #4F81BE;
}
*/

.Button:mousedown
{
	height: 35px;
	width: 140px;
	background-color: #233D5F;
	color: #ffffff;
	border: 3px outset #4F81BE;
}

 

table {
	border-collapse: collapse;
}

table.list, td.details table.list {
	width: 100%;
	border: 1px solid #000;
}
table.list tr th, td.details table.list tr th {
	text-align: left;
	background-color: #666;
	color: #FFF;
	font-size: 100%;
	border-style: none;
	padding: 2px 20px 2px 2px;
}
table.list tr td, td.details table.list tr td {
	border-bottom: 1px solid #999;
	padding: 2px 20px 2px 2px;
}
table.list tr {
	background-color: #FFC;
}
table.list tr.odd {
	background-color: #CCC;
}
table.gnav tr td {
	background-color: #FFC;
	border: 1px solid #000;
	padding: 2px 10px;
	font-weight: bold;
}
table.gnav tr td a {
	color: #009;
	text-decoration: none;
}
table.gnav tr td a:hover {
	color: #900;
	text-decoration: underline;
}
table.webparts tr th {
	background-color:Gray;
	padding: 5px;
	color: #FFF;
	font-size: 120%;
	border: 1px solid #009;
	text-align:left;
}

td.details div table tr td, td.details div table tr td.detailheader
{
	border-style: none;
}
td.detailheader
{
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
	border-style: none;
	padding: 3px 10px 3px 0px;
}
td.details div table 
{
	border-style: none;
}
td.details div table tr td.detailitem 
{
	width: 100%;
	padding: 3px 10px 3px 0px;
}
td.details
{
	border: 2px solid #009;
	padding: 10px;
	background-color:#EEE;
}
.alert {
	color: #C00;
	font-weight: bold;
}
#Calender1
{
    z-index:200;
   
}