*{ margin:0; padding: 0; }*
body { margin: 10px 10px 10px 10px; background: #fff; font: .74em "Trebuchet MS", Arial, Sans-Serif; color: #444; }
	h1 { font-size: 3em; font-weight: normal; float: left;color: #9D2900;}
	h2 { font-size: 2em; color: #FFF2B3; font-weight: normal; margin: 0 0 .8em; }
	h3 { font-size: 1.5em; border-bottom: 1px solid #eee; margin: 0 0 .8em; }
	p  { margin: 0 0 2em 0; line-height: 1.8em; }
	em { border-bottom: 1px dotted #fff; cursor: pointer; }
	a { color: #9D2900; }
	a:hover { color: #A0000E; text-decoration: none; }
	a:visited { color: #9D2900; }
	img { border: 0; }
	.red { color: #9D2900; }
.wrap { width: auto; margin: 0 auto; }
.btn{
    background-color: orangered;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 50%;
	  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
	padding: 10px 20px 10px 20px;
  text-decoration: none;

}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
.btn-sm{
    background-color: orangered;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100px;
	  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
	padding: 10px 20px 10px 20px;
  text-decoration: none;

}

.btn-sm:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
.rndtext 
{
    width: auto;
    border: 1px solid #ccc;
	 padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
	 border-radius: 20px;
}

.rndtext-sm 
{
    width: auto;
    border: 1px solid #ccc;
	 padding: 4px 4px;
    margin: 4px 0;
    box-sizing: border-box;
	 border-radius: 14px;
}
.clear
{
    clear: both;
}
.gradlgin {
     height: 300px;background-color:#336699;
   }
.boxshadow {
    position: relative;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    padding: 10px;
    background: white;
    margin-left:auto!important;
    margin-right:auto!important;
}
#grad1 {
    height: 400px;
    background-image: linear-gradient(to top , #2F5E70, black);
    background: #2F5E70; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#2F5E70, black); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#2F5E70, black); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2F5E70, black); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2F5E70, black); /* Standard syntax (must be last) */
}
#header { width: auto; height: auto; margin: 0 auto;background: #fff url(/images/splgenie50.png) no-repeat right top 0px; }
	#menu  { float: none; padding: 0 0 0 10px; list-style: none;margin-left:auto; }
		#menu li { display: inline; }
		#menu a { display: block; float: left; margin-left: 30px; padding: 7px; text-decoration: none; font-size: 13px; color: #000000; }
		#menu a:hover { color:  #A0000E; border-bottom: 2px solid  #A0000E; }
		#menu .active a { border-bottom: 2px solid #C70012; color: #9D2900;}


#teaser { clear: both;background-color:#336699; width:auto;position:relative;padding:4px;height:100%;}
	.box { float: left; padding: 5px 0 0 10px; width: auto; color: #C7E3EE;  }
	.box a { color: Yellow; }
	a:hover { color: #A0000E; text-decoration: none; }
	a:visited { color: #9D2900; }
	/*#image { float: right; width: 388px; position: relative; top: 16px; background: url(../images/rspl1.gif) no-repeat  top right; height: 258px; }*/
	.boxr { float: right; padding: 40px  0px 0 0px; width: 400px; color: #C7E3EE; top:16px;height: 200px;}
	.boxc {  float: left; padding: 40px  10px 0 10px; width: 400px; color: #C7E3EE; height: 200px;}
	.boxrd { float: right; padding: 40px  10px 0 21px; width: 400px; color: #C7E3EE; top:16px;height: 200px;}
	
#bar { height: 40px; margin: 0 0 30px; padding: 8px 0 0 0; background: url(../images/bar.gif) repeat-x; }
	.step { cursor: pointer; color: #FAFDDD; padding: 4px 0 0 11px; margin: 0 35px 0 0; font-size: 1.4em; float: left; text-align: center; background: url(../images/step.gif) no-repeat; height: 30px; }
	.step a { color: #fff; margin: 0 10px 0 0; }
	
.col { float: left; width: 276px; margin: 0 30px 16px 0; }
	.last { float: right; margin: 0; }
	.info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 7px; }

#footer { clear: both; width: auto; margin: 0 auto; padding: 15px; border-top: 1px solid #e0e0e0;min-height:100px; background: #fff url(../images/small_fdalogo.jpg) no-repeat right 13px; }	
	#footer .right { float: right; margin: 0 55px 0 0; }
	#footer a { color: #808080; font-weight: bold; }

@media (min-width: 1024px) {
    #teaser {
        clear: both;
        background-color: #336699;
        width: auto;
        position: relative;
        max-width: 1024px;
        margin-left: auto;
        margin-right: auto;
    }

    .t-container-static {
        width: 1024px !important;
    }
}
@media (max-width: 1024px) {

    .t-container-static {
        width: auto !important;
    }
}
@media (max-width: 800px) {

   #menu  { float: none; padding: 0 0 0 0px; list-style: none;margin-left:auto; }
	
}
@media (max-width: 900px) {
      .t-container-static {  width: auto!important;    }
      #header { width: 100%!important; height: 50px; margin: 0 auto;float:left; }
	
		#menu li { display: inline; }
		#menu a { display: block; float: left; margin-left: 30px; padding: 7px; text-decoration: none; font-size: 13px; color: #000000; }
		#menu a:hover { color: #000; border-bottom: 2px solid #ccc; }
		#menu .active a { border-bottom: 2px solid #C70012; color: #9D2900;}

#teaser {  background-color:#336699; width:auto;position:relative;}
.box { float: left; padding: 0 0 0 0; width: 90%; color: #C7E3EE; max-width:400px; }
}

@media (max-width: 768px) {
     .t-container-static { width: auto !important;    }
#header { width: 100%!important; height:auto; margin: 0 auto;float:left;max-width:700px; }
	
		#menu li { display: inline; }
		#menu a { display: block; float: left; margin-left: 30px; padding: 7px; text-decoration: none; font-size: 13px; color: #000000; }
		#menu a:hover { color: #000; border-bottom: 2px solid #ccc; }
		#menu .active a { border-bottom: 2px solid #C70012; color: #9D2900;}

#teaser {  background-color:#336699; width:auto;position:relative;}
.box { float: left; padding: 0 0 0 0; width: 90%; color: #C7E3EE; max-width:400px; }
}
@media (max-width: 400px) {
   .t-col4 {
        padding-left: 0px !important;
        padding-right: 1px !important;
        
    }

	 .t-container {
        padding-left: 0px !important;
        padding-right: 1px !important;
      
    }
		#menu li { display: inline; }
		#menu a { display: block; float: left; margin-left: 30px; padding: 7px; text-decoration: none; font-size: 13px; color: #000000; }
		#menu a:hover { color: #000; border-bottom: 2px solid #ccc; }
		#menu .active a { border-bottom: 2px solid #C70012; color: #9D2900;}

#teaser { background-color:#336699; width:auto;position:relative;}
.box { float: left; padding: 0 0 0 0; width: auto; color: #C7E3EE;max-width:300px;  }
h2 { font-size:medium; color: #FFF2B3; font-weight: normal; margin: 0 0 .8em; }
}
@media (max-width: 360px) {
 
     .t-container {
        padding-left: 0px !important;
        padding-right: 1px !important;
      
    }
	
		#menu li { display: inline; }
		#menu a { display: block; float: left; margin-left: 30px; padding: 7px; text-decoration: none; font-size: 13px; color: #000000; }
		#menu a:hover { color: #000; border-bottom: 2px solid #ccc; }
		#menu .active a { border-bottom: 2px solid #C70012; color: #9D2900;}

#teaser { background-color:#336699; width:auto;position:relative;}
.box { float: left; padding: 0 0 0 0; width: 90%; color: #C7E3EE;  }
h2 { font-size:small; color: #FFF2B3; font-weight: normal; margin: 0 0 .8em; }
	#menu li { display: inline;font-size:small; }
}
ul.AltMenu{
    display:inline-block;
}
    ul.AltMenu li {
        height: 35px;
        padding: 0;
        margin: 0;
    }
    .AltOpMenu{
        height:35px;
    }
.AlternateItemList
{
    color:Yellow;
    text-decoration:none;
}
a.AlternateItemList{text-decoration:none;color:Yellow;}
a.AlternateItemList:hover{text-decoration:underline;color:Yellow;}
.ItemList
{
 
    text-decoration:none;
}
a.ItemList{text-decoration:none;}
a.ItemList:hover{text-decoration:underline;}
.disaItemList{
    text-decoration:none;
    pointer-events:none;

}


  .rbClearButton {
            background-repeat:no-repeat;
            background-color: transparent !important;
            margin-top:0px;
            border: none !important;
           
            vertical-align:top;
            color: #000 !important; /* optional, depending on the background */

        }
            .rbHoverBlue{

            text-decoration-color:deepskyblue;
            color:cornflowerblue; /* optional, depending on the background */

        }
    .classdisa
    {
     background-color:salmon;
      pointer-events:none;
    }
    
.not-active {
   pointer-events: none;
   cursor: default;
}
    div.RadGrid_Default .rgAltRow a
    {
      color:Yellow;
    }
    div.RadGrid_Default .rgRow a:hover,
    div.RadGrid_Default .rgRow a:visited,
    div.RadGrid_Default .rgAltRow a:hover,
    div.RadGrid_Default .rgAltRow a:visited
    {
      color: orange;
      font-size: 15px;
    }
    .ruFileInput
        {
            font: 11/10px "Arial","Segoe UI",sans-serif !important;
        }
    .refresh
    {
        vertical-align:middle;
        text-align:right;
        float:right;
        padding:0 5px 0 10px;
        text-decoration:none;  
        position:inherit;     
    }
         .rdpWrap .RadInput, .rdpWrap .rdpPagerButton, .rdpWrap .rdpPagerLabel
        {
            float: left;
        }