@media screen,projection{

/* Main Style */

   #pageContent
	    {  
		    border-bottom: 1px solid #CDCDCD;
		    background-color: #FFF;
		    padding-right: 10px;
		    padding-left: 10px;
		    padding-bottom: 10px;
		    padding-top: 0px;
	    }

 #Menu {
    	
    }
 #vscms-page
{
	width:400px;
	margin:0 auto;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
 #vscms-pageNew
{
	width:100%;

	  padding: 0px 0px 0px 0px;
  background: url(images/bg.gif);
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
#contact-info
	{
		width: 138px;
		margin:10px;
		padding:10px;
		border-bottom: 1px solid #cccccc;	
		margin-top:0px;
		font-size:11px;
		padding-top:5px;
	}

#Panel1 {
	
	position: relative !important;
	/*background-color: orange !important;*/
	
	
}

#userHeader   
    {
    	background-color: orange !important;
	    display:block;
		top: 5px;
		right: 10px;
	
	    font-size:100%;
	    color:#00355F;
	    padding:0px;
	    line-height: 2.3em;
	    vertical-align:bottom;
	
    	
    }

    #userHeader a {
	    color: #00355F;
		font-weight: normal;
	    text-decoration:none;
		border-right: 1px solid #666;
		padding-right: 8px;
		margin-right: 4px;
    }
    #userHeader a:hover {
	    color:#00355F;
		text-decoration: underline;
    }
    #userHeader ul {
        white-space:nowrap;
        list-style:none;
	    display:inline-block;  
	    margin:0px;
	    padding:0;
		background-color: Orange !important;
    }
    #userHeader li {
	    padding:0px 5px 0 0px;
	
        float:left;
        overflow-x:hidden;
	    white-space:nowrap;

    }
    #userHeader li.first {
	    background-image:none;
	    padding-left:0;
    }
    #userHeader .userName {
	    font-weight:bold;
    }
    #userCredentials {
	    overflow:hidden; 
	    height:2.3em;
	    position:relative;
	    float:right;
		background-color:#CCC !important;
		border-bottom-left-radius: 10px;
	/*	border-bottom: 2px solid #333;
		border-left: 2px solid #333;*/
		padding: 0px 10px 0px 26px;
		box-shadow:0px 2px 5px 0px #333;

		background-image:url(../../../Image/lock.png);
		background-repeat: no-repeat;
    }
    #userCredentials ul {
	    
		position:relative;
	    display:inline;
        white-space:normal;
    }
	.userName{
		
		font-weight: normal !important;
		border-right: 1px solid #666;
		padding-right: 8px;
		margin-right: 4px;
		
	}
	
		
		
		
	}

  #footer 
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px; 
	color: red;
    clear : both;
	width: 960px;
	height: 100%;
	margin: 0 auto;
	padding-top: 20px;
	border-top: 1px #000000 solid;
}

#footer-address
{
	
	width:20%;
	text-align:center; 
	float:left
	
}

#footer-links
{
     
     width:52%;	
     text-align :left; 
	 float:left;
 
}

#footer-copyright
{   
   
    width:25%;	
    text-align:left; 
	float: right;
}

#footer ul 
{
	padding:0px;
	margin:0px;
	list-style:none outside none;
}

#footer li 
{
	display:inline;
	margin:0px;
	line-height:1.7em;
}

#footer a
{
	position:static;
}


    .MyItem
{
	
    cursor:  hand !important;
}
.error {
	    color:#F00;
    }
.required {
	    font-weight:bold;
	    color:#FF9A00;
    }
.button, input.submit, input.button, button {
	    background-image: url(images/button.gif);
	    background-repeat: repeat-x;
	    border: solid 1px #ccc;
	    border-left: 1px solid #d7d6c5;
	    border-right: 1px solid #d7d6c5;
	    height: 24px;
	    width: 114px;
	    background-color: transparent;
	    padding: 0px;
	    font: 11px #666 Verdana, Arial, Sans-serif;
	    color: #969277;
	    font-weight:bold;
    }
