@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


table td, th {
    font-family: "Arial", sans-serif;
}
.normaltable1 {
    ffont-family: "Arial", sans-serif;
}


 
#LPcontent              { margin: 0; padding: 0 0 0 5px;}
#LPcontent h1           { font-family: "Arial", sans-serif; color: #4f7a32; font-size: 18pt; font-style: normal; font-weight: bold; margin: 10px 0px 15px 0; line-height: normal;}
#LPcontent h2           { font-family: "Arial", sans-serif; font-size: 15pt; color: #4f7a32; line-height: normal; font-style: normal; font-weight: bold; margin: 0px; padding: 5px 0;}
#LPcontent h3           { font-family: "Arial", sans-serif; font-size: 12pt; color: #000000; line-height: normal; font-style: normal; font-weight: bold; margin: 0px; padding: 5px 0;}
#LPcontent ul           { margin: 5px 0 10px 20px; padding: 0;}
#LPcontent ul li        { font-family: "Arial", sans-serif; font-size: 9pt; line-height: 20px; margin: 0; padding: 0; list-style-type: disc;}
#LPcontent p            { font-family: "Arial", sans-serif; font-size: 9pt; color: #000000; line-height: 20px; font-style: normal; font-weight: normal; margin: 0px; padding: 0;}
#LPcontent hr           { clear: both; margin: 20px 0; height: 0; border: 1px solid #000; border-width: 2px 0 0;}
#LPcontent a            { color: #3e7ab3; text-decoration: none;}
#LPcontent a:hover, a:focus { color: #000; text-decoration: underline;}

#nav-realm ul li a {
  font-size: 10px;
  font-family: "Arial", sans-serif;
}

#nav-realm { 
  float: left;
  padding: 0;
  margin: 0 0 0 20px;
  width: auto; 
}
#nav-realm ul {
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
}
#nav-realm ul li {
  float: left;
  padding: 2px;
  margin: 0 1px 0 0;
  border-bottom: 0 none;
  background-color: #8a8a8a;
  background-position: top left;
  background-repeat: no-repeat;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -khtml-border-radius-topright: 5px;
  -khtml-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
#nav-realm ul li a {
  display: block;
  padding: 5px 9px;
  margin: 0;
  color: #000000;
  text-decoration: none;
  font-weight: bold;
  background-color: transparent;
  background-position: top right;
  background-repeat: no-repeat;
}
#nav-realm ul li a:visited {
  display: block;
  padding: 5px 9px;
  margin: 0;
  color: #000000;
  text-decoration: none;
  font-weight: bold;
  background-color: transparent;
  background-position: top right;
  background-repeat: no-repeat;
}
#nav-realm ul li:hover {
  background-color: #000;
}
#nav-realm ul li.external:hover {
  background-color: #000;
}
#nav-realm ul li.external.sfhover {
  background-color: #000;
}
#nav-realm ul li.sfhover {
  background-color: #000;
}
#nav-realm ul li.menuon:hover {
  background-color: #000;
}
#nav-realm ul li.menuon.sfhover {
  background-color: #000;
}
#nav-realm ul li a:hover {
  color: #fff;
}
#nav-tools div#nav-realm ul li.menuon a:hover {
  color: #fff;
}
#tools div#nav-realm ul li.menuon a:hover {
  color: #fff;
}
#nav-realm ul li.menuon {
  background-color: #000;
  background-position: top right;
  background-repeat: no-repeat;
}
#nav-realm ul li.menuon a {
  color: #fff;
  border-bottom: 1px solid #000;
  background-position: top left;
  background-repeat: no-repeat;
}
#nav-realm ul li.menuon a:visited {
  color: #fff;
  border-bottom: 1px solid #000;
  background-position: top left;
  background-repeat: no-repeat;
}


#Fotter                 { background-color: #000; padding: 8px; border-radius: 6px;  text-align: center; margin: 0 5px; z-index: 999; position: relative;}
#fott-left              { float: left; margin: 0; padding: 0;}
#fott-right             { float: right; margin: 0; padding: 0;}
#fott-right a           { color: #fff; font-weight: 600; text-decoration: none;}
#fott-right a:hover     { color: #fff; font-weight: 600; text-decoration: underline;}
#Fottersec p            { font-family: "Arial", sans-serif; font-size: 11px; color: #fff; font-weight: normal; line-height: normal; margin: 0; padding: 0;}
#Fotter p               { font-family: "Arial", sans-serif; font-size: 11px; color: #fff; font-weight: normal; line-height: normal; margin: 0; padding: 0;}

