/*** Reset ***/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; }
:focus { outline: 0; }
img { vertical-align: bottom; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

input [class='k-textbox']
{
  height: 25px;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
}


/*** Clearfix ***/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }
.clear { clear: both; }

/*** Positioning and Alignment ***/
.fl { float: left; }
.fr { float: right; }
.txt-left { text-align: left; }
.txt-right { text-align: right; }
.txt-center { text-align: center; }

img.left { float: left; margin-right: 10px; }

/*** General Settings ***/
body { background: #495968 ;color: #4a4747; font-family: Helvetica, Arial, sans-serif; font-size: 12px; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; margin-bottom: 15px; }
h1 { color: #4a4747; font-family: Georgia, serif; font-size: 18px; }
h2 { color: #4a4747; font-family: Georgia, serif; font-size: 14px; }
p { margin: 0 0 15px 0; }
a { color: #7c002b; font-style: italic; text-decoration: none; }
a:hover { text-decoration: underline; }

header, footer, section, aside, nav, article { display: block; }

#wrapper { 
	background: #FFFFFF; 
	margin: 15px auto; 
	padding: 10px; 
	width: 90%; 
	
	/* Rounded Corner */
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-khtml-border-radius: 6px;
}

/*** Header ***/
#header {
	background: #161d27 url(../../images/mds/bannerbg.jpg) repeat-x;
	height: 110px;
	margin-bottom: 5px;
}

/*** Logo ***/
#logo { 
	float: left;
	margin: 7px 0px 0px 17px;
}
#logo h1 {
	color: #e6e5e5;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	margin: 0px;
}
#logo h1 a 
{
	color: #e6e5e5;
	font-style: normal;
}
    #logo p 
    {
        color: #efcf64;
        margin: 0px;
    }

#search
{
    float: right;

}

/*** Nav ***/
#nav 
{
	float: right;
	margin-top: 50px;
}


#nav li 
{
	display: inline;
	margin-right: 25px;
}
/*
#nav li a {
	color: #e6e5e5;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}
    */
#nav li a:hover,
#nav li.active a 
{
	color: #ffffff;
	text-decoration: none;
}

/*** Banner ***/
#banner 
{
	height: 200px;
	margin-bottom: 15px;
	position: relative;
}

#banner h1 
{
	color: #e6e5e5;
	font-family: Georgia, serif;
	font-size: 36px;
	font-style: italic;
	left: 30px;
	position: absolute;
	top: 68px;
}

#banner h1 span 
{
	display: block;
	margin-left: 30px;
}

/*** Main Body ***/
#main-body 
{

}

/*** Sidebar ***/




/*** Content ***/
#content 
{
	border-left: 1px solid #909090;
	float: left;
	min-height: 300px;
	padding-left: 15px;
	width: 670px;
}



/*** Footer ***/
#footer 
{
	background: url(../../images/mds/bannerbg.jpg) repeat-x;
	color: #ffffff;
	height: 36px;
	line-height: 36px;
	margin-top: 15px;
	overflow: hidden;
}
#footer span 
{
	padding: 0px 15px;
}

#footer a 
{
	color: #ffffff;
	font-style: normal;
}

.author 
{ 
	color: #ffffff; 
	text-align: center; 
}
.author a 
{ 
	color: #ffffff; 
	font-style: normal;
	font-weight: bold; 
}




/*** Kendo overrides ***/



.k-grid-header, .k-grid-header .k-header 
{
    background-color:black;
    font-weight:bolder;
}

.k-grid th.k-header .k-link
{
    color:white;
    font-weight:bolder;
}

.k-i-filter 
{
    color: yellow;
    float: right;
}






.editor-label, .k-edit-label {
    float: left;
    clear: both;
    width: 30%;
    padding: .4em 0 1em;

    text-align: right
}

.k-edit-field,.k-edit-form-container .editor-field
{
    float:right;
    clear:right;
    width:60%;
    margin-right:2%;
    padding:0 0 .6em
}

.k-window-titlebar
{
    background: url(../../images/mds/bannerbg.jpg) repeat-x !important;
	color: #ffffff !important;
}

.k-window-actions .k-link
{
    background-color:#ffffff !important;
}


/*** object specific ***/

.mds-pageheader 
{
    color: #4a4747; 
    font-family: Georgia, serif; font-size: 18px;
    width:20%;
    float:left;
}



#MDS_menu_mobile {
    display: none;
}

div[id='divFunnelFormat'] 
{
    text-align: center;
    width: 50%;
    margin: auto;
    display: block;
}
div[id='divFunnelFYI'] {
    display: none;
    font-weight: bold;
}

div[name='divProspects'] 
{
    overflow-y: hidden;
    overflow-x: auto;
}

ul[id^='panelDetails'] 
{
    margin-left: -25px;
}













/***************** navigation menu (desktop version) ************************/
#spanMobileNavigationIcon
{
    display: none;
}

#divMobileNavigation 
{
    display:none;
}

