/* NOTE: URL References are relative to the directory in which the CSS
         file resides, so if it is in a /css/ directory, the reference
         must include ../ for images, etc.       
*/
body
{
	margin: 0;
	padding: 0;
	color: #4A5252;
	font-family:Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: .75em;
}
    
a {
    color:#3333FF
    }

a:visited 
{
	    text-decoration: none;
	    color: #82A0D0;
    }
a:hover {
	    text-decoration: none;
	    color: #FF9933;
    }
.header {
    background-image: url(../images/header/background.gif);
    }
    
    /* Rounded Corners */
    .container {background:#ADC6F7; color:#fff; margin:0 15px;}
            .rtop, .rbottom{ display:block; background:#fff;}
            .rtop *, .rbottom *{ display: block; height: 1px; overflow: hidden; background:#ADC6F7;}
            .r1{margin: 0 5px}
            .r2{margin: 0 3px}
            .r3{margin: 0 2px}
            .r4{ margin: 0 1px; height: 2px}
            .tcell {background:#ADC6F7;}



/* AJAX Components*/

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	overflow:auto;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	height : 200px;
	white-space:nowrap;
    text-align : left; 
    list-style-type : none;
    
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
	white-space:nowrap;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:2px;
	border-style:solid;
	border-color:Gray;
	padding:0px;
	width:250px;
}

.outerPopup 
{
    background-color:transparent;  
    padding:1em 6px;
}

.innerPopup
{
    background-color:#0C1B5E;
}



/*Hover Menu*/
.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#FFFFFF;
    padding:3px;
    border-width:2px;
	border-style:solid;
	border-color:Gray;
}

.popupHover {
	background-image:url(../images/header-opened.png);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#F5F7F8;
}

/*Textbox Watermark*/

.unwatermarked {
	height:18px;
	width:148px;
	font-weight:bold;
}

.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	



/* ResizableControl */

.frameImage
{
	width:130px;
	height:65px;
	overflow:hidden;
	float:left;
	padding:3px;
}

.frameText
{
	width:100px;
	height:100px;
	overflow:auto;
	float:left;
	background-color:#ffffff;
	border-style:solid;
	border-width:2px;
	border-color:Gray;
	font-family:Helvetica;
	line-height:normal;
}

.handleImage
{
	width:15px;
	height:16px;
	background-image:url(../images/HandleHand.png);
	overflow:hidden;
	cursor:se-resize;
}

.handleText
{
	width:16px;
	height:16px;
	background-image:url(../images/HandleGrip.png);
	overflow:hidden;
	cursor:se-resize;
}

.resizingImage
{
	padding:0px;
	border-style:solid;
	border-width:3px;
	border-color:#B4D35D;
}

.resizingText
{
	padding:0px;
	border-style:solid;
	border-width:2px;
	border-color:#7391BA;
}
/* Update Progress Panel */
.updateProgress
{
    border-width:1px; 
    border-style:solid; 
    background-color:#FFFFFF; 
    position:absolute; 
    width:400px; 
    height:200px;    
}
.updateProgressMessage
{
    margin:3px; 
    font-family:Trebuchet MS; 
    font-size:small; 
    vertical-align: middle;
}  

.BlueBox {
background-color: #ADC6F7; 
border: solid 1px blue; 
font-family: Arial, helvetica; 
color: blue; 
font-size: smaller; 
padding-right: 5px;
padding-left: 5px; 
padding-bottom: 5px; 
padding-top: 5px;
vertical-align:top;
}

.left 
{
	float:left;
	margin-top:5px;
	margin-left:0px;
	margin-right:5px;
	margin-bottom:5px;
}

.right 
{
	float:right;
	margin-top:5px;
	margin-left:0px;
	margin-right:5px;
	margin-bottom:5px;
}

p 
{
	font-size:1em;
	margin-bottom: 1.5em;
	line-height:1.4em;
}


/* Side Menu */
         
        div#LeftCol {
            display: inline; 
            float: left; 
            margin-right: 10px;
            width: 125px;
            font-size: 0.9em;
            text-align: left;
        }

        div#LeftCol ul {
            list-style: none;
            list-style-position:outside;
            width: 125px;
            margin: 0;
            padding: 0;
            padding-top:4px;
            font-size: 1.1em;
        }

        div#LeftCol li {
            margin: 0px 0px 4px 0px;  
         }

        div#LeftCol li a 
        {
	     	font-family:Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	     	font-size:.8em;
            font-weight: bold;
            height: 30px;
            text-decoration: none;
            color: #505050;
            display: block;
            padding: 4px 0 2px 10px;
            background: #f4f4f4;
            border-left: 4px solid #cccccc;
         }

        div#LeftCol li a:hover {
            background: #ADC6F7;
            color: #286ea0;
            border-left: 4px solid #286ea0;
        }
        
        div#LeftCol li a.selectedmenu {
            background: #ADC6F7;
            color: #286ea0;
            border-left: 4px solid #286ea0;
   
        }
/* End Side Menu*/