.button1 {
	     background-image: url(images/AdminToolBgHover.png);
	    background-repeat: repeat-x;
	    border: solid 1px #ccc;
	    border-left: 1px solid #d7d6c5;
	    border-right: 1px solid #d7d6c5;
	    border-radius: 25px;
	    height: 20px;
	    width: 80px;
	    background-color: transparent;
	    padding: 2px 10px;
	    font: 11px Verdana, Arial, Sans-serif;
	    color: #969277;
	    font-weight:bold;
	    color:Black;
    }
    .button4 {
	    background-image: url(images/AdminToolBgHover.png);
	    background-repeat: repeat-x;
	    border: solid 1px #ccc;
	    border-left: 1px solid #d7d6c5;
	    border-right: 1px solid #d7d6c5;
	    border-radius: 25px;
	    height: 20px;
	    width: 80px;
	    background-color: transparent;
	    padding: 0px;
	    font: 10px Verdana, Arial, Sans-serif;
	    color: #969277;
	    font-weight:bold;
	    color:Black;
    }
    .button2 {
	    background-image: url(images/AdminToolBgHover.png);
	    background-repeat: repeat-x;
	    border: solid 1px #ccc;
	    border-left: 1px solid #d7d6c5;
	    border-right: 1px solid #d7d6c5;
	    height: 20px;
	     border-radius: 25px;
	    width: 240px;
	    background-color: transparent;
	    padding: 2px 10px;
	    font: 10px Verdana, Arial, Sans-serif;
	    color: #969277;
	    font-weight:bold;
	    color:Black;
    }
    
    .button3 {
	    background-image: url(images/graybutton.png);
	    background-repeat: repeat-x;
	    border: solid 1px #ccc;
	    border-left: 1px solid #d7d6c5;
	    border-right: 1px solid #d7d6c5;
	    height: 20px;
	    border-radius: 25px;
	    width: 240px;
	    background-color: transparent;
	    padding: 2px 10px;
	    font: 10px Verdana, Arial, Sans-serif;
	    color: #fff;
	    font-weight:bold;
    }
     .button5 {
	    background-image: url(images/AdminToolBgHover.png);
	    background-repeat: repeat-x;
	    border: solid 1px #ccc;
	    border-left: 1px solid #d7d6c5;
	    border-right: 1px solid #d7d6c5;
	    height: 20px;
	     border-radius: 25px;
	    background-color: transparent;
	    padding: 2px 10px;
	    font: 10px Verdana, Arial, Sans-serif;
	    color: #969277;
	    font-weight:bold;
	    color:Black;
    }
    .button3:hover    
    {
        background-image: url(images/Blackbutton.png);
	    background-repeat: repeat-x;
    }
   /* Reset Style */
    * {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; 
      }
     body {
	    font:normal 95% Verdana, Helvetica, sans-serif;
        color:#333;
		z-index:5;
		
     }
	


     BODY {
		font-family:Verdana, Helvetica, sans-serif;
    	font-size:12px;
		font-weight:lighter;
		font-color:#9F0;
		z-index:5;
     }
    
   A {
	COLOR: #00355f; TEXT-DECORATION: none
   }
   A:link {
	COLOR: #00355f; TEXT-DECORATION: none
   }
   A:visited {
	COLOR: #00355f; TEXT-DECORATION: none
   }

   A:hover {
	COLOR: #4d7191; TEXT-DECORATION: underline
   }
    a:hover{ text-decoration: underline; color: #4d7191; }

  
  SUB {
	LINE-HEIGHT: 1px
  }
  SUP {
	LINE-HEIGHT: 1px
  }
  HR {
	BACKGROUND: #999999; FLOAT: left; MARGIN: 5px 0px; WIDTH: 100%; HEIGHT: 1px
  }
  OL {
	FONT-SIZE: 1.5em; MARGIN-LEFT: 25px; COLOR: #677f67
  }
  OL LI {
	MARGIN: 0px 0px 10px
  }
  OL LI SPAN {
	FONT-SIZE: 0.7em; COLOR: #000000
  }
   OL LI IMG {
	MARGIN: 10px 0px 0px 35px
  }
  #pageContent  UL {
	MARGIN-LEFT: 15px; 
  }
   #pageContent UL LI {
	MARGIN: 0px 0px 0px
  }
  p  {margin:0 0 1em 0}
  /*Page Content Style*/
  #event-header
{
	font-size:1.1em;
	font-weight:bold;
	margin-left:10px;
	margin-bottom:20px;
}

#event-content-col
{
	background:#ccccff;
}

#event-left-col
{
	float:left;
	width:200px;
	padding:10px;
	margin:10px;
	height:100%;
}