@media only screen and  ( min-width: 1960px) {
#tabbutton-sec-home     { width: 1960px; margin: 0 auto !important; padding: 0;}
#tabbutton-sec          { width: 1960px; margin: 0 auto!important;}
#whitebg                { width: 1960px; margin: 0 auto!important;}
#topsec-mid             { width: 1960px;margin: 0 auto!important;}	
#midbox-mid             { width: 1950px; margin: 0 auto!important;}
	
#top-sec                { width: 1960px; margin: 0 auto !important; padding: 0;}
#Conbox                 { width: 1960px; margin: 0 auto; padding: 0;}
#box-sec                { width: 1960px; margin: 0 auto; padding: 0;}
#Fottersec              { width: 1940px; background-color: #000; padding: 8px; border-radius: 6px;  text-align: center; margin: 0 auto !important; z-index: 999; position: relative;}
#Fotter                 { width: 1940px; background-color: #000; padding: 8px; border-radius: 6px;  text-align: center; margin: 0 auto; z-index: 999; position: relative;}
}





@media only screen and  ( max-width : 1280px){ 
#top-sec                { width: 1280px; margin: 0 auto; padding: 0;}
#Conbox                 { width: 1280px; margin: 0 auto; padding: 0;}
#box-sec                { width: 1280px; margin: 0 auto; padding: 0;}
#Fotter                 { width: 1260px; background-color: #000; padding: 8px; border-radius: 6px;  text-align: center; margin: 0 auto; z-index: 999; position: relative;}
}







p               { font-family: "Arial", sans-serif; font-size: 12px; line-height: normal; font-style: normal; font-weight: normal;}
 
.clr            { clear: both;}  

