@font-face 
{
    font-family: "Segoe UI";
    src: local("Segoe UI"), 
            url("/misc/SegoeUI-Regular-final.woff") format("woff"),
            url("/misc/SegoeUI-Regular-final.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

 body,tr,td,div
        {
            font-family:'Segoe UI', Arial, Sans-Serif;
            font-size:14px;
        }
        a
        {
            color:#324678;
            font-family:'Segoe UI', Arial, Sans-Serif;            
        }

        .required
        {
            border:solid 1px red !important;
            
        }
        /*********** FORM ELEMENTS ***************/
        
        .textInvalid
        {
            border:solid 1px #ff0000;
            -moz-border-radius: .3em;
            -webkit-border-radius: .3em;
            border-radius: .3em;
            padding: .3em;
        }


        input[type=text], .text, input[type=textarea], input[type=date], input[type=email], input[type=file], input[type=phone],input[type=password], textarea {
                font-family:'Segoe UI', Arial, Sans-Serif;
                font-size:1em;
                border:solid 1px #324678;
                -moz-border-radius: .3em;
                -webkit-border-radius: .3em;
                border-radius: .3em;
                padding: .2em .2em .2em .2em;
        }
        
input[type=select], select{
     font-family:'Segoe UI', Arial, Sans-Serif;
            font-size:1em;
            
            border:solid 1px #324678;
            -moz-border-radius: .3em;
                -webkit-border-radius: .3em;
                border-radius: .3em;
                padding: .2em .2em .2em .2em;
}
input[type=button] {
            background-color:#324678;
            color:White;
            border: solid 1px #786ca5;
            font-family: 'Segoe UI', Arial, Sans-Serif;
            padding: .4em .4em .4em .4em;
            font-size: 1.1em;
            -moz-border-radius: .4em;
            -webkit-border-radius: .4em;
            border-radius:.4em;
            -webkit-box-shadow: 1px .3em 1px rgba(255, 255, 255, 0.5);
            box-shadow: 1px .3em 1px rgba(255, 255, 255, 0.5);
            -moz-box-shadow: 1px .3em 1px rgba(255, 255, 255, 0.5);
            padding:.3em;
            margin:.3em;
            cursor:pointer;
}
.emaillogin {
    width:12em;
     font-family:'Segoe UI', Arial, Sans-Serif;
                font-size:1em;
                border:solid 1px #324678;
                -moz-border-radius: .3em;
                -webkit-border-radius: .3em;
                border-radius: .3em;
                padding: .2em .2em .2em .2em;
}
        /************** BUTTONS ********************/
input[type="button"].filterbutton, input[type="button"].activefilterbutton {
    border-radius:0 ;
    background-color:white ;
    border:solid 1px black ;
    font-weight:normal ;
    font-size:1em ;
    color:black ;

    font-family: 'Segoe UI', Arial, Sans-Serif;

    -moz-border-radius: 0em ;
    -webkit-border-radius: 0em ;
    -webkit-box-shadow: 0 0 0 0 ;
    box-shadow: 0 0 0 0 ;
    -moz-box-shadow: 0 0 0 0 ;
    padding-left:1em ;
    padding-right:1em ;
    padding-top:.25em ;
    padding-bottom:.25em ;
    margin:.5em ;
    cursor:pointer;
    
}
.activefilterbutton {
    border:solid 3px black !important;
}
        .buttonstyle, .deletebutton
        {
            background-color:#324678;
            color:White;
            border: solid 1px #786ca5;
            font-family: 'Segoe UI', Arial, Sans-Serif;
            padding: .4em .4em .4em .4em;
            font-size: small;
            -moz-border-radius: .4em;
            -webkit-border-radius: .4em;
            border-radius:.4em;
            -webkit-box-shadow: 1px .3em 1px rgba(255, 255, 255, 0.5);
            box-shadow: 1px .3em 1px rgba(255, 255, 255, 0.5);
            -moz-box-shadow: 1px .3em 1px rgba(255, 255, 255, 0.5);
            padding:.3em;
            margin:.3em;
        }
        .deletebutton
        {
            background-color:transparent;
            color:Red;
            border: none;
            font-family: 'Segoe UI', Arial, Sans-Serif;
            font-size: small;
            text-decoration: underline;
            padding: .3em;
			margin: .3em;
			border:solid 1px red;border-radius:.4em .4em;text-decoration:none;  
        }
      
        .buttonstylerefresh
        {
			margin:.3em;
            background-color:black;
            color:white;
            border: solid 1px #786ca5;
            padding:.3em .3em .3em .3em;
            font-family: 'Segoe UI', Arial, Sans-Serif;
            font-size: smaller;
            -moz-border-radius: .4em;
            -webkit-border-radius: .4em;
            border-radius:.4em;
            -webkit-box-shadow: .3em .3em .3em rgba(255, 255, 255, 0.5);
            box-shadow: .3em .3em .3em rgba(255, 255, 255, 0.5);
            -moz-box-shadow: .3em .3em .3em rgba(255, 255, 255, 0.5);
            
        }
        .buttonstylesmall
        {
            background-color:#324678;
            color:White;
            border: solid 1px #786ca5;
            font-family: 'Segoe UI', Arial, Sans-Serif;
            font-size: smaller;
            margin:.3em;
            padding: .3em;
            border-radius:.4em;
            box-shadow: .3em .3em .3em rgba(255, 255, 255, 0.5);
            -moz-box-shadow: .3em .3em .3em rgba(255, 255, 255, 0.5);
            -moz-border-radius: .4em;
            -webkit-border-radius: .4em;
            -webkit-box-shadow: .3em .3em .3em rgba(255, 255, 255, 0.5);
        }
        
        .buttonstylelink
        {
            background-color:Transparent;
            color:#4f4b3d;
            border: none;
            font-family:'Segoe UI', Arial, Sans-Serif;
            font-size: smaller;
            margin:.3em;
            
        }
        
        .buttonstyledisabled
        {
            background-color:#324678;
            color:#888888;
            border: solid 1px #786ca5;
            font-family: 'Segoe UI', Arial, Sans-Serif;
            font-size: small;
            border-radius:.4em;
            margin:.3em;
            padding:.3em;
            box-shadow: .3em .3em .3em rgba(255, 255, 255, 0.5);
            -webkit-box-shadow: .3em .3em .3em rgba(255, 255, 255, 0.5);
            -moz-box-shadow: .3em .3em .3em rgba(255, 255, 255, 0.5);
            -moz-border-radius: .4em;
            -webkit-border-radius: .4em;
            
        }
        
        .buttonstylesecond
        {
            background-color:transparent;
            color:Red;
            border: none;
            font-family: 'Segoe UI', Arial, Sans-Serif;
            font-size: x-small;
            text-decoration: underline;
            padding: .3em;
			margin: .3em;
        }
        
        
        .buttonstylesmalldisabled
        {
            background-color:#324678;
            color:#aaaaaa;
            border: solid 1px #786ca5;
            font-family: 'Segoe UI', Arial, Sans-Serif;
            font-size: xx-small;
            -moz-border-radius: .4em;
            -webkit-border-radius: .4em;
            border-radius:.4em;
            padding: .3em;
            margin:.3em;
            -webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
            box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
            -moz-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
            padding:.3em .3em .3em .3em;
        }
        .printbutton {
            background-color:transparent;
            height:3em;
        }
        .closebutton {
            background-color:transparent;
            height:2em;
        }

        /*********** POPUP WINDOWS **********************/
.popup-hidden, .popup-visible {
    z-index:4;
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    margin-top:2em;
}
.popup-visible {
    display:block;
}
.popup-text {
	background-color:white;border:solid 1px #e9e9e9;box-shadow:.4em .4em .4em rgba(0, 0, 0, 0.4);padding:8px 8px 8px 8px;border-radius:.4em .4em .4em .4em;
}
.popupwindow
{
    background-color:Silver;
    width:90%;
    max-width:60em;
    margin:0 auto;
    transition: all 1s ease-in-out;
    border:solid .3em #324678;
    background-color:#e9e8e4;
    -moz-border-radius: .4em;
    -webkit-border-radius: .4em;
    border-radius:.4em;
    -moz-box-shadow: .4em .4em .4em rgba(128, 128,128, 0.5);
    -webkit-box-shadow:  .4em .4em .4em rgba(128, 128,128, 0.5);
    box-shadow:  .4em .4em .4em rgba(128, 128,128, 0.5);
}

.popupheader
{
	background-color:#324678;
	color:white;
	font-weight:bold;
    font-size:1.2em;
    padding-top:.5em;
    padding-bottom:.5em;
    padding-left:.5em;
    padding-right:.5em;
    margin-bottom:1em;
}

        /*************** DIVS **********************/
        .divdetails
        {
            -moz-border-radius:8px;
            -webkit-border-radius:8px;
            border-radius:8px 8px 8px 8px;
            border: solid 1px #e9e8e4;
            -webkit-box-shadow: .3em .3em .3em  rgba(128, 128,128, 0.5);
            -moz-box-shadow: .3em .3em .3em  rgba(128, 128,128, 0.5);
            box-shadow: .3em .3em .3em  rgba(128, 128,128, 0.5);
            
            background-color:white;
        }
        .divdetailheader
        {
			background-color:Silver;
			color:#324678;
			border-radius:10px 10px 0px 0px;
			font-size:.8em;
			font-weight:bold;
            box-shadow: .4em 1px .4em rgba(0,0,0, 0.5);
            -webkit-box-shadow: .4em 0px .4em rgba(0,0,0, 0.5);
            -moz-shadow: .4em 0px .4em rgba(0,0,0, 0.5);
			width:90%;
			margin: 0 0 0 0px;
			padding: 10px 10px 10px 10px;
        }
        .divborder
        {
            padding:.3em .3em .3em .3em;
            -moz-border-radius:.3em;
            -webkit-border-radius:.3em;
            border-radius:.3em .3em .3em .3em;
            border: solid 1px #777777;
            -webkit-box-shadow: 1px 1px 1px rgba(128, 128,128, 0.5);
            box-shadow: 1px 1px 1px rgba(128, 128,128, 0.5);
            -moz-box-shadow: 1px 1px 1px rgba(128, 128,128, 0.5);
            
        }

        
        .pageheader
        {
			text-align:center;
			/*border:solid 1px #777777;*/
			background-color:#aaaaaa;
			color:#324678;
			/*border-radius:0px 0px 10px 10px;*/
			font-size:.8em;
			font-weight:bold;
			box-shadow: 0px .3em 2.4em rgba(128, 128,128, 0.5);
			width:100%;
            padding-top:8px;
            padding-bottom:8px;
			/*margin:0 auto 10px auto;*/
            margin: 0 0 2.4em 0;
            display:none;
        }
        .pageheadern
        {
			text-align:center;
			color:#324678;
            font-family:Impact;
			font-size:1.3em;
            font-stretch:extra-condensed;
            background-image:url(images/headerbkg.jpg);
			width:100%;
            
        }
         .pageheadertext
        {
			
			color:#324678;
            font-family:'Segoe UI', Arial, Sans-Serif;
            font-kerning:initial;
			font-size:1.3em;
        }


        

        
      
        /************** SPECIFIC ELEMENTS ***********************/
        #divBodyInner {
            width: 100%;
            overflow: visible;
            margin: 0 auto;
            background-color:white;
        }
        #panelMRD
        {
            -moz-border-radius:10px;
            -webkit-border-radius:10px;
            border-radius:10px 10px 10px 10px;
            border: solid 1px #777777;
            -webkit-box-shadow: 10px 10px 10px rgba(128, 128, 128, 0.5);
            box-shadow: 10px 10px 10px rgba(128, 128, 128, 0.5);
            -moz-box-shadow: 10px 10px 10px rgba(128, 128, 128, 0.5);
            display:none;
            margin:0 auto;
            width:80%;
        }

#divHome {
    /*padding-top: 20px;
    margin:0 auto;
    width:60%;
    min-width:800px;*/
}
#divHomeMain {
    border-radius: 1.4em 1.4em;
    padding: 10px;
    background-color: white;
    min-width:800px;
}
#mainlogo {
    float:left;
    padding-right:30px;
}
#mainlogoimg {
    width:250px;
}
#maintag {    
    float:left;
    max-width:500px;
}
#maintagimg {
    width:400px;
}
#maincontact {
    margin:0 auto;
    padding-top:20px;
    width:240px;
    text-align:center;
}
#imgworksforyou {
    width:500px;
}
#mainwhiteblock {
    margin:0 auto;
    width:800px;
}

