.magic
{
	font-family: Arial; 
	font-size: 13px;
	margin: 0px 0px 0px 0px;
}

.magic .magiclogo
{
	font-family: Arial;
	font-size: 18px;
	font-style:italic;
	font-weight: bold;
	color:White;
	height: 22px;
}

.magic .updateProgress
{		
	border-left: solid 1px black;
	border-right: solid 1px black;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	padding-left: 10px;
	font-weight: bold;
	background: white;
	height: 22px;
}

.magic .information
{
	color: Red;
	font-size: 12px;	
}

.magic .paging
{
	color: Gray;	
}

.magic .navigation
{
	background-image: url('../Image/NavigationBackground.jpg');
	background-repeat: repeat;
	height: 600px;	
}

.magic .navigationHome
{
	background-image: url('../Image/NavigationBackground.jpg');
	background-repeat: repeat;
	height: 400px;	
}

.magic .navigationParticipant
{
	background-image: url('../Image/NavigationBackground.jpg');
	background-repeat: repeat;
	height: 300px;	
}

.magic .navigation .top
{
	background-image: url('../Image/NavigationTop.jpg');
	background-repeat: no-repeat;
	height: 600px;
}

.magic .navigationHome .top
{
	background-image: url('../Image/NavigationTop.jpg');
	background-repeat: no-repeat;
	height: 400px;
}

.magic .navigationParticipant .top
{
	background-image: url('../Image/NavigationTop.jpg');
	background-repeat: no-repeat;
	height: 300px;
}

.magic .navigationWelcome
{
    background-image: url('../Image/MagicHeader.jpg');
    background-repeat: repeat;
    height: 62px;
    font-size: 12px;
    color: White;
    font-weight: bold;
    text-align:right;
    vertical-align:bottom;
}
.magic .footer
{
	font-size: 12px;
	color: Gray;
	text-align: center;
}


.magic .gridHeader
{
	background-image: url('<%=WebResource("Mors.Web.UI.Images.ContentBodyBackground.gif") %>');
	background-repeat: repeat-x;
	background-color: red;
	border-left: solid 1px #ece9d8;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
}

.magic .gridHeaderNormal
{
	background-repeat: repeat-x;
	background-color: #d9d8d8;
	height: 20px;
	vertical-align: middle;
	border-left: solid 1px #ece9d8;
	font-size: 9pt;
	font-weight: bold;
}
.magic .gridHeaderGroup
{
    background-repeat: repeat-x;
    background-color: #999999;
    height: 20px;
    vertical-align: middle;
    border-left: solid 1px #ece9d8;
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
}
.magic .gridPager
{
	background-repeat: repeat-x;
	background-color: #f4f4f4;
	height: 20px;
	vertical-align: middle;
	border-left: solid 1px #ece9d8;
	font-size: 10pt;
}

.magic .gridItem
{
	background-color: #ffffff;
	height: 20px;	
	border-top: solid 1px #ece9d8;
	border-left: solid 1px #ece9d8;
}

.magic .gridItemDisabled
{
	background-color: #ffffff;
	border-top: solid 1px #ece9d8;
	border-left: solid 1px #ece9d8;
	color: #a8a8a8;
}

.magic .gridItemAlternating
{
	background-color: #DDDDDD;
	height: 20px;
	border-top: solid 1px #ece9d8;
	border-left: solid 1px #ece9d8;
	
}

.magic .subContentHeader
{
	width: 100%;
	border: 1px solid #ece9d8;
	height: 24px;
}

.magic .subContentHeaderLeft
{
	font-weight: bold;
	color: #ffffff;
	padding-left: 10px;
	background-color: #ffffff;
	background-image: url('../Image/GreenBar.gif');
	background-repeat:repeat-x;
	background-position: top left;
	text-align: left;
	white-space: nowrap;
}