h2              { font-family: "Arial", sans-serif; font-size: 16px; color: #fff; line-height: normal; font-style: normal; font-weight: bold; margin: 0px; padding: 0 0 0 10px;}

.link           { font-family: "Arial", sans-serif; font-size: 14px; color: #fff; line-height: normal; font-style: normal; font-weight: bold; margin: 0px; padding: 0; text-decoration: none;}

.link a         { color: #fff;}



.RadWindow_Default .rwTable .rwTitlebarControls em { font-family: "Arial", sans-serif;}

#top-sec .top-menubox      { height: auto; width: 100%; font-size: 13px; font-family: "Arial", sans-serif; line-height: normal; font-style: normal; font-weight: normal;}
#timezone-menu             { height: auto; width: 100%; font-family: "Arial", sans-serif; line-height: normal; font-style: normal; font-weight: 600; font-size: 12px; background-color: transparent; padding-top: 5px; padding-bottom: 5px; display: inline-block; }
#timezone-menu .timezonrow { height: auto; width: 95%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:transparent; margin-right: auto; margin-left: auto; margin-bottom: 5px; margin-top: 5px; }
.hr-style-six              { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);}



#tab-sec        { border: 1px solid #bcbcbc; border-radius: 5px; line-height: 0; margin: 5px; padding: 0;} 
#tabbutton-sec #tab  { margin: 0; padding: 0; height: auto;}
#tabbutton-sec-home #tab  { margin: 0; padding: 0; height: auto;}
#tab p          { font-family: "Arial", sans-serif; font-size: 14px; color: #4e4e4e; line-height: normal; font-style: normal; font-weight: bold; margin: 0px; padding: 0;}


/*
#box-sec             { margin: 0; padding: 0;}
#box-sec #sectop     { margin: 0; padding: 0;}
#box-sec #left-sec   { width: 310px; float: left; margin: 0; padding: 0;}
#box-sec #right-sec  { width: 75%; float: right; margin: 0; padding: 0;}

#box-sec #box        { width: 100%; border: 1px solid #dde0e2; border-radius: 5px; margin: 0; min-height: 255px; height: 100%;}
#box-sec #box #titlesec   { border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0; padding: 0;}
#box-sec #box #titlesec #title       { float: left; margin: 0; padding: 15px;}
#box-sec #box #titlesec #titleicon   { float: right; margin: 0; padding: 10px;}
#box-sec #box #titlesec h1{ font-family: 'Montserrat', sans-serif; font-size: 16px; color: #4e4e4e; line-height: normal; font-style: normal; font-weight: bold; margin: 0px; padding: 0;}
#box-sec #box #consec     {margin: 0; padding: 10px;}
#box-sec #box #consec table td { font-size: 13px; font-family: 'Montserrat', sans-serif; line-height: normal;}

#box-sec #box .yellow { background-color: #f9f0dc;}
#box-sec #box .skyblue { background-color: #56d4d6;}
#box-sec #box .red { background-color: #f84f6f;}
#box-sec #box .purple { background-color: #b885fb;}
#box-sec #box .lightgreen { background-color: #c6c97e;}
#box-sec #box .green { background-color: #62c875;}
#box-sec #box .brown { background-color: #f2c285;}
*/


 


.paging {    font-family: "Arial", sans-serif; font-size: 12px; font-weight: normal; color: #000000;        text-decoration: none; line-height: normal; padding: 5px 10px; border: 1px solid #ccc; border-radius: 3px; background-color: transparent;}
.paging:hover {    font-family: "Arial", sans-serif;font-size: 12px; font-weight: normal;color: #234E8D; text-decoration: underline; padding: 5px 10px; border: 1px solid #ccc; border-radius: 3px; background-color: #ececec;}
.pagingactive {   font-family: "Arial", sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: underline; padding: 5px 10px; border: 1px solid #ccc; border-radius: 3px; background-color: #ececec;}



select#dnn_ctr475_invDocumentDefault_ctl00_gvPageSize {font-family: "Arial", sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; padding: 3px 3px 3px 4px; border: 1px solid #ccc; border-radius: 3px;}

select#dnn_ctr493_InvEventDefault_ctl00_gvPageSize {font-family: "Arial", sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; padding: 3px 3px 3px 4px; border: 1px solid #ccc; border-radius: 3px;}

select#dnn_ctr494_Inv_BallotDefault_ctl00_gvPageSize {font-family: "Arial", sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; padding: 3px 3px 3px 4px; border: 1px solid #ccc; border-radius: 3px;}


select#dnn_ctr495_Inventure_DiscussionMain_ctl00_gvPageSize {font-family: "Arial", sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; padding: 3px 3px 3px 4px; border: 1px solid #ccc; border-radius: 3px;}

select#dnn_ctr496_InvTrackDefault_ctl00_gvPageSize {font-family: "Arial", sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; padding: 3px 3px 3px 4px; border: 1px solid #ccc; border-radius: 3px;}

select#dnn_ctr497_Inventure_RosterDefault_ctl00_gvPageSize {font-family: "Arial", sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; padding: 3px 3px 3px 4px; border: 1px solid #ccc; border-radius: 3px;}

.RadWindow_Default {
    z-index: 99999 !important;
}
/*

.rtLI.rtFirst.rtLast {
    background-image: url(images/dottedline.png);
    background-repeat: repeat-y;
}


.rtLI {
    background-image: url(images/dottedline.png);
    background-repeat: repeat-y;
}

.rtBot {
    background-image: url(images/dottedline-h.png);
    background-repeat: repeat-y;
}
.rtTop{
    background-image: url(images/dottedline-h.png);
    background-repeat: repeat-y;
}

.rtMid {
    background-image: url(images/dottedline-h.png);
    background-repeat: repeat-y;
}
*/



#bg                            { background-color: #ebebeb;}
#whitebg                       { background-color: #fff; margin: 0 35px; border-top-left-radius: 15px; border-top-right-radius: 15px; }

/* New Landing page csss start here */
#tabbutton-sec-home             { margin: 0; padding: 0;}
#tabbutton-sec                  { margin: 0 35px; padding: 0;} 
#topsec                         { margin: 0; padding: 0;} 
#logo                           { width: 450px; float: left; margin: 0;}
#topmenusec                     { float: right; margin: 30px 15px 0 0px; text-align: right;}
#topmenusec ul                  { margin: 0; padding: 0;}
#topmenusec ul li               { font-size: 16px; font-weight: 600; display: inline-block; margin: 5px; padding: 0 7px; text-decoration: none; text-align: center; color: #2f4a9c;}
#topmenusec ul li a             { color: #2f4a9c; text-decoration: none;}
#topmenusec ul li a:hover       { color: #000; text-decoration: underline;}
#topfullrow                     { margin: 0; padding: 0;}
#midbox                         { margin: 0; padding: 0;} 
#leftsec                        { width: 49%; float: left; margin: 0; padding: 0;}
#rightsec                       { width: 49%; float: right; margin: 0; padding: 0;}
#Fottersec                      { margin: 0 35px; margin-bottom: 15px; background-color: #000; padding: 8px; border-radius: 6px; text-align: center; } 

#onehalfsec                     { width: 35%; float: left; margin: 0; padding: 0;}
#twohalfsec                     { width: auto; float: left; margin: -42px 0 0 22px;  padding: 0;}



@media only screen and  ( max-width : 1024px){
	
#topsec-mid                     { width: auto; margin: 0 auto; padding: 0 20px;}
#midbox-mid                     { width: auto; margin: 0 auto; padding: 0 20px;}
#Fottersec                      { width: auto; margin: 0 auto; padding: 0 20px;}
}
@media only screen and  ( max-width : 740px){
#logo                           { width: auto; float: none; margin: 0; text-align: center;}
#topmenusec                     { float: none; margin: 10px 0px; text-align: center;}
}

@media only screen and  ( max-width : 500px){
#topfullrow img                 { width: 100%; margin: 0; padding: 0;}
#leftsec                        { width: auto; float: none; margin: 0; padding: 0;}
#rightsec                       { width: auto; float: none; margin: 0; padding: 0;}
}


@media only screen and  ( max-width : 480px){
#logo img                       { width: 100%; margin: 0;}
}
/* New Landing page csss start here */