.footer {
  margin-top:2em;
   padding-top:1em;
   padding-bottom:1em;
   border-top:inset 1px #e9e9e9;
   color:gray;text-align:center;font-size:x-small;
}
.panel-hidden,.panel-visible,.panel-visible-1,.panel-visible-2, panel-hidden2 {
	width:100%;
	position:absolute;
	opacity:0;
    filter: alpha(opacity=0);
	transition:opacity 0.25s linear;
	z-index:-1;
    margin-bottom:0em;
    padding-bottom:0em;
    height:auto;
    -webkit-transition: all 0s ease-in;
       -moz-transition: all 0s ease-in;
        -ms-transition: all 0s ease-in;
         -o-transition: all 0s ease-in;
            transition: all 0s ease-in;
}
.panel-inner {
    min-height:10em;
    margin-left:.5em;
}
.panel-hidden {
    opacity:0;
    filter: alpha(opacity=0);
    height:0;
}
.panel-hidden2 {
    z-index:3;
    opacity:0;
    filter: alpha(opacity=0);
    height:0;
    -webkit-transition: all .5s ease-in;
       -moz-transition: all .5s ease-in;
        -ms-transition: all .5s ease-in;
         -o-transition: all .5s ease-in;
            transition: all .5s ease-in;
}
.panel-visible{
	opacity:1;
    filter: alpha(opacity=100);
    visibility:visible;
	z-index:2;
    height:auto;
}
.panel-visible-1{
	opacity:1;
    filter: alpha(opacity=100);
	z-index:3;
}
.panel-visible-2{
	opacity:1;
    filter: alpha(opacity=100);
	z-index:5;
}