#mds-menu /* core menu 'bar'*/
{
    font-family: Helvetica, Arial, sans-serif;
    background: none;
    background-color:transparent;
    color: #ffffff;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    border: none !important;
}
    #mds-menu a /* root menu items: non - expanding*/ {
        border: 0px !important;
        font-family: Helvetica, Arial, sans-serif;
        color: #ffffff;
        font-size: 12px;
        font-style: normal;
        font-weight: bold;
    }

    #mds-menu li /* child menu items: for roots that use them */
    {
        font-family: Helvetica, Arial, sans-serif;
        border:none!important;
        background:none;
        font-size: 12px;
        font-style: normal;	
        font-weight: bold; 
        display:block;
    }



    #mds-menu .k-menu-link /* removes border from root items contaning sub items */
    {
        border:0px;
    }

/****************************************************************************/






.sectionheader 
{
    text-align:center;
    font-weight:bold;
    font-size:x-large;
}

.gauge-container 
{
    height: 275px;
    background: transparent url('/Images/MDS/gaugeborder.png') no-repeat 50% 50%; 
    background-size:275px 275px;
    margin: 0 auto 30px auto;
}

.gauge-control 
{
    width: 350px;
    height: 300px;
    margin: 0 auto;
}

.mds-label-left 
{
     float:left;width:25%; font-weight:bold
}

.mds-label-right 
{
     float:left; width:25%; clear:right 
}

.float-left 
{
    float:left;
}

.float-right 
{
    float:right;
}

.text-center 
{
    text-align:center;
}

.width50p 
{
    width:48%;
}

.field-spacer 
{
    padding:10px;
    clear:right;
}








/*** Counter balls **/

div[name=CounterGroup] 
{
    width:100%; 
    display: inline-block;
}

div[name=CounterContainer] 
{
    display: inline-block;
    text-align:center;
    padding:10px 20px 0px 20px; 
    font-weight:bold;
}

div[name=CounterText]
{
    font-size:large; 
    text-align:center;
    padding-top:25px;
}

div[name='CounterContainer']  span 
{
    font-size: 12pt;
}

div[name=CounterText] a 
{
    color:whitesmoke; 
}



