/* Minification failed. Returning unminified contents.
(131,5): run-time error CSS1035: Expected colon, found '{'
 */
.pagination {
	float: left;
	border: 1px solid #CDCDCD;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.pagination a {
	display: block;
	float: left;
	height: 20px;
	width: 20px;
	background-color: rgb(0,50,75);
	color: #555555;
	text-align: center;
	text-decoration: none;
	font-family: Times, 'Times New Roman', Georgia, Palatino; /* ATTN: need a better font stack */
	font-weight: bold;
	font-size: 16px;
	outline: none;
	vertical-align: middle;

	background: #F3F3F3; /* Old browsers */
	background: -moz-linear-gradient(top,  #F3F3F3 0%, #D3D3D3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3F3F3), color-stop(100%,#D3D3D3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #F3F3F3 0%,#D3D3D3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #F3F3F3 0%,#D3D3D3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #F3F3F3 0%,#D3D3D3 100%); /* IE10+ */
	background: linear-gradient(top,  #F3F3F3 0%,#D3D3D3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F3F3F3', endColorstr='#D3D3D3',GradientType=0 ); /* IE6-9 */

}

.pagination a:hover, .pagination a:focus, .pagination a:active {

	background: #CECECE; /* Old browsers */
	background: -moz-linear-gradient(top,  #E4E4E4 0%, #CECECE 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E4E4E4), color-stop(100%,#CECECE)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #E4E4E4 0%,#CECECE 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #E4E4E4 0%,#CECECE 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #E4E4E4 0%,#CECECE 100%); /* IE10+ */
	background: linear-gradient(top,  #E4E4E4 0%,#CECECE 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4E4E4', endColorstr='#CECECE',GradientType=0 ); /* IE6-9 */

}

.pagination a.disabled, .pagination a.disabled:hover, .pagination a.disabled:focus, .pagination a.disabled:active {

	background: #F3F3F3; /* Old browsers */
	background: -moz-linear-gradient(top,  #F3F3F3 0%, #D3D3D3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3F3F3), color-stop(100%,#D3D3D3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #F3F3F3 0%,#D3D3D3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #F3F3F3 0%,#D3D3D3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #F3F3F3 0%,#D3D3D3 100%); /* IE10+ */
	background: linear-gradient(top,  #F3F3F3 0%,#D3D3D3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F3F3F3', endColorstr='#D3D3D3',GradientType=0 ); /* IE6-9 */

	color: #A8A8A8;
	
}

.pagination a:first-child {
	border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
}

.pagination a:last-child {
	border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
}

.pagination a {
	border-right: 1px solid #CDCDCD; 
	border-left: 1px solid #CDCDCD;   
}

.pagination a:first-child {
	border: none;
}

.pagination a:last-child {
	border: none;
}

.pagination input {
	border: none;
	float: left;
	text-align: center;
	height: 20px;
	outline: none;
	vertical-align: middle;
	width: 120px;
	padding: 0;
	margin: 0;
}

/* gigantic class for demo purposes */

.gigantic.pagination {
	margin: 30px 0;
}

.gigantic.pagination a {
	height: 60px;
	width: 60px;
	font-size: 50px;
	line-height: 50px;
}

.gigantic.pagination input {
	width: 300px;
	height: 60px;
	font-size: 30px;
}

/* log element for demo purposes */

.log {
	display: none;
	background-color: #EDEDED;
	border: 1px solid #B4B4B4;
	height: 300px;
	width: 524px;
	overflow: auto;
	margin-left: 0;
	list-style: none;
	padding: 10px;
	li {
		margin-top: 0;
		margin-bottom: 5px;
	}
}
body {
    font-family: "ACaslonPro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html {
    margin: 0px;
    padding: 0px;
}

.container {
    width: 1000px;

}

#main .horizontalBar {
}

#main .sideBar {
    width: 200px;
}

#main .content {
    min-width: 60%;
}

.logo {
    width: 200px;
    padding:0px;
    margin:0px;
}

/* header nav bar*/
header .brand {
    margin-top: 0px !important;
    padding: 18px 20px;
    width: 132px;
}
header.navbar {
  
}
header .navbar .nav > li > a{
    padding:0px !important;
}


header div.top_header_container
{
    background-color: #1b1b1b;
    height: 45px;
    width: 100%;
}

header div.top_header_container .top_header
{
    margin: auto;
    max-width: 1100px;
    height: 100%;
}

header div.top_header_container .top_header .topNavigationBar
{
    height: 100%;
    float: left;
    width: auto;
    display: flex;
}

header div.top_header_container .top_header .topNavigationBar a
{
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1;
    height: 14px;
    margin-top: auto;
    margin-bottom: auto;
    margin: auto 25px auto 0;
    padding: 2px 0;
}

header div.top_header_container .top_header .topNavigationBar a.current_item
{
    border-bottom: solid 1px rgb(255,0,0);
}

header div.top_header_container .top_header .topNavigationBar a:hover
{
    border-bottom: solid 1px rgb(255,0,0);
    text-decoration: none;
}

 div.canvasLogo
{
    max-width:40%;
    padding-right: 10px;
    box-sizing: border-box;
}
  div.canvasLogo img
  {
      max-width:100%;
  }
 .middle_header.logged-out div.canvasLogo
 {
     max-width:50% !important;
 }
div.user_info_search
{
    margin: 0 0 5px auto;
}
div.user_info_search div.user_info
{
    display: flex;
    justify-content: flex-end;
    padding-left: 10px;
    box-sizing: border-box;
    float:right;
}

div.login-buttons
{
   display: flex;
   justify-content: flex-end;
   margin-bottom: 5px;
   float:right;
}

a.loginButton
{  
    width: 100px;
    max-width:50%;
    height: 28px;
    border-top: 0px solid;
    border-bottom: 0px solid;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-color: #ffffff;
    font: normal 10px Tahoma,Geneva,sans-serif;
    color: #ffffff;
    padding-top: 11px;
    text-decoration: none;
    text-align: center;
}
    

    a.loginButton.blue{
         background-color: #009de0;    
    }
    a.loginButton.red{
         background-color: #E42559;
    }


a.highlited_button
{
    color: #FFF !important;
    height: 25px;
    min-width: 164px !important;
    max-width:40%;
    margin: 3px !important;
    padding: 8px 7px 0 9px !important;
    display: block;
    cursor: pointer;
    border-radius: 12px;
    border: solid 1px #fff;
    font: normal 15px Tahoma,Geneva,sans-serif;
    text-transform:uppercase;
    font-weight: bold;
    text-align:center;
}


a.highlited_button.premium
{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    max-width:38%;
}

a.highlited_button:hover
{
    text-decoration:none;
}

 a.highlited_button.green
 {
    background-color: #58ae51;
    border-color: #58ae51;
 }
 a.highlited_button.green:hover
 {
    background-color: #85cf7f;
    border-color: #85cf7f;
 }


div.dropdown.user-info
{
    width: auto;
    height: 28px;
    margin: auto 0 auto 0;
    max-width:60%;
}

div.dropdown.user-info a.dropdown-toggle.user
{
    display: flex;
   
}

div.dropdown.user-info a.dropdown-toggle.user >img
{
    margin-right: 5px;
}

div.dropdown.user-info a.dropdown-toggle.user >span.username
{
   
    margin: auto 2px auto 0;
    max-width: calc(100% - 35px);
    overflow: hidden;
    font-size:14px;
    color: #000;
    line-height: 1;
    text-overflow:ellipsis;
}

a.dropdown-toggle.user >b.caret
{
    margin: auto 0 auto 2px;
    line-height: 1;
}

div.user_info_search
{
    margin-top:16px;
    box-sizing:border-box;
}
     

div.user_info_search div.siteSearch
{
    /*margin-top:10px;*/
    float:left;
}


#header_notification_bar div.dropdown-menu.notification ul.notifications {
    list-style: none;
    padding-left: 0;
    max-height: 600px;
    overflow: auto;
    margin-left: 0;
}



#header_notification_bar div.dropdown-menu.notification ul.notifications > li
{
    text-align: left;
}


    #header_notification_bar div.dropdown-menu.notification ul.notifications > li p#notif 
    {
        font-size: 14px;
    }


.notif-text:not(.reviewed) a {
    font-weight: bold !important;
}



#header_notification_bar div.dropdown-menu.notification .slimScrollDiv .slimScrollBar
{

    width: 7px !important;
    border-radius: 7px !important;
}

.badge-notify-blue {
    background-color: #3bbef5;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3bbef5), color-stop(100%, #3bbef5));
    background-image: -webkit-linear-gradient(top, #3bbef5, #3bbef5);
    background-image: -moz-linear-gradient(top, #3bbef5, #3bbef5);
    background-image: -ms-linear-gradient(top, #3bbef5, #3bbef5);
    background-image: -o-linear-gradient(top, #3bbef5, #3bbef5);
    background-image: linear-gradient(top, #3bbef5, #3bbef5);
}


ul.nav.notifications >li.open > a.dropdown-toggle:after {
    position: absolute;
    bottom: -3px;
    display: block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    content: '';
    z-index: 1000000;
}

.notification span
{
    margin-top: 8px;
    margin-left: 5px;
}

.label-warning, .badge-warning
{
    background-color: #f89406;
}

header ul.nav.notifications
{
    float: right;
    display: flex;
    margin: 0;
    margin-top: 10px;
}

header ul.nav.notifications > li > a
{
    padding: 10px 15px;
    outline-color:red;
}


header ul.nav.notifications > li > a:hover, header ul.nav.notifications > li > a:visited, header ul.nav.notifications > li > a:active, header ul.nav.notifications > li > a:focus
{
    background: none !important;
}

    header ul.nav.notifications > li > a span.badge 
    {
        position: absolute;
        top: -1px;
        z-index: 100;
        right: 1px;
        font-family: "ACaslonPro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

header ul.nav.notifications > li a.admin_lnk
{
    color:rgb(255,0,0);
    font-size:11px;
}
.badge-important
{
    background-color: #b94a48;
}

.badge-warning {
    background-color: #009DE0;
}

.dropdown-menu.extended
{    
    z-index: 10000;
    top: 42px;
    min-width: 160px !important;
    max-width: 300px !important;
    width: 235px !important;
}

.dropdown-menu.extended li p 
{
    padding: 10px;
    background-color: #eee;
    margin: 0px;
    color: #666;
    text-align:left;
}

.dropdown-menu.extended li p.mark-as-read
{
    padding: 0 0 3px;
    text-align: center;
    margin-top: -10px;
}

    .dropdown-menu.extended li p.mark-as-read > a 
    {
        padding: 0 !important;
        display: inline-block;
        cursor: pointer;
        color: #ff0000;
        font-size: 12px;   
    } 

    .dropdown-menu.extended li p.mark-as-read > a:hover 
    {
       text-decoration: underline;
    } 

.dropdown-menu.extended li a
{
    text-align:left;
    padding: 10px;
    list-style: none;
    border-bottom: 1px solid #EBEBEB !important;
    font-size: 12px;
    background-color: inherit !important;
    color: rgb(105, 96, 90);
    white-space: normal;
    line-height: 20px;
}

.dropdown-menu.extended li:last-child a 
{
    border-top: 1px solid white !important;
    border-bottom: 1px solid #EBEBEB !important;
}

.dropdown-menu.extended li i 
{
    margin-right: 3px;
}


.dropdown-menu.extended.inbox > li > a:hover
{
    background:  #eeeeee !important;
    background-color: #eeeeee !important;
}


.dropdown-menu.extended.notification
{
    line-height: 20px;
}
.dropdown-menu.extended.notification li a
{
    background-color: inherit !important;
}
 
.dropdown-menu.extended.notification span
{
      margin-top: 8px;
    margin-left: 5px;
}

.dropdown-menu.extended.notification li:hover
{
    background:  #eeeeee !important;
    background-color: #eeeeee !important;
    text-decoration:none;  
}


.dropdown-menu.extended.notification li:last-child a
{
    border-top: none !important;
}

.dropdown-menu.inbox li a .photo img {
    float: left;
    height: 46px;
    width: 46px;
    margin-right: 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.dropdown-menu.inbox li a .subject .from 
{
    font-size: 12px;
    font-weight: bold;
}

.dropdown-menu.inbox li a .subject .time {
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
    position: absolute;
    right: 5px;
}

.dropdown-menu.inbox li a .message
{
    display: block !important;
    font-size: 11px;
}

.dropdown-menu.inbox li a .subject
{
    display: block;
}

.dropdown-menu.extended.logout 
{
    width: 150px !important;
    min-width: 120px !important;
    max-width: 260px !important;
}

.dropdown-menu.extended.logout > li > a:hover
{
    background:  #eeeeee !important;
    background-color: #eeeeee !important;
    text-decoration:none;  
}

.dropdown-menu.extended.logout > li > a:hover i
{
    background-image: url(Images/glyphicons-halflings-white.png);
}


.badge-pink
{
    background-color: #F282A0 !important;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F282A0), color-stop(100%, #F282A0)) !important;
    background-image: -webkit-linear-gradient(top, #F282A0, #F282A0) !important;
    background-image: -moz-linear-gradient(top, #F282A0, #F282A0) !important;
    background-image: -ms-linear-gradient(top, #F282A0, #F282A0) !important;
    background-image: -o-linear-gradient(top, #F282A0, #F282A0) !important;
    background-image: linear-gradient(top, #F282A0, #F282A0) !important;
}

.badge-important 
{
    background-color: #E52558;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E52558), color-stop(100%, #E52558));
    background-image: -webkit-linear-gradient(top, #E52558, #E52558);
    background-image: -moz-linear-gradient(top, #E52558, #E52558);
    background-image: -ms-linear-gradient(top, #E52558, #E52558);
    background-image: -o-linear-gradient(top, #E52558, #E52558);
    background-image: linear-gradient(top, #E52558, #E52558);
}

.dropdown-menu.extended.notification .label-success
{
    background-color: #a5d16c;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5d16c), color-stop(100%, #a5d16c));
    background-image: -webkit-linear-gradient(top, #a5d16c, #a5d16c);
    background-image: -moz-linear-gradient(top, #a5d16c, #a5d16c);
    background-image: -ms-linear-gradient(top, #a5d16c, #a5d16c);
    background-image: -o-linear-gradient(top, #a5d16c, #a5d16c);
    background-image: linear-gradient(top, #a5d16c, #a5d16c);
}




.dropdown-menu.extended.notification .label-warning 
{
    background-color: #009DE0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009DE0), color-stop(100%, #009DE0));
    background-image: -webkit-linear-gradient(top, #009DE0, #009DE0);
    background-image: -moz-linear-gradient(top, #009DE0, #009DE0);
    background-image: -ms-linear-gradient(top, #009DE0, #009DE0);
    background-image: -o-linear-gradient(top, #009DE0, #009DE0);
    background-image: linear-gradient(top, #009DE0, #009DE0);
}
.dropdown-menu.extended.notification >li
{
    text-align:left;
}
.dropdown-menu.extended.notification .label
{
    display: inline-block;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    color: #ffffff;
    white-space: nowrap;
    vertical-align: baseline;

    border-radius: 0px;
    text-shadow: none;
    padding: 5px;
   
}

.dropdown-menu.extended.notification .notif-text
{
    
    margin-top: -32px !important;
    margin-left: 25px !important;
    text-decoration: none;
    text-align: left;
}

.dropdown-menu.extended.notification .notif-text > a
{
    display:block;
}

header div.middle_header
{
    max-width:1100px;
    margin:auto;
    margin-top:30px;
    display:flex;
}

header div.middle_header .menu_login_container
{
    width:100%;
    display:block;
}

.canvasNavigationBar
{
    display: flex;
    justify-content: space-between;
    border-top: solid 2px #A6A6A6;
    width: 100%;
    padding-bottom:5px;
    padding-right: 10px;
    padding-left: 10px;
    box-sizing: border-box;
    height: 47px;
}
.canvasNavigationBar >a
{
    line-height: 25px;
    vertical-align: middle;
    text-align: center;
    font-size:18px;
    text-decoration: none;
    color: #000000;
    padding-bottom: 2px;
    margin-top:10px;
    margin-bottom:5px;
} 

.canvasNavigationBar >a:hover
{
    border-bottom: solid 2px rgb(255,0,0);
    text-decoration: none;
}

header div.canvasNavigationBarMobile
{
    clear: both;
    text-align: left;
    margin: 15px 0 7px 0;
    display: none;
    position: relative;
}

header div.canvasNavigationBarMobile .navbar-toggle {
    position: relative;
    float: right;
    padding-right: 10px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    float: none !important;
}
    header div.canvasNavigationBarMobile .navbar-toggle img
    {
        width: 30px;
        height: auto;
        max-width: 100%;
        vertical-align: middle;
    }

   header  div.canvasNavigationBarMobile ul 
   {
    position: absolute;
    z-index: 9999 !important;
    width: 99%;
    margin: 2px 0px;
    display: none;
    top: 40px;
    left:0;
}

   div.canvasNavigationBarMobile ul li a {
    display: block;
    padding: 13px 30px;
    color: #fff;
    background-color: rgb(112, 104, 98);
    font-family: MillerBannerLight;
    text-decoration: none;
    outline: none;
    border-bottom: 1px solid rgb(255,255,255);
    font-size: 14px;
    text-transform: uppercase;
}

/*--------------------------------------------------Login---------------------------------------------------*/
div.loginContainer
{
    width: 900px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top:100px;
    /*height:600px;*/
    height:500px;
}
div.loginLogo
{
    float:left;
    width:450px;
    height:200px;
    display:none;
}
div.loginValueRoadmap
{
    float:left;
    width:450px;
    height:200px;
    text-align:center;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size:40px;
    line-height:50px !important;
    display:none;
    
}

.ui-dialog .ui-dialog-titlebar {
    background: #cedc98;
    border: 1px solid #DDDDDD;
    color: #333333;
    font-weight: bold;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    font: bold 12px Tahoma,Geneva,sans-serif;
    text-align: left;
}

div.loginDialog
{

}

div.loginDialogComm.loginDialog 
{
   
    margin-bottom:0px;
}



div.loginRightImage
{
    float:left;
    width:400px;
    margin-left:80px;
    border:0px solid;
    border-radius:25px;
    -moz-border-radius:25px; /* Old Firefox */
    background-color:#A1B8DA;
    height:300px;
}

table.loginDialog
{
    width: 100%;
    margin-left: 5px;
}

table.loginDialog td 
{
    font: normal 12px Tahoma,Geneva,sans-serif !important;
    text-decoration: none !important;
    color: #4d4c4c !important;
    text-align: left !important;
    line-height: 18px !important;
    padding: 4px 0;
}

    table.loginDialog input[type=text], input[type=password] {
        width: 100% !important;
        max-width: 270px;
        height: 22px !important;
        color: #4d4c4c !important;
        font-size: 12px !important;
        font-family: Tahoma,Geneva,sans-serif !important;
        font-weight: normal !important;
        margin: 0px !important;
        padding: 0px !important;
        border: 1px inset rgb(238,238,238);
        border-radius: 0;
    }

    table.loginDialog .submitRedButton
    {
        background-color: #E52558;
        width: 73px !important;
        height: 27px;
        border: 0px solid;
        font: normal 12px Tahoma,Geneva,sans-serif;
        color: #ffffff;
    }

 table.loginDialog td.forgotPassword {
    text-align: right !important;
}
 table.loginDialog td.forgotPassword a {
    color: #009DE0;
}
 table.loginDialog td.forgotPassword a:hover
 {
     text-decoration:underline;
 }

.ui-widget-content 
td.loginDialogLeft
{
    text-align: right;
    color: #424642;
    padding-right: 4px !important;
    width: 30%
}
td.loginDialogRight
{
   width: 200px;
    text-align: left;
    max-width: 70%;
}
td.loginDialogButton
{
    text-align:right;
}

table.loginDialog td.loginDialogButton 
{
    text-align: right !important;
}

td.loginDialogError
{
    text-align:center;
    color:red;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-weight:normal;
    font-size:12px !important;
}
input.loginText
{
    width:190px;
    height:17px;
    padding:1px;
    border:1px solid #424642;    
}

input.loginDialogButton
{
    padding: 10px 20px;
    background:#1743ad;
    border-radius:5px;
    -moz-border-radius:5px; /* Old Firefox */
    border:0px solid;
    color:#fff;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-weight:bold;
    cursor:pointer;
    cursor:hand;
    
}

img.loginRightImage
{
    margin-top:50px;
    margin-left:100px;
}
/*--------------------------------------------------Login---------------------------------------------------*/
.inputInvalid
{
    border:1px solid red !important;    
}



.left {
    float: left;
}

.right {
    float: right;
}

.clearer {
    clear: both;
    height:0px;
    padding:0px;
    margin:0px;

}

/*------    Ajax Loader    ------------------------------------------*/
div.ajaxLoader
{
    background-color: #F1F1F1;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 2000;
    opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    display:none;
}
img.loadCover
{
    position:absolute;
    border-width:0px;
    display:none;
    left:0px;
    top:0px;
    z-index:2100;
}
/*----------------------------------------------------------------------*/
input.searchBox
{
    width:200px;
    height:17px;
    padding:1px;
    border:1px solid #424642; 
}



/**************************************************************************/
.boxNew {
    background: #fff;
    padding: 22px 0px 30px 0px;
    margin-bottom: 20px;
}

input.ideaTitle
{
    float: left;
	width: 594px;
	_width: 591px;
	height: 22px;
	border: 1px solid #D3D2D0;
	background-color: #fff;
	padding: 10px;
	font-family: Georgia, serif;
	font-size: 1.25em;
}

@media (max-width: 500px) {
    input.ideaTitle
    {
        width: 275px;
    }
}

textarea.ideaDescription
{
    float: left;
	width: 594px;
	_width: 591px;
	height: 242px;
	border: 1px solid #D3D2D0;
	background-color: #fff;	
	font-family: Georgia, serif;
	font-size: 1.25em;
}
input.questionTitle
{
    float: left;
	width: 594px;
	_width: 591px;
	height: 22px;
	border: 1px solid #D3D2D0;
	background-color: #fff;
	padding: 10px;
	font-family: Georgia, serif;
	font-size: 1.25em;
}

input.questionTitleTextBox
{
    width:490px;
    height:20px;
}
textarea.questionDescription
{
    float: left;
	width: 594px;
	_width: 591px;
	height: 242px;
	border: 1px solid #D3D2D0;
	background-color: #fff;	
	font-family: Georgia, serif;
	font-size: 1.25em;
}

div.questionButtonBar
{
    width:490px;
    text-align:right;
}

input.requestTitle
{
    float: left;
	width: 594px;
	_width: 591px;
	height: 22px;
	border: 1px solid #D3D2D0;
	background-color: #fff;
	padding: 10px;
	font-family: Georgia, serif;
	font-size: 1.25em;
}
textarea.requestDescription
{
    float: left;
	width: 594px;
	_width: 591px;
	height: 242px;
	border: 1px solid #D3D2D0;
	background-color: #fff;	
	font-family: Georgia, serif;
	font-size: 1.25em;
}

input.resourceTitle
{
    float: left;
	width: 594px;
	_width: 591px;
	height: 22px;
	border: 1px solid #D3D2D0;
	background-color: #fff;
	padding: 10px;
	font-family: Georgia, serif;
	font-size: 1.25em;
}
textarea.resourceDescription
{
    float: left;
	width: 594px;
	_width: 591px;
	height: 242px;
	border: 1px solid #D3D2D0;
	background-color: #fff;	
	font-family: Georgia, serif;
	font-size: 1.25em;
}

input.terraTalkTitle
{
    float: left;
	width: 594px;
	_width: 591px;
	height: 22px;
	border: 1px solid #D3D2D0;
	background-color: #fff;
	padding: 10px;
	font-family: Georgia, serif;
	font-size: 1.25em;
}
textarea.terraTalkDescription
{
    float: left;
	width: 594px;
	_width: 591px;
	height: 242px;
	border: 1px solid #D3D2D0;
	background-color: #fff;	
	font-family: Georgia, serif;
	font-size: 1.25em;
}

/********************************************************************/
/*-------------------------idea list--------------------------------*/
div.ideaItemContainer
{
    width:560px;
    /*height:64px;    */
    height:auto;
    position:relative;
    /*float:left;*/
    overflow:auto;
    display:block;
}
div.ideaItemAuthorLarge
{
    width:100px;
    height:60px;
    float:left;

}
img.ideaItemAuthorLarge
{
    margin:2px;
    width:80px;
}

div.ideaItemAuthor
{
    width:50px;
    height:60px;
    float:left;

}
img.ideaItemAuthor
{
    margin:2px;
    width:45px;
}

div.ideaItemTitle
{
    height:20px;
    width:500px;
    float:left;
}
div.ideaItemDescription
{
    /*height:50px;*/
    width:500px;
    /*float:left;*/
    height:auto;
    position:relative;
    margin-left:50px;
}
div.ideaItemServiceBar
{
    margin-left:50px;
    margin-top:30px;
    width:560px;
    height:30px;    
    position:relative;
   
}

div.ideaItemServiceBarItem
{
    width:180px;
    height:20px;
    float:left;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space: nowrap;
}

div.ideaItemSeparator
{
    border-bottom-color:#D3D2D0;
    border-bottom-width:1px;
    border-bottom-style:solid;
    width:inherit;
    height:3px;
}

div.commonPaging
{
    width:560px;
    height:auto;    
}
div.dataPager
{
    float:right;
    height:auto;    
}
div.dataOrdering
{
    float:left;
    height:auto;    
}
div.ideaListContainer
{
    width:inherit;
    margin-top:20px;
}

/*-------------------------idea list--------------------------------*/
/*-------------------------idea details-----------------------------*/
div.ideaDetailsContainer
{
    width:inherit;
    height:auto;
}
div.ideaDetailsTitle
{
    margin-top: 10px;
    width: 100%;
    height: auto;
    background-color: rgb(64, 163, 90);
    color: #FFF;
}

div.ideaDetailsTitle h1, div.ideaDetailsTitle p
{
    padding-left:10px;
}

div.ideaDetailsDescription
{
    width: 100%;
    height: auto;
    line-height: 1.7em;
    font-size: 13px;
    margin-top:20px;
}

    div.ideaDetailsDescription ul
    {
        padding:20px;
        list-style:initial;
    }

    div.ideaDetailsDescription ol
    {
        padding:20px;
        list-style:decimal;
    }

    div.ideaDetailsDescription p{
        line-height:normal;
    }


    div.recActivityDesc ul
    {
        padding:20px;
        list-style:initial;
    }

     div.recActivityDesc ol
    {
        padding:20px;
        list-style:decimal;
    }

    div.recActivityDesc p{
        line-height:normal;
    }


div.ideaDetailsCategory
{
    margin-top: 10px;
    margin-bottom: 10px;
}

    div.ideaDetailsCategory .label
    {
        font-weight: bold;
    }

div.ideaDetailsDialogAttachments
{
    width:560px;
    height:150px;
    overflow-x:hidden;
    overflow-y:scroll;
}

div.commentDetailsDialogAttachments
{
    width:450px;
}
div.ideaDetailsDialogDescription
{
    margin-top:10px;
    width:560px;
    height:auto;
}

div.ideaDetailsAuthor
{
    width:560px;
    height:auto;
}

div.ideaDetailsAuthorImage
{
    float:left;
    width:50px;
}

div.ideaDetailsAuthorBy
{
    float:left;
    width:450px;
    height:20px;

}
div.ideaDetailsAuthorOn
{
    float:left;
    width:450px;
    height:20px;
}

div.ideaDetailsAuthorImageLarge
{
    width: 90px;
    padding: 10px;
    margin: 0px 10px 5px 0px;
    text-align: center;
    float: left;
}

    div.ideaDetailsAuthorImageLarge img 
    {
        margin: auto;
        max-width: 80px;
        border-radius:2px;
        max-height:100px;
    }

    div.ideaDetailsAuthorImageLarge p
    {
        margin-bottom:0px;
        color:#67BE7E;
    }

div.ideaDetailsAuthorByLarge
{
    float: left;
    width: 445px;
    height: 20px;
    margin: 15px 0px 0px 0px;
}

    div.ideaDetailsAuthorByLarge p span, div.ideaDetailsAuthorOnLarge p span {
        color: #67BE7E;
    }

div.ideaDetailsAuthorOnLarge
{
    float: left;
    max-width: 440px;
    height: 20px;
    margin: 22px 0px 0px 0px;
    /*height: 100px;*/
}

    div.ideaDetailsAuthorOnLarge div.toolbarData {
        margin-top: 10px;
    }

        div.ideaDetailsAuthorOnLarge div.toolbarData div.toolbarImage {
            width: 16px;
            height: 16px;
            float: left;
        }

        div.ideaDetailsAuthorOnLarge div.toolbarData div.toolbarName {
            padding-left: 7px;
            float: left;
        }

div.ideaDetailsComments
{
    width:inherit;
    height:auto;
    margin-top:20px;
}
div.ideaDetailsCommentsCounter
{
   max-width:200px;
    float:left;
    font-size:16px;
}

div.ideaDetailsCommentsShowHide
{
    max-width:155px;
    float:right;
    text-align:right;
    color: #67BE7E !important;
}
div.ideaDetailsCommentsContainer
{
    width:inherit;
    height:auto;
}
div.ideaDetailsCommentsItem
{
    width:560px;
    height:auto;
    margin-top:10px;
}
div.ideaDetailsCommentsItemAuthor
{
    width:200px;
    float:left;
}
div.ideaDetailsCommentsItemBy
{
    width:200px;   
    height:30px; 
}

div.ideaDetailsCommentsItemOn
{
    width:200px;  
    height:30px;  
}
div.ideaDetailsCommentsDescription
{
    width:340px;
    float:right;
}

    div.ideaDetailsCommentsDescription  ul 
    {
        padding:20px;
        list-style:initial;
    }

    div.ideaDetailsCommentsDescription   ol
    {
        padding:20px;
        list-style:decimal;
    }



div.ideaDetailsPostComment
{
    width:inherit;
    height:auto;
    margin-top:20px;
}
div.ideaDetailsPostCommentTitle
{
    width:inherit;
    text-align:left;
}
div.ideaDetailsPostCommentBody
{
    width:100%;
    height:auto;
}

div.ideaDetailsPostCommentLeftTitle
{
    width:110px;
    float:left;
    text-align:right;
}
div.ideaDetailsPostCommentEditor
{
    width:100%;
    float:right;
}
div.ideaDetailsPostCommentButton
{
    width:inherit;
    height:auto;
    text-align:right;
    margin-top:20px;
}
input.btnPostComment
{
    padding: 10px 20px;
    background:#D3D2D0;
    border-radius:5px;
    -moz-border-radius:5px; /* Old Firefox */
    border:0px solid;
    color:#fff;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-weight:bold;
    cursor:pointer;
    cursor:hand;
}
div.ideaCommentCover
{
    padding:0;
    margin:0;
    width:100%;
    padding-right:2px;
}

div.editCommentBox{
    width: 99%;
    padding-right: 2px;
}


/*-------------------------idea details-----------------------------*/



/*---- Question of the Day ----*/
.mini-survey {
	width: 295px;
	margin: 20px 0 15px 0;
	padding: 3px;
	background-color: #edeeee;
}
.mini-survey .top {
	padding: 5px;
}
.mini-survey .top h3 {
	margin: 0 !important;
    text-transform: none !important;
}
.mini-survey .form,
.mini-survey .answers {
	width: 235px;
	background-color: #fff;
	padding: 12px;
	overflow: hidden;
	margin: 0;
}
.mini-survey .form p,
.mini-survey .answers {
	margin: 0 0 1em 0;
}
.mini-survey .form ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}
.mini-survey .form ul li {
	line-height: 0.75em;
	margin: 0 0 6px 0;
}
.mini-survey .form ul label {
	color: #453b30;
	cursor: pointer;
}
.mini-survey .div fieldset.sbx_buttons {
	padding-top: 6px;
}
.mini-survey .div fieldset.sbx_buttons span.sbx_button {
	background: transparent url(../Content/images/button_bg_1b.gif) 0 0 no-repeat; /* !!! IMAGEUPDATED */
}
.mini-survey .div fieldset.sbx_buttons span.sbx_button input.sbx_button {
	background: transparent url(../Content/imagesbutton_bg_2b.gif) 100% 0 no-repeat; /* !!! IMAGEUPDATED */
}
.mini-survey .div fieldset.sbx_buttons a {
	line-height: 2.2em;
	margin-left: 10px;
}
.mini-survey .answers {
	margin: 0;
}
.mini-survey .answers ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mini-survey .answers ul li {
	overflow: hidden;
}
.mini-survey .answers ul li small {
	font-size: 0.8em;
	_clear: both;
}
.mini-survey .answers ul li .result-row {
	overflow: hidden;
}
.mini-survey .answers ul li .result-row .graph {
	float: left;
	height: 18px;
	background: transparent url(../Content/images/result_bg_1.gif) 0 5px no-repeat; /* !!! IMAGEUPDATED */
	_clear: both;
}
.mini-survey .answers ul li .result-row .percent {
	float: left;
	height: 18px;
	background: transparent url(../Content/images/result_bg_2.gif) 0 5px no-repeat; /* !!! IMAGEUPDATED */
	padding: 2px 0 0 8px;
	color: #2a8a1f;
}

/*---- Leaderboard ----*/
ol.leaderboard {
	margin-left: 0;
	padding-left: 30px;
}
ol.leaderboard li {
	font-family: Georgia, serif;
	font-size: 0.85em;
	margin: 0 0 4px 0;
}
ol.leaderboard li em {
	font-family: Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.1em;
}

/*---- Tool-tip ----*/
.tool-tip-trigger .sbx_hidden {
	display: none;
}
#tool-tip {
	position: absolute;
	top: 0;
	visibility: hidden;
	z-index: 10000;
}
#tool-tip .main {
	position: absolute;
	left: 0;
	top: 0;
	padding: 10px 10px 5px 10px;
	background: transparent url(../Content/images/tool_tip_main_bg.png) 0 0 no-repeat; /* !!! IMAGEUPDATED */
	line-height: 1.4em;
	width:250px;
}
#tool-tip .r {
	position: absolute;
	left: 0;
	top: 0;
	width: 6px;
	background: transparent url(../Content/images/tool_tip_r_bg.png) 0 0 no-repeat;
	_background: transparent url(../Content/images/tool_tip_r_bg.gif) 0 0 no-repeat;
}
#tool-tip .b {
	position: absolute;
	left: 0;
	top: 0;
	height: 11px;
	background: transparent url(../Content/images/tool_tip_b_bg.png) 0 0 no-repeat;
	_background: transparent url(../Content/images/tool_tip_b_bg.gif) 0 0 no-repeat;
}
#tool-tip .c {
	position: absolute;
	left: 0;
	top: 0;
	width: 6px;
	height: 11px;
	background: transparent url(../Content/images/tool_tip_c_bg.png) 0 0 no-repeat;
	_background: transparent url(../Content/images/tool_tip_c_bg.gif) 0 0 no-repeat;
}
#tool-tip em.usertag {
	display: block;
	color: #8B8078;
	font-family: Georgia, serif;
	font-size: 0.9em;
}
#tool-tip em.usertag strong {
	color: #2D1C02;
	font-weight: normal;
}


/*-------------------------Request list--------------------------------*/
div.requestItemContainer
{
    width:560px;
    height:auto;
    position:relative;
    overflow:auto;
    display:block;
}
div.requestItemAuthor
{
    width:70px;
    height:70px;
    float:left;

}
img.requestItemAuthor
{
    margin:2px;
    width:45px;
}
div.requestItemTitle
{
    height:20px;
    width:500px;
    float:left;
}
div.requestItemDescription
{
    width:500px;
    height:auto;
    position:relative;
    margin-left:50px;
}
div.requestItemServiceBar
{
    margin-left:50px;
    margin-top:30px;
    width:560px;
    height:30px;    
    position:relative;
   
}

div.requestItemServiceBarItem
{
    width:180px;
    height:20px;
    float:left;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space: nowrap;
}

div.requestItemSeparator
{
    border-bottom-color:#D3D2D0;
    border-bottom-width:1px;
    border-bottom-style:solid;
    width:560px;
    height:3px;
}
div.commonPaging
{
    width:560px;
    height:auto;    
}
div.dataPager
{
    float:right;
    height:auto;    
}
div.requestListContainer
{
    width:560px;
    margin-top:20px;
}
/********************* End Request List ***************************/



/*-------------------------Question list--------------------------------*/
div.questionItemContainer
{
    width:560px;
    height:auto;
    position:relative;
    overflow:auto;
    display:block;
}
div.questionItemAuthor
{
    width:70px;
    height:70px;
    float:left;

}
div.questionItemEdit 
{
    float:right;
    width: 490px;
}

    div.questionItemEdit div.editorTitleDiv {
        width: 490px;
        padding-top:5px;
    }
    div.questionItemEdit div input.ideaTitleTextBox 
    {
        width:485px;
    }

    div.questionItemEdit div.buttonBar {
        width:500px;
    }

div.editorDescriptionDiv 
{
    padding-top:20px;
}
img.questionItemAuthor
{
    margin:2px;
    width:45px;
}

div.questionEditorContainer
{
    width:490px;
    height:auto;   
}
div.questionItemTitle
{
    height:20px;
    width:500px;
    float:left;
}
div.questionItemDescription
{
    width:500px;
    height:auto;
    position:relative;
    margin-left:50px;
}
div.questionItemServiceBar
{
    margin-left:50px;
    margin-top:30px;
    width:560px;
    height:30px;    
    position:relative;
   
}

div.questionItemServiceBarItem
{
    width:180px;
    height:20px;
    float:left;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space: nowrap;
}

div.questionItemSeparator
{
    border-bottom-color:#D3D2D0;
    border-bottom-width:1px;
    border-bottom-style:solid;
    width:560px;
    height:3px;
}
div.commonPaging
{
    width:560px;
    height:auto;    
}
div.dataPager
{
    float:right;
    height:auto;    
}
div.questionListContainer
{
    width:560px;
    margin-top:20px;
}

div.newPostBox{
    width:614px;
}

/*-------------------------idea list--------------------------------*/

/*------------------------Administrator Toolbar----------------------*/
div.administratorToolbar
{
    width:560px;
    height:auto;
}
div.administratorEditIdea
{
    float:right;
    width:20px;
}
div.administratorDeleteIdea
{
    float:right;
    width:200px;
}

div.administratorDeletePost
{
    float:right;
    width:100px;
}

div.administratorPostType
{
    float:left;
    width:500px;
}

    div.administratorPostType div .label 
    {
        font-weight:bold;
    }
a.commonAction
{
    color:black;   
    background-color:transparent;
    padding:0px;
    margin:0px;
    height:18px;
    width:18px;
    display: block;
}
a.commonAction:hover
{
    color:black;    
    background-color:transparent;
    text-decoration:underline;
    padding:0px;
    margin:0px;
    display: block;
}
a.commonAction:visited
{
    color:black;   
    background-color:transparent;
    padding:0px;
    margin:0px;
    display: block;

}
a.commonAction:after
{
    color:black;   
    background-color:transparent;
    padding:0px;
    margin:0px;
    display: block;
    background:none !important;
}

/*------------------------Administrator Toolbar----------------------*/
/*------------------------Administrator Edit----------------------*/
div.editorContainer
{
    width:480px;
    height:auto;  
    padding-right:2px; 
}
div.editorContainerDtl
{
    width:100%;
    height:auto;
    padding-right:2px;   
}
div.editorContainerSearch
{
    width:490px;
    height:auto;   
}
div.buttonBar
{
    width:380px;
    text-align:right;
}

div.buttonBarSearch
{
    width:490px;
    text-align:right;
}

div.buttonBarLarge
{
    width:560px;
    height:auto;
    text-align:right;
}
input.ideaTitleTextBox
{
    width:475px;
    height:20px;
}

input.ideaTitleTextBoxDtl
{
    width:99%;
    height:20px;
}

input.ideaTitleLargeTextBox
{
    width:570px;
    height:20px;
}


input.ideaTitleTextBoxSearch {
    width:490px;
    height:20px;
}


div.editorTitleDiv
{
    width:380px;
    height:auto;
}

div.editorTitleDivDtl
{
    width:inherit;
    height:auto;
    margin-top:10px;
    margin-bottom:10px;
}

div.editorTitleDivSearch
{
    width:490px;
    height:auto;
}
input.btnSaveCancel
{
    padding: 5px 5px;
    background:#8c8c8c;
    /*border-radius:5px;*/
    /*-moz-border-radius:5px;*/ /* Old Firefox */
    padding-left:10px;
    padding-right:10px;
    border:0px solid;
    color:#fff;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-weight:bold;
    cursor:pointer;
    cursor:hand;
    margin:5px;
    width:80px;
}
div.editorDetailsWrap
{
    height:20px;
}

/*--------------------------------Attachments ---------------------------------------------------------*/
div.ideaAttachments
{
    width:inherit;
    height:auto;
}


div.commentAttachments
{
    height:140px  !important;
    overflow-x:auto;
    overflow-y:hidden;
}

div.attachmentsRemove
{
    width:560px;
    margin-top:10px;
    height:30px;
}

div.ideaAttachmentsItem
{
    width:25px;
    height:25px;
    float:left;
}

div.ideaAttachmentsItemLarge
{
    width:97px;
    height:130px;
    float:left;
    margin:5px;
    position:relative;
}

div.ideaAttachmentsText
{
    float:left;
    height:25px;
    width:145px;
    margin-left:2px;
    margin-top:2px;
}

div.ideaAttachmentsContainer
{
    width:inherit;
    min-height:50px;
    border:0px solid #D3D2D0;
}
div.ideaAttachmentsItemText
{
    text-overflow:ellipsis;
    overflow:hidden;
    width:97px;
    height:20px;
    white-space: nowrap;
}
img.ideaAttachment
{
    max-height:96px;
    max-width:96px;
}

div.attachmentRemove
{
    width:15px;
    height:15px;
    position:absolute;
    left:80px;
    top:0px;
    background-color:rgba(255, 255, 255, 0.8);
   
}
.hiddenItem
{
    display:none;
}



/*------------------------------------------------------------------------------------*/

/*------------------------------------------Video-------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*---- Profile Edit ----*/
.prof-form {
	overflow: hidden;
	width: 100%;
}
.prof-form form {
	float: left;
	_overflow: visible;
    width:100%;
}
.prof-form form fieldset {
	overflow: hidden;
	width: 100%;
	margin: 0 0 7px 0;
	padding: 0;
	float: left;
}
.prof-form form fieldset label {
	float: left;
	width: 147px;
    font-size: 1em;
    font-weight:normal;
	padding: 6px 15px 0 0;
	text-align: right;
}
.prof-form form fieldset.select {
	padding-top: 1px;
}
.prof-form form fieldset.select label {
	padding-top: 2px;
}
.prof-form form fieldset input {
	border: 1px solid #d3d3d3;
	padding: 5px;
	float: left;
	width: 270px;
	font-size: 1em;
	margin: 0;
}

@media (max-width: 500px) {
    .prof-form form fieldset input {
        width: 233px;
    }

    .prof-form form fieldset label
    { 
       text-align: left;

    }

}

.prof-form form fieldset select {
	border: 1px solid #d3d3d3;
	float: left;
	width: 282px;
}
.prof-form form fieldset textarea {
	border: 1px solid #d3d3d3;
	padding: 5px;
	float: left;
	width: 270px;
	_height: 40px;
}
.prof-form form fieldset.sbx_buttons {
	padding-left: 162px;
	_width: 100px;
   
}
.prof-form form fieldset.sbx_buttons span.sbx_button {
	float: left;
    background-color: rgb(55, 141, 229);
    color: #2d1c02;
}
.prof-form form fieldset.sbx_buttons span.sbx_button input {
	border: none;
	float: left;
	width: auto;
}

.prof-form form span.sbx_button input {
	border: none;
	float: left;
	width: auto;
}

.prof-form .account-info {
	width: 410px;
	float: right;
	border: 1px solid #E0DED9;
	padding: 24px 28px 24px 28px;
}
.prof-form .account-info h4 {
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 1.3em;
	margin: 0;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #E0DED9;
}
.prof-form .account-info ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.prof-form .account-info ul li {
	overflow: hidden;
	width: 100%;
}
.prof-form .account-info ul li strong {
	display: block;
	float: left;
	width: 80px;
}
.prof-form .account-info ul li a {
	display: block;
	float: left;
}

.field-box div{
    margin-bottom:7px;
    width: 100%;
  
}
.field-box div label{
    margin-bottom:1px;
    font-size:1em;
}

.field-box div span{
    font-style:italic;
    color:#2D1C02;
}

.field-box .ideaDetailsAuthorImageLarge {
    text-align: left;
}

/*------Grid style--------*/
    .gridTable {
        /*padding: 10px;*/
        border: 1px #c8c8c8 solid;
        border-collapse: collapse;
        /*min-width: 550px;*/
        width: 100%;
        background-color: #fff;
        color: #282828;
        text-align:left;
    }

    .gridHead th {
        font-weight: bold;
        background-color: #CCC ;
        color: #282828;
        padding: 10px;
    }

    .gridHead a:link, .gridHead a:visited, .gridHead a:active, .gridHead a:hover {
        color: #282828;
    }

    .gridHead a:hover {
        text-decoration: underline;
    }

    .gridTable tr.gridAltRow {
        background-color: #efeeef;
    }

    .gridTable tr:hover {
        background-color: #DDD;
    }

    .gridAltRow td {
        padding: 10px;
        margin: 5px;
        padding-top:2px;
        padding-bottom:2px;
        color: #333;
    }

    .sortableItem
    {
        cursor:move;
    }

    .gridRow td {
        padding: 10px;
        padding-top:2px;
        padding-bottom:2px;
        color: #333;
    }
 
    .gridFooter td {
        padding: 10px;
        background-color: #CCC;
        color: #5E5B5B;
        font-size: 13px;
        text-align: center;
    }

      
    .gridFooter a {
        font-weight: bold;
        color: #333;
        text-decoration: underline;
    }

    .gridNotActiveUser {
    padding: 10px;
    color: red;
    }

.userSearhBar div div input{
    width: 89% !important;
}

#dvIsActive {
    width: 50% !important;

}

a.difLink {
    color:#5c98f6;
}

    a.difLink:hover {
        color:#4c7bc6;
    }


select.ddlRange
{
    width:282px;
    height:20px;
}

div.chartCentered
{
    text-align:center;
    width:auto;
}

/*-------------------------------------------------Idea Tracking-------------------------------------------*/
div.ganttLegend
{
    margin: 0 auto;
    width: 700px;
    padding-top: 30px;
    margin-left:100px;
}


td.legendNew
{
    background-color:#378de5; 
    width:40px;    
}
td.legendUnderReview
{
    background-color:#FFA500; 
    width:40px;    
}
td.legendReviewed
{
    background-color:#742894; 
    width:40px;    
}

td.legendComingSoon
{
    background-color:#EC2053; 
    width:40px;    
}
td.legendLaunched
{
    background-color:#008000; 
    width:40px;    
}

td.legendText
{
    width:100px;
}

div.ganttFilter
{
    width:auto;
    height:60px;    
}

div.categoryFilter
{
    display:inline;
    position:relative;
    margin:5px;
}
div.ganttFilterContainer
{
    width:600px;
    margin-left:150px;
}

div.categoryActivityFilterContainer
{
    width:600px;
    margin-left:0px;
}

div.divLabel
{
    float:left;
    display:inline;
    position:relative;
    margin:5px;
}
div.ganttLoading
{
    width:100%;
    height:100px;
    text-align:center;
    vertical-align:middle;
    /*border:1px solid gray;*/
    padding-top:40px;
    /*font-weight:bold; */
}

div.ganttNoData
{
    width:100%;
    height:100px;
    text-align:center;
    vertical-align:middle;
    border:1px solid gray;
    padding-top:50px;
    font-weight:bold; 
}



table.legendContainer
{ 
    border-collapse:separate; border-spacing: 5px; 
}


/*
/////////// DIALOG /////////
*/
div.messageDialog
{
    display: none;
    z-Index: 999999 !important;

    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
}

div.messageDialog div.image
{
    float: left;
    width: 30px;
    height: 30px;
    padding: 5px;
}

div.messageDialog div.message
{
    float: left;
    width: 230px;
    height: 30px;
    padding: 10px;
}

div.messageDialog img
{
    height: 30px;
}

div.messageDialog span
{
    font-size: 11px;  
}

div.loginWelcome
{
    margin-left:280px;
    margin-top:20px;
    font-family:Tahoma,Geneva,sans-serif;
    font-size:16px;
    width:800px;
    color:#fff;
    font-weight:normal;
    vertical-align:middle;
    text-transform: uppercase;
    line-height:22px;   

}

div.blueBubbleText
{
    font-family:Tahoma,Geneva,sans-serif;
    color:#424642;
    font-weight:normal;
    font-size:12px;
    padding:20px;


}
div.blueBubbleHeaderText
{
    font-family:Tahoma,Geneva,sans-serif;
    color:#424642;
    font-weight:bold;
    font-size:15px;
    padding-left:20px;
    padding-right:20px;
}

div.blueBubbleBottomText
{
    
    font-family:Tahoma,Geneva,sans-serif;
    color:#000;
    font-weight:normal;
    font-size:12px;
    padding:20px;
    line-height:18px;
    text-align:center;
    width:800px;
    margin-left:30px;
}

a.commonLink
{
    cursor: pointer;
    color: #009DE0;
}

  a.commonLink:hover
    {
        text-decoration: underline;
    }


/***************** Terms Of Use *********************************/
div.termsOfUse {
    font-size: 12px;
    font-family: Verdana,Arial,sans-serif !important;
    font-weight: normal;
    line-height: 20px;
}

    div.termsOfUse ul {
    list-style-type: decimal;
    padding-left: 40px;
    margin-bottom: 0px;
    text-transform: uppercase;

    }

   div.termsOfUse ul li {
    padding-left: 10px;
    margin-top: 15px;
    }

   div.termsOfUse ul li ul {
    list-style-type: lower-latin;
    padding-left: 40px;
    margin-bottom: 0px;
    font-size: 14px;
    text-transform: none;

    }
    div.termsOfUse ul li ul li {
        padding-left: 10px;
        margin-bottom: 10px;
    }
    div.termsOfUse ul li ul li ul {
        list-style-type: upper-roman;
        padding-left: 40px;
        margin-bottom: 0px;
        text-transform: none;
    }

    div.termsOfUse p.header  {
    text-transform: uppercase;
    font-size: 14px;
    font-weight:bold;
    }

    div.termsOfUse p.ordinaryText  {
        text-transform: none;
    }

    div.termsOfUse span.ordinaryText {
        text-transform: none;
    }


span.newPassword 
{
    color:  #df3a3a;
    font-weight: bold;
    font-size: 14px;
}

img.youtubeThumbnail
{
    cursor: pointer;
    width: 100%;
    height: 160px;
}

div.videoPlayerButton 
{
    position:absolute;
    width:100%;
    height:100%;
    /*background-color:red;*/
    background:url('images/play.png') center center no-repeat;  
    background-size:35px 35px;
}

div.noborder
{
    border: 0 !important;
    margin-bottom:0px !important;
}
li.withBorder 
{
    border: 1px #B1B2B9 solid !important;
}

div.comment 
{
    border: 1px #B1B2B9 dotted !important;
    border-right: 0px !important;
}
div.commentsTitle
{
    margin-left:50px;
    margin-bottom:5px;
}
div.commentsTitle span 
{
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

div.textContainer
{
    width:580px;    
    height: 30px;
    margin: 5px;
    font: normal 13px Tahoma,Geneva,sans-serif;
    color: #4D4C4C;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

div.subjectText
{
    padding-top: 2px;
    float: left;
    width: 50px;
}

div.ReplyContainer
{
    width: 528px;
    height: 28px;
    float: left;
    margin-left: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
}

input[type=text].replyRecipients
{
    width: 527px;
    height: 26px;
    float: left;
    border: 1px solid #d3d3d3;
    padding: 5px;
    margin: 0px;
    color: #4d4c4c;
    font: normal 12px Tahoma,Geneva,sans-serif;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.noData
{
    width: auto;
    height: 250px;
    text-align: center;
    vertical-align: middle;
    font: normal 22px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #000000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 100px;
}

div.ideas-all table label{
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
}


/***************  tinymce Editor - overwriting Status bar styles  ****************************************/
.mce-statusbar .mce-first {
    display: none !important;
}
.mce-path-item .mce-last {
    display: none !important;
}
.mce-statusbar .mce-container-body {
    height: 35px !important;
}
.mce-statusbar .mce-label {
    width: 100px !important;
}
/*************** END  tinymce Editor - overwriting Status bar styles  ****************************************/





@media (max-width:1470px)
{
    .top_header .dropdown-menu.extended.inbox
    {
        right:0;
        left:auto;
    }

    
     .top_header .dropdown-menu.extended.notification
    {
        right:0;
        left:auto;
    }
}


@media (max-width:1220px)
{
    .dropdown-menu.extended.logout
    {
        right:0;
        left:auto;
    }
}
  

@media (max-width: 1120px)
{
    header div.top_header_container .top_header
    {
        padding: 0 10px;
    }

    div.canvasLogo
    {
        padding-left: 10px !important;
    }

    div.user_info_search
    {
        padding-right: 10px;
    }

    a.highlited_button 
    {
        min-width: 154px !important;
    }

    div.canvasBodyContent {
        padding: 25px 10px 0 10px;
        box-sizing: border-box;
    }
}

@media (max-width: 681px)
{
    header div.top_header_container.administration
    {
        height: auto !important;
    }
        header div.top_header_container.administration .top_header .topNavigationBar
        {
            float: none !important;
            height: 40px !important;
        }
    header div.top_header_container.administration .top_header ul.nav.notifications
    {
        float: none !important;
        justify-content: flex-end;
    }

    header div.top_header_container.administration .top_header .topNavigationBar {
        justify-content: space-around;
        display: flex;
        width: 100%;
    }


    div.top_header_container.administration .top_header .topNavigationBar a 
    {
        margin: auto !important;
        height: auto !important;
    }

    a.highlited_button
    {
        min-width:0 !important;
        max-width:60% !important;
        height:auto !important;
        font-size:13px !important;
        padding: 2px 6px !important;
    }

      a.highlited_button.premium
      {
          font-size: 10px !important;
      }
}

@media (max-width: 562px) 
{
      header div.top_header_container:not(.administration)
    {
        height: auto !important;
    }
        header div.top_header_container:not(.administration) .top_header .topNavigationBar
        {
            float: none !important;
            height: 40px !important;
        }
    header div.top_header_container:not(.administration) .top_header ul.nav.notifications
    {
        float: none !important;
        justify-content: flex-end;
    }

     header div.top_header_container:not(.administration) .top_header .topNavigationBar
    {
        justify-content: space-around;
        display: flex;
        width: 100%;
    }

    header div.top_header_container:not(administration) .top_header .topNavigationBar a
    {
        margin:auto;
        height:auto;
    }

}

@media (max-width: 400px)
{
    a.highlited_button
    {
        font-size:11px !important;
    }

      a.highlited_button.premium
      {
          font-size: 8px !important;
      }

    header div.top_header_container .top_header .topNavigationBar a 
    {
        font-size: 12px;
    }
}

header div.middle_header
{
    max-width:1100px;
    margin:auto;
    margin-top:30px;
}

header div.canvasNavigationBarMobile
{
    clear: both;
    text-align: left;
    display: none;
    position: relative;
}

header div.canvasNavigationBarMobile .navbar-toggle {
    position: relative;
    float: right;
    padding-right: 10px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    float: none !important;
    margin:0 !important;
}
    header div.canvasNavigationBarMobile .navbar-toggle img
    {
        width: 30px;
        height: auto;
        max-width: 100%;
        vertical-align: middle;
    }

   header  div.canvasNavigationBarMobile ul 
   {
    position: absolute;
    z-index: 9999 !important;
    width: 100%;
    margin: 2px 0px;
    display: none;
    top: 40px;
    left:0;
}

   div.canvasNavigationBarMobile ul li a {
    display: block;
    padding: 13px 30px;
    color: #fff;
    background-color: rgb(112, 104, 98);
    font-family: MillerBannerLight;
    text-decoration: none;
    outline: none;
    border-bottom: 1px solid rgb(255,255,255);
    font-size: 14px;
    text-transform: uppercase;
}



div.siteSearch.mobile
{
    display:none;
    width:82%;
    max-width: 487px;
    margin: 0 auto 0 auto;
}


.canvasPageBody
{
    box-sizing: border-box;
    ms-box-sizing: border-box;
    webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
}


@media (max-width: 600px) {
    header div.canvasNavigationBarMobile {
        display: flex !important;
        justify-content:center;
        margin-top: 15px;
    }

    header div.canvasNavigationBarMobile div.siteSearch form.search-form {
        float: none !important;
        width: 100% !important;
    }

    header div.top_header_container.administration .top_header .topNavigationBar
    {
        justify-content: space-around;
        display: flex;
        width: 100%;
    }

    header div.top_header_container.administration .top_header .topNavigationBar a
    {
        margin:auto;
        height:auto;
    }
    header div.middle_header .menu_login_container
    {
        margin: auto 0;
        width: 60%;
    }

    header div.middle_header.logged-out .menu_login_container
    {
        width:50%;
    }
     div.user_info_search 
    {
        margin: auto 0;
        width:100%;
    }
     .middle_header.logged-out div.user_info_search
     {
         max-width:100% !important;
         margin: auto 0 auto auto;
     }

        div.user_info_search div.user_info 
        {
            
            width: 100%;
        }
     header div.middle_header
     {
         display:flex;
     }
    div.canvasLogo
    {
        max-width:40%;
    }

     .middle_header.logged-out div.canvasLogo
     {
         max-width:50% !important;
     }

    div.canvasNavigationBar {
        display: none !important;
    }

    .canvasPageBody 
    {
        margin-bottom:20px;
        padding-right:15px !important;
    }

      div.canvasNavigationBarMobile.logged-out
      {
          justify-content:flex-end;
      }
   
  div.siteSearch:not(.mobile) {
        display: none;
    }

    div.siteSearch.mobile {
        display: block;
    }

 
    div.canvasBodyContent {
        margin-left: 5px !important;
        width: 97% !important;
    }


    div.login-buttons 
    {
        justify-content: flex-end !important;
        width:100%;
    }
}


@media (max-width: 460px)
{
    a.highlited_button
    {
        max-width: 40% !important;
        height: auto !important;
    }
     div.dropdown.user-info
    {
        max-width:60%;
    }
   
}

@media (min-width:781px)
{
    div.user_info_search div.user_info
    {
       max-width:65%;
    }

    div.user_info_search div.siteSearch
    {
       max-width:35%;
    }

}

@media (max-width:780px) and (min-width:601px) {
    div.user_info_search div.user_info {
        float: none;
    }

    div.user_info_search div.siteSearch {
        float: none;
        max-width: 300px;
        margin: 10px 0 5px auto;
    }
    
    div.user_info_search div.siteSearch #searchGlobal
    {
      
        margin-right: 0px;
        margin-left: auto;
        width: auto;
        display: inline-block;
        float: right;
    }

    div.login-buttons 
    {
        float: none;
    }

    header {
        position: relative;
        padding-bottom: 47px;
    }

    .canvasNavigationBar
    {
        position:absolute;
        left:10px;
        right:10px;
        padding: 0;
        width: auto;
        bottom:0;
    }

    .canvasNavigationBar > a
    {
        margin-bottom:5px;
    }
}

@media (max-width:500px)
{
    div.dropdown.user-info
    {
        max-width:70%;
        height: auto;
    }

    div.dropdown.user-info a.dropdown-toggle.user
    {
        display: block;
        height:auto;
        overflow-y:auto;
        width:100%;
    }

    a.highlited_button
    {
        max-width: 30% !important;
        padding-left: 3px !important;
        padding-right: 3px !important;
        margin-right:6px !important;
    }

    div.dropdown.user-info a.dropdown-toggle.user >img 
    {
       margin-right: auto;
       display: block;
    }

    div.dropdown.user-info a.dropdown-toggle.user >span.username 
    {
        max-width: calc(100% - 12px);
        text-overflow: ellipsis;
        float: left;
        display: inline-block;
        line-height:20px;
    }

    a.dropdown-toggle.user >b.caret 
    {
        float: left;
        display: inline-block;
        margin-top:6px;
    }

    div.user_info_search div.user_info
    {
        align-items: flex-start;
    }

    .dropdown-menu.extended 
    {
        top: 46px;
    }

}


.hidden {
    display: none;
    visibility: hidden;
}


.canvasNavigationBar >a.current
{
     border-bottom: solid 2px rgb(255,0,0);
    text-decoration: none;
}

.canvasNavigationBarMobile .mobile_menu #uMenu li.parent > a.current
{
   color:#f55555;
}

div.ui-dialog[aria-labelledby="ui-dialog-title-dvLoginC"] 
{
    max-width:97%;
}

/*************************** tinyMCE   **************************************/
.tox .tox-menubar {
    background-color: #f0f0f0 !important;
}

.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {
    background-color: #f0f0f0 !important;
}

.tox.tox-tinymce .tox-statusbar .tox-statusbar__branding 
{
    display: none;
}

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