.actionbutton,.actionbuttondelete,.actionbuttonsmall
{        
    cursor:pointer;
	display: inline-block;
	white-space: nowrap;
	background-color: #ccc;
	border: 1px solid #777;
    padding: 0.05em 1.5em;
    margin: 0.25em;
    font: bold 1em/2em Arial, Helvetica;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    -moz-box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0 rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0 rgba(0, 0, 0, .3);
    background-image: linear-gradient(top, #eee, #ccc);
}
.actionbuttondelete {
    border: 1px solid red;
}
.actionbuttonsmall {
    font-size:0.75em;
    font-weight:500;
    margin:0 0 0 0;
    margin-right:0;
}

.actionbutton:hover,.actionbuttondelete:hover
{
	background-color: #ddd;        
	background-image: linear-gradient(top, #fafafa, #ddd);
	}

.actionbutton:active,.actionbuttondelete:active
{
	-moz-box-shadow: 0 0 4px .3em rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 0 0 4px .3em rgba(0,0,0,.3) inset;
	box-shadow: 0 0 4px .3em rgba(0,0,0,.3) inset;
	position: relative;
	top: 1px;
}

.actionbutton:focus,.actionbuttondelete.focus
{
	outline: 0;
	background: #fafafa;
}    

.actionbutton:before,.actionbuttondelete:before
{
	background: #ccc;
	background: rgba(0,0,0,.1);
	float: left;        
	width: 1em;
	text-align: center;
	font-size: 1.5em;
	margin: 0 1em 0 -1em;
	padding: 0 .2em;
    	/*margin: 0 1em 0 -1em;
	padding: 0 1.2em 0 -1em;*/
	-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), .3em 0 0 rgba(255,255,255,.5);
	-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), .3em 0 0 rgba(255,255,255,.5);
	box-shadow: 1px 0 0 rgba(0,0,0,.5), .3em 0 0 rgba(255,255,255,.5);
	-moz-border-radius: .15em 0 0 .15em;
	-webkit-border-radius: .15em 0 0 .15em;
	border-radius: .15em 0 0 .15em;
    pointer-events: none;        
}