.CounterBall 
{
    display: block;
    margin: auto;
    border-radius: 50%;
    height: 75px;
    width: 75px;
    background: radial-gradient(circle at 75px 75px, #f54646, #000000);
}


    .CounterBall[id='X'], [id=Q]
    {
        display: block;
        margin: auto;
        border-radius: 50%;
        height: 75px;
        width: 75px;
        background: radial-gradient(circle at 75px 75px, #2914d3, #000000);
    }

  


/*** I AM RU ***/
div[name=regInfo] 
{
    border-radius: 5px;
    border: 1px solid #a9961b;
    background-color: #faf09a;
    color: #000000;
    padding: 3px;
}

.btn-mds-default 
{
    color: #ffffff !important;
    background-color: #932121 !important;
    border-color: #6c0909 !important;
}


.btn-mds-save {
    color: #ffffff!important;
    background-color: #932121!important;
    border-color: #6c0909;
}

.btn-mds-note {
    color: #ffffff;
    background-color: #5cb85c!important;
    border-color: #4cae4c;
}

.btn-mds-email {
    color: #ffffff;
    background-color: #428bca!important;
    border-color: #285e8e;
}

.btn-mds-petition {
    color: #ffffff;
    background-color: #429bca !important;
    border-color: #286e8e;
}

    .btn-mds-default:hover,
    .btn-mds-note:hover,
    .btn-mds-email:hover,
    .btn-mds-save:hover,
    .btn-mds-default:focus,
    .btn-mds-default:active,
    .btn-mds-default.active,
    .open .dropdown-toggle.btn-mds-default {
        color: #ffffff;
        background-color: darkslategray!important;
        border-color: #6c0909;
    }


.detailsheader {
    background-color: wheat;
    height: 50px;
    text-align: left;
    font-weight:bold;
}
.editorToolbar 
{
    vertical-align: middle;
    font-size:16px
}

div[id^='divDashboard_'] td[id='tdDashboardMobileInfo'] 
{
    display: none;
    border-collapse: collapse;
}

ul[id^='panelDetails'] div[id^='divDashboard_'] td[id='tdDashboardMobileInfo'] 
{
    display: none;
    border-collapse: collapse;
}

table[id='tableDashboardBanner'] 
{
    border:none;
    border-collapse: collapse;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: black; /* For browsers that do not support gradients */
}

    table[id='tableDashboardBanner'] td 
    {
        text-align: center;
        vertical-align: central;
        color: #FFFFFF;
        font-size: 12pt;
    }

.hrfade 
{
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    clear:both;
}

.MDSNotePanel 
{
    background-image:url(/Images/MDS/paperbinder.jpg);
    background-repeat:repeat-y;
}

.MDSNoteHeader 
{
    background-color: silver; 
    border-radius: 10px; 
    overflow:hidden;
    margin-left:80px; 
    margin-right: 10px; 
    padding-top:5px; 
    padding-bottom:5px;
    padding-left:100px; 
}


table[id='tableEmailFilter'] td 
{
    padding-bottom:5px;
}

div[id='divIMRUReferral'] h1 
{
    text-align:center;
    font-size:xx-large;
    color:black;
    font-family:Arial;
}

span[id='ReferDetails'] > span 
{
    width:100%; 
    display:block
}

div[id='AutoCompleter'] {
    padding-top: 5px;
    padding-right: 5px;
    text-align: right;
    position: relative;
}

    div[id='AutoCompleter'] > span 
    {
        width:350px
    }

div[id^='gridMonitor'] 
{
    font-family: Arial;
    font-size: 12pt;
}

.autocompleteitem 
{
    background-repeat:no-repeat;
     background-position:left center;
     height:24px;
     width:24px;
     float:left;
}

table[id='tableNobleInfo'] td 
{
    vertical-align: middle;
    margin: auto;
}

    table[id='tableNobleInfo'] td[name='tdimage'] 
    {
        width: 1px;
        padding-right: 10px;
        padding-top: 7px;
    }

        table[id='tableNobleInfo'] td[name='tdimage'] img 
        {
            vertical-align: central;
        }

div[name='imru'] input, div[id='divIsRef'] input 
{
    border-radius: 5px;
    border: 1px solid #c5c5c5;
    background-color: #eeeeee;
    padding: 3px;
}

@media only screen and (max-width: 1200px) 
{
    #wrapper 
    {
        margin: 5px auto;
        padding: 5px;
        width: 99%;
    }

    .field-spacer 
    {
        padding: 15px 1px 15px 0px;
        clear: both;
    }

    .editor-label, .k-edit-label 
    {
        float: left;
        clear: none;
        width: 100%;
        padding: 0px;
        text-align: left
    }

    .k-edit-field, .k-edit-form-container .editor-field 
    {
        text-align: left;
        float: left;
        clear: right;
        width: 100%;
        margin-right: 2%;
        padding: 0 0 .6em
    }


    /***************** navigation menu (mobile version) ************************/

    #mds-menu 
    {
       display:none;
    }

    #spanMobileNavigationIcon {
        display: block;
    }

    #divMobileNavigation {
        display: block;
    }

    .mobileNavigation {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: #111;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
    }

        .mobileNavigation a {
            padding: 8px 8px 8px 32px;
            text-decoration: none;
            font-size: 25px;
            color: #818181;
            display: block;
            transition: 0.3s;
        }

            .mobileNavigation a:hover {
                color: #f1f1f1;
            }

        .mobileNavigation .closeNavigationMobile {
            position: absolute;
            top: 0;
            right: 25px;
            font-size: 36px;
            margin-left: 50px;
        }

    #MDS_RegionalMenu_Mobile 
    {
        border: 0px;
    }

        #MDS_RegionalMenu_Mobile li.k-item span 
        { /*menu Top level*/
            font-size: 25px;
            background-color: #111111;
            color: #818181;
            border: 0px;
        }

        #MDS_RegionalMenu_Mobile .k-group li.k-item .k-link 
        { /*menu Group (sub) level*/
            background-color: #484848;
            color: #FFFFFF;
            font-size: 16px;
        }

    /****************************************************************************/

    div[id='AutoCompleter'] 
    {
        height: 1px;
        text-align: left;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

        div[id='AutoCompleter'] > span 
        {
            width: 100%;
        }

    div[id^='gridMonitor'] 
    {
        font-family: Arial;
        font-size: 8pt;
    }

    div[name='CounterContainer'] span 
    {
        font-size: 10pt;
    }

    div[name=CounterText] 
    {
        font-size: 10pt;
        padding-top: 20px;
    }

    .CounterBall 
    {
        display: block;
        margin: 0;
        border-radius: 50%;
        height: 60px;
        width: 60px;
        background: radial-gradient(circle at 60px 60px, #f54646, #000000);
    }

        .CounterBall[id=X] [id=Q] 
        {
            display: block;
            margin: 0;
            border-radius: 50%;
            height: 60px;
            width: 60px;
            background: radial-gradient(circle at 60px 60px, #2914d3, #000000);
        }

    div[id='divFunnelFormat'] 
    {
        text-align: left;
        width: 100%;
    }

    div[id='divFunnelFYI'] 
    {
        display: block;
        font-weight: bold;
        padding-left: 5px;
        padding-right: 5px;
    }


    ul[id^='panelDetails'] 
    {
        margin-left: -30px;
    }

    div[id^='divDashboard_'] td[id='tdDashboardMobileInfo']
    {
        display: none;
        border-collapse: collapse;
    }

    ul[id^='panelDetails'] div[id^='divDashboard_'] td[id='tdDashboardMobileInfo'] 
    {
        display: block;
        border-collapse: collapse;
    }

    .btn-mds-save 
    {
        width: 100%;
    }
    .btn-mds-email 
    {
       width:100%;
    }

    .btn-mds-petition {
        width: 100%;
    }
    
    .btn-mds-note 
    {
        width: 100%;
    }

}