.magic .subContentHeaderCenter
{
	font-weight: bold;
	color: #ffffff;
	background-image: url('../Image/GreenBar.gif');
	background-repeat:repeat-x;
	background-color: #ffffff;
	background-position: top left;
	text-align: center;
	width: 100%;
	white-space: nowrap;
}

.magic .subContentHeaderCenter a:active
, .magic .subContentHeaderCenter a:visited
, .magic .subContentHeaderCenter a:hover
, .magic .subContentHeaderCenter a:link
{
	font-weight: bold;
	color: #ffffff;
}

.magic .subContentHeaderRight
{
	font-weight: bold;
	color: #ffffff;
	background-image: url('../Image/GreenBar.gif');
	background-repeat:repeat-x;
	background-color: #ffffff;
	background-position: top left;
	text-align: right;
	white-space: nowrap;
}

.magic .subContentSection
{
	font-family: Arial;
	font-size: 8pt;
	background-color: #e6e6e6;
	border: 1px solid #ece9d8;
}

.magic .gridContainer
{
	font-family: Arial;
	font-size: 10pt;
	border: solid 1px #ece9d8;
}

.magic .gridContainerSurvey
{
	font-family: Arial;
	font-size: 12px;
	border: solid 0px #ece9d8;
}

.magic .commonButton
{
	border: 1px solid #75AA04;
	background-image: url('/Image/ButtonBackground.gif');
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	cursor: pointer;
}

.magic .commonTextBox
{
	border: 1px solid #75AA04;
	background-image: url('/Image/TextboxBackground.gif');
	font-family: Arial;
	font-size: 8pt;
}

.magic .gridDatePickerWidth
{
	width: 60px;
}

.magic .commonRadioButtonList
{
	font-family: Arial;
	font-size: 12px;
}

.magic .search
{
	font-size: 11px;	
}

.magic .commonDropDownList, .magic .commonListBox, .magic .commonWebControl
{
	border: 1px solid #75AA04;
	background-color: #f4f4f4;
	font-family: Arial;
	font-size: 8pt;	
	width: 12em;
}

.magic .fixedWidthTextBox
{
	width: 90px;
}

.magic .fixedWidthButton
{
	width: 80px;
}

.magic .tinyWidthButton
{
	width: 50px;
}

.magic .longWidthButton
{
	width: 160px;
}

.magic .longWidthTextBox
{
	width: 200px;
}

.magic .veryLongWidthTextBox
{
	width: 250px;
}

.magic .tinyWidthTextBox
{
	width: 20px;
}

.magic .mediumWidthTextBox
{
	width: 40px;
}

.magic .tinyWidthDropDownList
{
	width: 50px;
}

.magic .mediumWidthDropDownList
{
	width: 100px;
}

.magic .longWidthDropDownList
{
	width: 160px;
}

.magic .veryLongWidthDropDownList
{
	width: 260px;
}

.magic .commonImage
{
	vertical-align: middle;	
	cursor:  auto;
}

.magic .roleMode
{
	color: Yellow;
	text-align: center;
	font-weight: bold;	
}

.magic .title
{	
	font-family: Arial;
	font-size: 18px;
	height:35px;
	padding-left: 4px;
	padding-right: 3px;
	color: maroon;
	font-weight: bold;
	z-index: -1;
	
}

.magic .titleListView
{	
	font-family: Arial;
	font-size: 18px;
	height:35px;
	color: maroon;
	font-weight: bold;
	z-index: -1;
	
}
.magic .titleContentHome
{
    font-family: Arial;
    font-size: 15px;
    height: 15px;
    padding-left: 4px;
    padding-right: 3px;
    color: maroon;
    font-weight: bold;
    background-color: #DDDDDD;
}

.magic a
{
	color: maroon;
	font-size: 12px;	
}

.magic .pricing
{
	font-size: 18px;
	color: Blue;
	vertical-align: middle;
	text-align: center;
}

.magic .paddedFieldset
{
	left: 20px;	
}