/* Hexadecimal entities for the icons */

.actionbutton-add:before
{
	content: "\271A";
}
.actionbutton-edit:before
{
	content: "\270E";        
}

.actionbutton-delete:before
{
	content: "\2718";        
}

.actionbutton-save:before
{
	content: "\2714";        
}

.actionbutton-email:before
{
	content: "\2709";        
}

.actionbutton-like:before
{
	content: "\2764";        
}

.actionbutton-next:before
{
	content: "\279C";
}

.actionbutton-star:before
{
	content: "\2605";
}

.actionbutton-spark:before
{
	content: "\2737";
}

.actionbutton-play:before
{
	content: "\25B6";
} 

#panelHeader-menu {
     transition:all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    position:absolute;z-index:199;left:-28em;top:4em;background-color:white;box-shadow:rgba(0,0,0,.4) .25em .25em;border:solid 1px #e9e9e9;
    filter: progid:DXImageTransform.Microsoft.dropShadow (OffX='2', OffY='2', Color='#a9a9a9', Positive='true');
}
 .menu-item,.menu-item-cur,.menu-item-over,.menu-item-main,.menu-item-main-cur {
	color:black;
    font-weight:normal;
	font-size:1.1em;
    padding-top:.35em;
    padding-bottom:.35em;
	font-family:arial,sans-serif;
	/*padding-right:0.5%;
	padding-left:0.5%;*/
	/*text-decoration:underline;*/
	/*float:left;*/
	cursor:pointer;
    text-shadow:none;
	/*border-right:solid 1px #ffffff;*/		
}
.menu-item-cur {
	color:black;		
    font-weight:bold;
}
.menu-item-main {
	float:none;
} 
.menu-item-main-cur {
	float:none;
	text-decoration:none;
	color:#dbe0e5;        
}
.menu-item-over {
	/*color:#dbe0e5;*/
    text-shadow:1px 1px 1px silver;
	/*border-right:solid 1px #999999;*/
	/*background-color:#494949;*/
}
.menu-item-main-sub,.menu-item-main-sub-cur{
	color:white;
	font-family:arial,sans-serif;
			
}
.menu-item-main-sub-cur {
	text-decoration:none;
	color:#f89c26;
			
}
/* LISTS */
.list-header {
    background-color:silver;
    
    padding-top:0.25em;
    padding-bottom:0.25em;
    margin-bottom:.5em;
    
}
.list-header-link {
    cursor:pointer;
    color:black;
    font-weight:bold;
    
}
.list-result-cell {
    /*padding:0.15em 0.15em 0.15em 0.15em;*/
    float:left;
    /*padding-left:.05em;*/
    
}
.list-sort-arrow {
    margin-top:0.45em;
    width:1em;
    margin-right:.2em;
}