#event-left-col .toc-header
{
	font-weight:bold;
}

#event-right-col
{
	margin-left:250px;
	padding-left:20px;
	padding-right:10px;
	background:#ffffff;
	margin-top:0px;
	padding-top:0px;
	top:-20px;
	position:relative;
}


}
@media print 
{
    @page{
	    position:relative;
	    display:block;
	    size: 8.5in 11in portrait;
	    margin: .5in .75in .5in .75;
	    width:7in;
	    orphans:3;
	    widows:2;
	    page-break-after:avoid;
    }
    #page-wrap,#Menu,
    #footer,#menu,#userHeader
    {
	    visibility:collapse !important;
	    display:none;
    }

}
h1{
	font-weight: normal !important;
	padding-bottom: 15px !important;
	color: #00355F !important;
	/*border-bottom: 1px dotted #999999 !important;*/
	
}
h2{
	font-weight: bold !important;
	padding-bottom: 5px !important;
	font-size: 14px !important;
	color: #00355F !important;
	
	
}
h3{
	font-weight:bold;
	font-size:12px;
	display: inline-block;
	padding-top: 12px;
	padding-bottom: 6px;
	
}
.rgGroupHeader td p{
	
	/*color: orange !important;*/
	font-size: 14px !important;
	padding-bottom: 5px !important;
	margin-bottom: 5px !important;
	color: #00355F !important;
}
.rgGroupHeader td{
	padding-bottom: 5px !important;
	padding-top: 2px !important;
	
}
label{
	padding-left: 3px !important;
	padding-right: 6px !important;
	
}
.rgGroupPanel td{
	
	background-color: #ffe3d6 !important;
	
}


#ContentPlaceHolder1_btnExcel{
	background-image: url(images/download-excel.gif);
	background-color: #FFCC00 !important;
	background-repeat: no-repeat;
	padding: 8px 12px;
	padding-left: 28px;
	height: auto;
	width: auto;
	font-size: 14px;
	font-weight: bold;
	color: #00355F;
	border: 4px solid orange;
	
}

#ContentPlaceHolder1_btnExcel:hover{
	
	background-color: #fed42d !important;
	background-image: url(images/download-excel-over.gif);
	
	color: black;
	
	
}

/*#ContentPlaceHolder1_lbtExport{
	
	background-color: #00355F !important;
	color: #fff;
	padding: 4px 6px 4px 2px;
	font-size: 14px;
	font-weight: bold;
	border: 4px solid black;
	margin-top: 20px;
	margin-bottom: 20px;
	
}*/

#generate a{
	
	background-color: #00355F !important;
	color: #fff;
	padding: 8px 10px 8px 8px;
	font-size: 14px;
	font-weight: bold;
	border: 4px solid black;
	margin-top: 20px;
	margin-bottom: 20px;
	
	
}
 #message
        {
            display: none;
            background: #f1f1f1;
            color: #000;
            position: relative;
            padding: 20px;
            margin-top: 10px;
        }
        #message p
        {
            padding: 4px 5px;
            font-size: 12px;
            margin: 0 0 0 0;
        }
        .valid
        {
            color: green;
        }
        
        .valid:before
        {
            left: -35px;
            content: "✔";
        }
        .invalid
        {
            color: red;
        }
        
        .invalid:before
        {
            left: -35px;
            content: "✖";
        }
          .RadMenu .rmGroup .rmText
        {
            color: #000;
            line-height: 40px;
        }
        .RadMenu_Metro .rmRootLink .rmText
        {
            padding-right: 10px !important;
        }
        .RadMenu_Metro .rmSelected, .RadMenu_Metro .rmSelected:hover, .RadMenu_Metro .rmExpanded, .RadMenu_Metro .rmExpanded:hover {
               border-color:#812022 !important;
         }
        .RadMenu_Metro .rmRootLink:hover, .RadMenu_Metro .rmFocused, .RadMenu_Metro .rmFocused:hover {
             border-color:#812022 !important;
         }
        .RadMenu_Metro div.rmRootGroup, .RadMenu_Metro ul.rmRootGroup
        {
            background-color: inherit !important;
            margin-top: -6px !important;
        }
        .MenuPack a
        {
            padding: 0px 0px 0px 12px !important;
            background-image: inherit !important;
            border-radius: 0px !important;
            margin-top: 0px !important;
            color: #fff !important;
            margin-left: 0px !important;
        }