.magic .magic__tab_plain .ajax__tab_body 
{
	border: solid 1px black;
	width: 600px;
}

.magic .magic__tab_plain .ajax__tab_header 
{    	
	text-align: left; 
    vertical-align: middle;	 	    
    font-family: Arial; 
    font-size: 12px;
    font-weight: bold;	
    border-left: solid 1px black;        
    height: 18px;   
}   

.magic .magic__tab_plain .ajax__tab_inner 
{
	text-align: center; 
	border-bottom: solid 1px black;		
	height: 18px; 		
}  

.magic .magic__tab_plain .ajax__tab_outer
{
	text-align: center;     	
	border-top: solid 1px black;
	border-right: solid 1px black;		
	height: 18px; 
	background: #E0E0E6;	
}    

.magic .magic__tab_plain .ajax__tab_active .ajax__tab_outer
{		 
	background:#6FA301;   
    color: white;    
}

 .magic .magic__tab_plain .ajax__tab_hover .ajax__tab_outer
{
    background:#B3CE79;
    color: White;
}    

.magic .magic__tab_xp .ajax__tab_body 
{
	font-family:verdana,tahoma,helvetica;
	font-size:10pt;
	border:1px solid #999999;
	border-top:0;
	padding:8px;
	background-color:#ffffff;
}

.magic .breadCrumb
{
    font-size: 12px;
    z-index: -1;
}

.magic .asterix
{
	font-size: 11px;
	color: Red;
}

.magic .asterixBig
{
	font-size: 16px;
	color: Red;
}

.magic .HeaderNews
{
    background-repeat: repeat-x;
    background-color: #d9d8d8;
    height: 20px;
    vertical-align: middle;
    border-left: solid 1px #ece9d8;
    font-size: 10pt;
    color: Black;
    font-weight: bold;
}
.magic .HeaderDetail
{
    border: thin solid #ece9d8;
    font-size: 10pt;
}
.magic .AdjustZNegIndex
{
    z-index: -1;
}
.magic .AdjustZIndex
{
    z-index: 1;
}
.magic .menuStatic
{
    background-repeat: repeat-x;
    background-color: maroon;
    height: 20px;
    font-size: 10pt;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    display: block !important;
}
.magic .menuStaticItem
{
    background-repeat: repeat-x;
    background-color: maroon;
    height: 20px;
    border-left: solid 1px #ece9d8;
    font-size: 10pt;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    display: block !important; 

    
}
.magic .menuStaticHover
{
    background-repeat: repeat-x;
    background-color: #993333;
    height: 20px;
    border-left: solid 1px #ece9d8;
    font-size: 10pt;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif; 
    display: block !important;        

}
.magic .menuDynamic
{
    border: 1px outset #993333;
    background-color: #FFFFFF;    
    font-size: 9pt;
    color: #993333;
    font-family: Arial, Helvetica, sans-serif;       
    z-index: 1;  
    display: block !important; 
}
.magic .menuDynamicItem
{
    background-color: #FFFFFF;    
    font-size: 9pt;
    color: #993333;
    font-family: Arial, Helvetica, sans-serif; 
    text-align: left;       
    z-index: 100;
    display: block !important; 

}

.magic .Instructions
{
	font-size: 10px;
	color: Gray;
	text-align: center;
}
.magic .gridHeaderGroupTot
{
    background-repeat: repeat-x;
    background-color: #666666;
    height: 20px;
    vertical-align: middle;
    border-left: solid 1px #ece9d8;
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
}
.magic .dateHome
{
    color: maroon;
    font-size: 10px;
    z-index: -1;
}
.magic .Successful
{
	font-size: 11px;
	color: Blue;
}
.magic .modalBackground

    {
        background-color: white;        
    }

.magic .modalPopup

    {

        background-color: #FFFFFF;
        border-width: 3px;
        border-style: solid;
        border-color: gray;
        padding-top: 10px;
        padding-left: 10px;
        width: 400px;
        height: 250px;

    }