.sectionlabel {
    color:gray;
    font-weight:bold;
    font-size:1.3em;
}
.fieldlabel {
    color:gray;
    font-weight:bold;
    
}
.fieldseperator {
    height:0.5em;
}
.filterlabel {
    color:#324678;
    font-weight:bold;
    font-size:.9em;
    /*margin-top:0.25em;*/
}

.addnewlink {
    font-size:.85em;
    text-decoration:none !important;
}

.tabclass, .tabclass-active, .tabclassover {
    color:#324678;
    font-size:1em;
    font-weight:bold;
    float:left;
    border-top:solid 1px #e9e9e9;
    border-bottom:solid .3em #e9e9e9;
    border-left: solid 1px #e9e9e9;
    border-right: solid 1px #e9e9e9;
    padding-left:2em;
    padding-right:2em;
    padding-top:.4em;
    padding-bottom:.4em;
    cursor:pointer;
    font-style:normal;
    border-radius:.4em .4em 0 0;
    height:1.4em;
    background-color:#d1d9dd;    
}
.tabclass:hover{
    color:black;
}
.tabclassspacer {
   font-size:1em;
   border-top:solid 1px transparent;
   border-bottom:solid .3em #e9e9e9;
   
   width:.4em;
   float:left;
   font-size:1em;
   height:2.2em;
}

.tabclass-active {
    color:white;
    border-bottom: solid .3em transparent;
    font-style:italic;
    background-color:#324678;
}
.tabwrap {
    padding-top:1em;
    padding-left:1em;
    padding-bottom:1em;
    padding-right:1em;
    border-left:solid 1px #a9a9a9;
    border-right:solid 1px #a9a9a9;
    border-bottom:solid 1px #a9a9a9;
    border-radius:.3em .3em .3em .3em;
    background-color:#f9f9f9;
}


.panel-link-back {
	cursor:pointer;
	font-size:medium;
	color:gray;
}
.list-sort-arrow {
    margin-top:0.45em;
    width:1em;
    margin-right:.2em;
}

.instruct {
    font-size:1em;
    font-weight:bold;
    font-style:italic;
}

.gridresult {
    margin:.5em .5em .5em .5em;border-radius:.5em .5em .5em .5em;border:solid 1px silver;padding:.5em .5em .5em .5em;
}
.filteritem {
    margin:.5em .5em .5em .5em;float:left;
}
.filtericonwrap {
    width:3em;
    padding-left:.25em;
    padding-top:.2em;
    padding-bottom:.2em;
    padding-right:.5em;
    cursor:pointer;
}
.resultsummary {
    background-color:#dbe0e5;
   
}
 .downarrow {
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    .uparrow {
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.helptitle {
    font-size: 1.2em;
    font-weight: bold;
}
.helpcontent {
    margin-left:2em;
}
.helpspacer {
    margin-left:7em;
}

.select-all-box, .select-all-box-over {
    border:solid 1px #999999;padding:.25em .5em .25em .5em;border-radius:.2em .2em .2em .2em;
}
.select-all-box-over {
    box-shadow: .2em .2em rgba(0,0,0,0.4);
}

.dropdownwrap, .dropdownwrap-over, .dropdownpopup{
    border:solid 1px #999999;padding:.25em .5em .25em .5em;border-radius:.2em .2em .2em .2em;
}
.dropdownwrap-over, .dropdownpopup {
    box-shadow: .2em .2em rgba(0,0,0,0.4);
}
.dropdownpopup {
    position:absolute;
    z-index:2;
    background-color:white;
    
    
}
.dropdowncurrent {
    background-color:silver;
}
.dropdownoption{
    background-color:white;
}