select,
input,
button
{
	font-family: Arial;
	font-size: 11px;
}


.LoadingBg
{
	background-image: url(/images/tooltip_loading.gif);
	background-position: center;
	background-repeat: no-repeat;
	width:100px;
	height:50px;
}

div#tipDiv 
{
	position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
	
	padding:6px; font-size:11px; line-height:1.3;
}
div#tipDiv div.img { text-align:center }
div#tipDiv div.txt { text-align:center; margin-top:4px }

.ContentLabel
{
	
	width:150px;
	vertical-align:top;
	white-space :nowrap;
}
.ContentLabelWide
{
	
	width:250px;
	vertical-align:top;
	white-space:nowrap;
}
.Content, .ShortcutContent,.Good
{
	
}
.Error
{
	text-decoration:none;
}

.TextWatermark
{
}
.InputList
{
	
	width:204px;
}
.InputListMedium
{
	
	width:100px;
}
.InputListShort
{
	
	width:50px;
}
.InputLong
{
	
	width:400px;
}
.InputWide
{
	
	width:300px;
}
.InputNoWidth
{
	
}
.Input
{
	
	width:200px;
}
.InputMedium
{
	
	width:100px;
}
.InputDate
{
	
	width:80px;
}
.InputShort
{
	
	width:50px;
}
.InputCheck,.InputRadio
{
}



.GroupHeader
{
	font-size:13px;
	
	font-weight:bold;
	
}

.TableGroupHeader
{
    font-weight:bold;    
}

.TableHeader td,.TableContent td,.TableAltContent td,.TableGroupHeader td,.TableSubFooter td,.TableFooter td,.TablePageFooter td
{
}


.TabContent
{
	border-left:1px solid gray;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
}
.CollapsiblePanel
{
	overflow:hidden;
}
.CollapsiblePanelHeader
{
}

.modalBackground 
{
	
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalPopup {
	border-width:3px;
	border-style:solid;
	padding:3px;
	width:250px;
}

.Calendar .ajax__calendar_container 
{
  z-index:500;
  position:absolute;
}
.Calendar .ajax__calendar_other .ajax__calendar_day,
.Calendar .ajax__calendar_other .ajax__calendar_year 
{
}
.Calendar .ajax__calendar_hover .ajax__calendar_day,
.Calendar .ajax__calendar_hover .ajax__calendar_month,
.Calendar .ajax__calendar_hover .ajax__calendar_year 
{
}
.Calendar .ajax__calendar_active .ajax__calendar_day,
.Calendar .ajax__calendar_active .ajax__calendar_month,
.Calendar .ajax__calendar_active .ajax__calendar_year 
{
	font-weight:bold;
}
.ModuleImageDisplay
{
	border:0;
	padding-bottom:5px;
	padding-top:5px;
}
.Calendar .ajax__calendar_other .ajax__calendar_day,
.Calendar .ajax__calendar_other .ajax__calendar_month,
.Calendar .ajax__calendar_other .ajax__calendar_year 
{
}






.fieldset { position: relative;  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: inline-block; padding-bottom: 0px; padding-top: 30px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box }

.fieldset .legend  
{
    font-size:13px;
    font-weight:bolder; 
    position: absolute; 
    
    padding: 6px; 
    line-height: 15px; 
    left: 0; 
    top: 0; 
    -moz-border-radius: 4px; -webkit-border-radius: 4px; 
    border-radius: 4px; 
  
 }
 
 .fieldset .fieldset .legend
 { 
     font-size:12px;
     font-weight:normal; 
     position: absolute; 
     height: 14px; 
     padding: 6px; 
     line-height: 14px; 
     left: 0; 
     top: 0; 
     -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 
     border-bottom:1px solid #33; 
  
 }
                     
.fieldset .content { margin: 0 auto; width: 98%; }
.fieldset .content:last-child{margin-bottom:10px;}
.fieldset .footer { display: inline-block; margin-top: 10px; padding-left: 1%; padding-right: 1%; width: 98%; -moz-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-radius: 0 0 4px 4px; }

html			{height:100%;}
body			{font-family: Arial;font-size: 12px;padding: 0;margin: 0 0 0 0;height: 100%;min-width:300px;}
.clear			{clear: both;}
.center-text    {text-align:center;}
#platform5-cms	{margin: 0 auto;width: 100%;min-height:100%;z-index:10;}



#platform5-wireframe {position:fixed;top:0px;left:0px;right:0px;z-index:1000;}


#platform5-header {position:fixed;top:0px;z-index:100;width:100%;}
#platform5-header .header-background
{
    
    min-width:300px;
    height:58px;}
#platform5-header .header-logo{float:left;Height:35px;width:35px;margin:11px 0 0 7px;} 
#Header-Left {margin:0 0 0 0;}
#Header-Right {margin:0 0 0 0;}

#platform5-header .header-user{float:left;Height:61px;margin: 11px 0 0 18px;}
#platform5-header .header-user-logo{float:left;margin-top:0px;width:35px;height:35px;border:none;text-align:center;}
#platform5-header .header-user-details{float:left;margin:0 0 0 10px;height:48px;}
#platform5-header .header-user-details .user-name{font-size:12px;height:13px;padding-top:0px;}
#platform5-header .header-user-details .user-company{font-size:16px;height:17px;padding-top:3px;}
#platform5-header .header-user-details .user-company-identity{font-size:10px;}
#platform5-header .header-user-details .user-language-identity{font-size:10px;}


#platform5-header .header-user-details .user-company-impersonating{font-size:16px;height:17px;padding-top:3px;background:url(Images/Warning.png) no-repeat 0 4px;padding-left:18px;}
#user-impersonate {display:none;z-index:30;position:relative;margin-top:5px;margin-bottom:100px;padding:5px;}
#user-impersonate .impersonate-row{cursor:pointer;}
#user-impersonate .revert-row{cursor:pointer;font-size:14px;}
#user-impersonate .impersonate-switch-header{padding:0 0 5px 0;font-size:14px;}
#user-impersonate .impersonate-header{padding:0 0 5px 0;font-size:14px;}
#user-impersonate .impersonate-separator{margin:5px 0 5px 0;height:1px;}
#user-impersonate .impersonate-switch-row{cursor:pointer;}
#user-impersonate .impersonate-members{display:inline-block;text-align:right;float:right;}
#user-impersonate .impersonate-member-list{padding:10px;}
#user-impersonate .impersonate-force-search{display:none;}
#user-impersonate #div-impersonate-results{margin:0 0 5px 0;}
.impersonate-member-list{z-index:50;}



#platform5-header .header-menu{float:right;height:58px;margin:0 0 0 0;padding:0;cursor:pointer;}
#platform5-header .header-menu .header-menu-row-1{height:35px;position:relative;margin-top:10px;padding-right:38px;}
#platform5-header .header-menu .header-menu-row-1 .short-cut a div {height:33px;}

#platform5-header .header-menu .header-menu-row-1 .system-menu-shortcut .system-menu i.fa-bars {font-size:25px;}
#platform5-header .header-menu .header-menu-row-1 .short-cut  a .menu-synopsis i.fa-car {font-size:25px;}
#platform5-header .header-menu .header-menu-row-1 .short-cut  a .menu-synopsis {cursor: pointer;    display: inline-block;height: 33px;line-height: 33px;margin-bottom: 3px;margin-top: 1px;padding: 0 7px 0 10px;vertical-align: middle;width: 40px;}
#platform5-header .header-menu .header-menu-row-1 .system-menu-shortcut .system-menu i.fa-bars {font-size:25px;}

#platform5-header .header-menu .menu-area{ }

#platform5-header .header-shortcut{margin:-45px 0 0 16px;position:relative;}
#platform5-header .header-shortcut .short-cut{display:inline-block;padding:0 5px 0 0;vertical-align:top;z-index:20;position:relative;}
#platform5-header .header-shortcut .alert-icon{position:relative;line-height:30px;text-align:center;}
#platform5-header .header-shortcut .alert-icon a{text-decoration:none;font-weight:bold;font-size:12px;}
.header-menu > .header-menu-row-1 > .short-cut {padding:0 5px 0 0;display: inline-block;margin-left: 10px;vertical-align: middle;z-index: 20;width:40px;height:40px;line-height:40px;align:center;}
.header-menu > .header-menu-row-1 > .home-icon       {background:url(Images/1_Home.jpg) no-repeat;margin-top:1px;}
.header-menu > .header-menu-row-1 > .alert-icon      {background:url(Images/2_Alert.png) no-repeat;width:33px;height:33px;display:inline-block;margin-top:1px;}
.header-menu > .header-menu-row-1 > .synopsis-icon   {margin-top:1px;}
.header-menu > .header-menu-row-1 > .trader-icon        {position:relative;}
.header-menu > .header-menu-row-1 >  .planner-icon    {background:url(Images/4_Planner.jpg) no-repeat;width:33px;height:33px;display:inline-block;margin-top:1px;}

.header-menu .header-menu-row-1 .system-menu-shortcut{z-index:20;display:inline-block;padding:0 5px 0 0;vertical-align:middle;}
.header-menu .header-menu-row-1  .system-menu{cursor:pointer;display:inline-block;width:60px;vertical-align:middle; padding:0px 7px 0px 10px;margin-bottom:3px;text-align:center;}
.header-menu .header-menu-row-1  .system-menu span {font-size:11px;vertical-align:top;}
#platform5-header .header-shortcut .system-menu-shortcut{margin-left:10px;z-index:20;display:inline-block;padding:0 5px 0 0;vertical-align:top;}
#platform5-header .header-shortcut .system-menu{cursor:pointer;display:inline-block;width:50px;height:40px;line-height:40px;vertical-align:middle;align:center;}

 
#span-menu-display {}
#system-area-menu 
{
    display:none;
    overflow:hidden;
    margin-top:0;
    width:175px;
    z-index:100;
    -moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px; 
	-webkit-border-top-right-radius: 4px; 
	border-top-right-radius: 4px;
}
#system-area-menu span{margin-right:8px;}
#system-area-menu div ul{list-style:none;margin:0;padding:10px 10px 10px 10px;}
#system-area-menu ul.area-list {font-size:14px;opacity:1.0;}
#system-area-menu ul.group-list {font-size:14px;display:none;opacity:1.0;}
#system-area-menu ul.item-list {font-size:14px;display:none;opacity:1.0;}
#system-area-menu li{cursor:pointer;}
#system-area-menu li.area:hover span{opacity:1.0;}
#system-area-menu li.area:hover {}
#system-area-menu li a{text-decoration:none;opacity:1.0;}
#system-area-menu li a:hover {}
#system-area-menu .group-list{display:none;}

.nothing {display:block;}


#platform5-header .header-menu .menu-settings{width:33px; height:33px;display:inline-block;vertical-align:top;}
#platform5-header .header-menu .menu-settings i {font-size:25px;margin-bottom:1px;}
#platform5-header .header-menu .menu-settings span {vertical-align:top;font-size:11px;}
#system-settings{display:none;position:absolute;top:48px;right:0px;padding:5px;z-index:50;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
#system-settings ul{list-style:none;margin:0;padding:10px;font-size:14px;}
#system-settings li span{margin-right:5px;}
#system-settings li:hover{}
#system-settings li:hover span{}
#system-settings li{cursor:pointer;}
#system-settings li.separator{height:1px;border-bottom:1px dashed white;padding: 2px 0 2px 0;cursor:default;}
#system-settings li a{text-decoration:none;}
#system-settings li a:hover{}

#div-settings-view {position:absolute;left:25%;Top:15%;width:640px;height:480px;padding:10px;}
#div-settings-view .settings-internal{padding:10px;}
#div-settings-view input[type="button"]{float:right;}

input[type="radio"], input[type="checkbox"] { margin-right:5px !important;}



.content-breadcrumbs
{
    position:fixed;
    top:58px;
    left:148px; 
    width:100%; 
    margin:0px 0 8px 0;
    font-weight:bold;
    height:24px;
    line-height:24px;
    font-family:Arial;
    font-size:13px;
    padding:0px 0 0 7px;
    white-space:nowrap;
    
    border-left:none;
 }
.content-breadcrumbs a{text-decoration:none;}
.content-breadcrumbs .bread-crumb-end{}


#div-menu-items{overflow:auto;padding:4px 16px 0 0px;position:fixed;top:58px;bottom:34px;width:155px;display:table-cell;}
#div-menu-items h3{padding:0 0 2px 16px;display:block;text-decoration:none;font-face:arial;font-size:15px;line-height:17px;font-weight:bold;margin:0 0 0 0;}
#div-menu-items div:not(:first-child){padding-top:8px;}
#div-menu-items a{padding:0px 0 0 26px;display:block;text-decoration:none;font-face:arial;font-size:13px;line-height:18px;}
#div-menu-items a:hover{}



#platform5-footer {height:34px;left:0px;right:0px;bottom:0px;position:fixed;padding-left:0px;}
#platform5-footer .footer-background   {margin:0;height:34px;width:100%;}
#platform5-footer .footer-information {margin:-26px 0 0 40px;font-size:16px;}
#platform5-footer .BreadCrumbs  {margin-top:20px;float:right;font-family:Arial;font-size:14px;}
#platform5-footer .BreadCrumbs a{font-family:Arial;font-size:14px;text-decoration:none;}



 
#content-area{position:fixed;top:83px;left:150px;bottom:36px;right:0px;overflow:auto;padding:10px 0 0 10px;}


 
#system-message{position:fixed;height:70%;width:50%;left:50%;top:100px;margin:0 0 0 -25%;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;overflow:hidden;z-index:100000;}
#system-message .message-dismiss{position:absolute;width:100px;text-align:center;padding:5px 0 10px 0;left:50%;margin-left:-50px;top:-25px;-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;}
#system-message .message-dismiss:hover{top:0px;cursor:pointer;}
#system-message .message-header{text-align:center;line-height:15px;font-size:15px;height:20px;padding:10px 5px 10px 5px;font-weight:bold;}
#system-message .message-close{position:absolute;top:5px;right:5px;font-size:25px; cursor:pointer;}
#system-message .message-content{padding:5px;overflow:auto;}
#system-message .message-footer{position:absolute;width:100%;bottom:0px;}
#system-message .message-confirm{width:42%;display:inline-block;margin-left: 15px;margin-bottom: 6px;}
#system-message .message-cancel{width:42%;margin-left: 15px;margin-bottom: 6px;display:inline-block;}

.btn {
  display: inline-block;
    display: inline;
    padding: 4px 12px;
    margin-bottom: 0;
  *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-repeat: repeat-x;
  *-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
    zoom: 1;
    text-decoration: none;*
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled],
.Button:hover,
.Button:focus,
.Button:active,
.Button.active,
.Button.disabled,
.Button[disabled],
.button:hover,
.button:focus,
.button:active,
.button.active,
.button.disabled,
.button[disabled] {
  
}

.btn:active,
.btn.active {
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover,
.btn:focus {
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}

.btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.btn-block + .btn-block 
{
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
}

.btn-primary {
  background-repeat: repeat-x;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
}

.btn-primary:active,
.btn-primary.active {
}

.btn-warning {
  background-repeat: repeat-x;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
}

.btn-warning:active,
.btn-warning.active {
}

.btn-danger {
  background-repeat: repeat-x;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
}

.btn-danger:active,
.btn-danger.active {
}

.btn-success {
  background-repeat: repeat-x;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
}

.btn-success:active,
.btn-success.active {
}

.btn-info {
  background-repeat: repeat-x;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
}

.btn-info:active,
.btn-info.active {
}

.btn-inverse {
  background-repeat: repeat-x;
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
}

.btn-inverse:active,
.btn-inverse.active {
}

button.btn,
input[type="submit"].btn {
  
  
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}

button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}


table tr.approved  { }
table tr.declined  { }
table tr.pending  { }
table tr.confirm  { }


 tr.TableHeader{font-weight:bold;line-height:20px;}
 tr.TableHeader a{text-decoration:none;}
 tr.TableHeader a:hover{text-decoration:underline;}
 .TableHeader {padding:4px;}
 tr.TableContent,tr.TableAltContent {line-height:20px;}
 tr.TableContent td,tr.TableAltContent td {padding:4px;}
 tr.TableFooter{font-weight:bold;line-height:20px;}
 .table-left-column{text-align:left;}
 .table-center-column{text-align:center;}
 .table-right-column{text-align:right;}
 .table-sort-column{}
 .table-sort-column-desc{}
 

.grid-create-icon   {text-decoration:none;font-size:15px;padding:0 2px 0 2px;}
span.grid-create-icon {cursor:pointer;}
.grid-edit-icon     {text-decoration:none;font-size:15px;padding:0 2px 0 2px;}
.grid-delete-icon   {text-decoration:none;font-size:15px;padding:0 2px 0 2px;}
.grid-details-icon  {text-decoration:none;font-size:15px;padding:0 2px 0 2px;}


table.table-compact { }

table.table-compact tr.table-header { font-weight: bold; }
table.table-compact tr.table-group-header-collapse { line-height: 35px; cursor: pointer; }
table.table-compact tr.table-group-header-collapse td {  }

table.table-compact tr td { padding: 4px; } 
table.table-compact tr:last-child td { border-bottom: none; } 

select
{
    margin: 0;
    padding: 0;
    margin-top: 3px;
    margin-bottom: 3px;
   
    line-height: 25px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: left;
    padding: 3px 5px 3px 0;
}
input[type=text],input[type=password]
{
    margin:0;
    padding:0;
    margin:3px 0 3px 0;
    
    height:25px;
    line-height:25px;
    border-radius:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: left;
    padding:2px 3px 2px 5px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    font-size:12px;
}
select,
input
{
    -webkit-transition:border linear 0.2s,box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition:border linear 0.2s, box-shadow linear 0.2s;
    transition:border linear 0.2s, box-shadow linear 0.2s;
}
select:focus,
input:focus
{
  outline: 0;
  outline: thin dotted \9;
}

@media all {
	.page-break	{ display: none; }
}

@media print {
	.page-break	{ display: block; page-break-before: always; }
}


#div-menu-items-slide{position:fixed;top:58px;bottom:34px;width:48px;overflow:visible;z-index:100;}
#div-menu-items-slide .menu-slide-icons
{
    width:48px;
    margin-left:0px;
    height:100%;
}
#div-menu-items-slide .hover
{
    background-image:none;
}
#div-menu-items-slide .menu-slide-top-spacer{height:25px;}
#div-menu-items-slide .menu-slide-icon{cursor:pointer;display:inline-block;vertical-align:middle;}
#div-menu-items-slide .menu-slide-title{display:none;cursor:pointer;}
.menu-group{margin:0 5px 0 5px;position:relative;}
.menu-group-hover
{
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.sub-menu
{
    overflow:ellipsis;
    display:none;
    position:absolute;
    border:1px solid black;
    -moz-border-radius:0 4px 4px 0; 
    -webkit-border-radius: 0 4px 4px 0; 
    border-radius: 0 4px 4px 0;
    width:150px;
}
.menu-slide-icon-tile{width:33px;height:30px;text-decoration:none;font-size:20px;display:inline-block;line-height:30px;text-align:center;}


#div-menu-items-solid{position:fixed;top:58px;bottom:34px;width:150px;overflow:visible;overflow-y :auto;overflow-x:hidden;}
#div-menu-items-solid .menu-slide-solid
{
    width:150px;
    margin-left:0px;
    height:100%;
}
#div-menu-items-solid .hover
{
    background-image:none;
}
#div-menu-items-solid .menu-solid-top-spacer{height:25px;}
#div-menu-items-solid .menu-solid-icon{cursor:pointer;display:inline-block;vertical-align:middle;}
#div-menu-items-solid .menu-solid-title{display:none;cursor:pointer;}
.menu-solid-icon-tile{width:33px;height:30px;text-decoration:none;font-size:20px;display:inline-block;line-height:30px;text-align:center;}

.menu-solid-icons li ul.sub-menu-list li a {}
.menu-solid-icons li ul.sub-menu-list li a:hover {text-decoration:none;}
.menu-solid-icons li {cursor:pointer;}
.menu-solid-icons li ul.sub-menu-list  {/*display:none;*/list-style:none;padding-left:20px;}
.menu-solid-icons li .fa,.menu-solid-icons li .sub-menu-list-group {font-weight:normal;}
.Left-Menu-Ul-Solid {list-style:none;padding-left:10px;}
.Left-Menu-Ul-Solid  li span {display:inline-block;min-width:20px;}

.sub-menu > div 
{
    height:30px;
    vertical-align:middle;
    line-height:30px;
    text-overflow:ellipsis;
    overflow:hidden;
}
.sub-menu > div:hover{}
.sub-menu > div:first-child{border-top:none;}
.sub-menu > div:last-child{border-bottom:none;}
.sub-menu a{text-decoration:none;font-size:12px;line-height:14px;padding: 3px 5px 3px 5px;white-space:nowrap;}
.GatewayLabel {font-size: 16px;padding-left: 50px;height:34px;line-height:34px;vertical-align:middle;}
.EnergyLabel {float:right;padding-right: 50px;height:34px;line-height:34px;vertical-align:middle;}
.menuplus { width: 18px;}
.area-list .area:hover{}
.area-list  .area:hover .menuplus{}
.system-settings ul li a:hover .menuplus  {}
.system-settings ul lo a:hover{}

input[type="file"],input[type="File"] {
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    -moz-user-select: none;
    background-repeat: repeat-x;
    border-image: none;
    border-radius: 4px;
    border-style: none none none solid;
    border-width: 0 0 0 1px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font: 400 14px/20px Arial;
    margin: 0;
    padding: 4px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}

.small-trader-display-inner span div.SmallImageHolder 
{
    height: 80px;
    width: 100px;
    overflow: hidden;
    text-align: center;
    vert-align: middle;
    
}
.small-trader-display-inner {
    
    min-height: 90px;
    position: relative;
}
.Trader-Smaller-Text {
    font-size: 11px;
}
.SearchHolder 
{
    width: 300px;
    display: inline-block;
    float: left;
}
.small-trader-display {}
.small-trader-display a:hover { text-decoration: none !important;}
.small-trader-display-inner .media-body .media-heading {font-size: 13px;font-weight: bold;margin-bottom: 0px !important; }
.small-trader-display-inner .media-body div {font-size: 10px; }
.small-trader-display-dealer {font-weight: bold;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 117px;position: absolute;bottom: 5px;left: 110px;font-size: 11px; }
.small-trader-display-price{font-weight: bold;display: inline-block;width: 100%;padding: 0 5px 5px 5px;text-align: right;background-color:transparent !important;}
.small-trader-display-lower { position: absolute;right: 0;bottom: 0;width: 100%;}

.small-trader-display-inner .media-body { padding-left: 5px;}
/*.btn {width:100%;}*/
@media  (min-width: 350px) 
{
    .small-trader-display {
    min-width: 300px;
        margin-top: 15px !important;
        padding-left: 7px !important;
        padding-right: 7px !important;
        
}

}
@media  (max-width: 349px) {
    .small-trader-display{ padding-left: 1px !important;padding-right: 1px !important;}
    
    .container-fluid {padding-right:5px !important;padding-left:5px !important;}
    .col-xs-12 {padding-right:5px !important;padding-left:5px !important;}
    
    .small-trader-display {margin-top: 15px !important; }
    body { min-width: 300px !important;}
}
.Trader-Search-Seperator {
    clear:both;padding-top:15px;height:1px;width:80%;margin:0 10%;
    }
    
    
    #platform5-header .header-menu .header-menu-row-x{height:35px;position:relative;margin-top:10px;padding-right:38px;}
#platform5-header .header-menu .header-menu-row-x .short-cut a div {height:33px;}
#platform5-header .header-menu .header-menu-row-x  .system-menu i.fa-bars {font-size:34px;}
.header-menu > .header-menu-row-x > .short-cut {padding:0 5px 0 0;}
.header-menu > .header-menu-row-x > .home-icon       {background:url(Images/1_Home.jpg) no-repeat;width:33px;height:33px;display:inline-block;margin-top:1px;}
.header-menu > .header-menu-row-x > .alert-icon      {background:url(Images/2_Alert.png) no-repeat;width:33px;height:33px;display:inline-block;margin-top:1px;}
.header-menu > .header-menu-row-x > .synopsis-icon   {background:url(Images/3_Synopsis.jpg) no-repeat;width:33px;height:33px;display:inline-block;margin-top:1px;}
.header-menu > .header-menu-row-x >  .planner-icon    {background:url(Images/4_Planner.jpg) no-repeat;width:33px;height:33px;display:inline-block;margin-top:1px;}
.header-menu .header-menu-row-x .system-menu-shortcut{margin-left:10px;z-index:20;display:inline-block;padding:0 5px 0 0;vertical-align:top;}
.header-menu .header-menu-row-x  .system-menu{cursor:pointer;display:inline-block;width:40px;height:33px;line-height:33px;vertical-align:middle;padding:0px 7px 0px 10px;margin-bottom:3px; margin-top:1px;}
.header-menu > .header-menu-row-x > #mobile-area-menu {display:none;position:fixed;right:0;top:58px;width:250px;bottom:34px;overflow:auto; }
.header-menu > .header-menu-row-x > #mobile-area-menu > .system-area-select > .area-list > .MobileMenuArea > .group-list {display:none;}
.header-menu > .header-menu-row-x > #mobile-area-menu > .system-area-select > .area-list > .MobileMenuArea > .menu-area-click {display:inline-block;}
.header-menu > .header-menu-row-x > #mobile-area-menu > .system-area-select > .area-list > .MobileMenuArea > .mobile-menu-submenu-click {display:inline-block;position:absolute;right:28px;}
.header-menu > .header-menu-row-x > #mobile-area-menu > .system-area-select > .area-list {list-style: none;padding: 0px;margin: 0px;}
.header-menu > .header-menu-row-x > #mobile-area-menu > .system-area-select > .area-list > .MobileMenuArea {
    font-size: 14px;padding: 10px 0 10px 10px;margin: 0 23px 5px 5px;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;cursor: pointer;}
   .Mobile-Sub-Menu .group-list {list-style: none;padding: 0px;margin: 0px;}
    .Mobile-Sub-Menu {display:none;position:fixed;right:0;top:58px;width:250px;bottom:34px;overflow:auto; }
    .mobile-sub-menu-list-group 
    {
        font-size: 14px;padding: 5px 0 5px 10px;margin: 0 23px 5px 5px;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;display:block;}
            .Mobile-Sub-Menu .group-list .mobile-sub-menu-list-item .item
    {
    font-size: 14px;padding: 10px 0 10px 10px;margin: 0 23px 5px 5px;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;cursor: pointer;display:block;
    }
    .Mobile-Sub-Menu .group-list .mobile-sub-menu-list-item .item:hover {text-decoration:none;}
    .MobileMenuReturn {font-size: 14px;padding: 10px 0 10px 20px;margin: 0 23px 5px 5px;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;cursor: pointer;display:block;}
    .header-menu > .header-menu-row-x > #mobile-area-menu > .system-area-select > .area-list > .MobileMenuArea .fa-arrow-circle-right {    float: right;    font-size: 20px;    margin-right: 10px;}
    .MobileMenuReturn .fa-arrow-circle-left {    font-size: 20px; margin:0 5px 0 0;  }
   ul.area-list li.area i.fa  {min-width:20px;}
   .sub-menu-list-item a:hover {}
@media screen and (max-device-width: 768px)
{
    #div-menu-items-solid,#div-menu-items-slide,.header-menu-row-1 {display:none;}
    .header-menu-row-x {display:block;}
    .home-shortcuts {display:block;}
    #content-area { left: 0 !important;padding-left: 1px !important;}
    .content-breadcrumbs {left:0;}
}

@media screen and (min-device-width: 769px)
{   
    .header-menu-row-x {display:none;}
    .home-shortcuts {display:none;}
}
@media screen and (max-width: 768px)
{
    #div-menu-items-solid,#div-menu-items-slide,.header-menu-row-1 {display:none;}
    .header-menu-row-x {display:block;}
    .home-shortcuts {display:block;}
    #content-area { left: 0 !important;padding-left: 10px !important;padding-right:10px !important;}
    .content-breadcrumbs {left:0;}
    
    div.bigarea {float:left;width:150px;height:150px;text-align:center;overflow:hidden;}
    div.bigarea {width:100px;height:100px;}
    div.bigarea a {font-size:11px;}
    div.bigarea a i {font-size:50px;padding-top:10px;padding-bottom:5px;}    
    div.bigarea a:hover {}
    div.bigarea a i:hover {}
    
.Shortcut {display:none;}
.HomeShortcuts .Shortcut {display:inline-block;}
.Shortcut {cursor: pointer;display: inline-block;vertical-align: top;width: 60px;text-align:center;overflow:hidden;}
    .HomeShortcuts .Shortcut i {font-size:25px;}
    
    .HomeShortcuts .Shortcut span { z-index:10;  width:100%;display:inline-block; font-size: 11px;}
    .HomeShortcuts .Shortcut:hover i{}
    .HomeShortcuts .Shortcut:hover span {}
    .home-shortcuts .Shortcut {cursor: pointer;display: inline-block;vertical-align: top;width: 60px;text-align:center;overflow:hidden;}
    .home-shortcuts .Shortcut i {font-size:25px;}
    
    .home-shortcuts .Shortcut span { z-index:10;  width:100%;display:inline-block; font-size: 11px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
}

@media screen and (min-width: 769px)
{   
    .header-menu-row-x {display:none;}
    div.bigarea {float:left;width:150px;height:150px;text-align:center;overflow:hidden;}
    div.bigarea:hover {}
    div.bigarea a {}
    div.bigarea a i {font-size:75px;padding-top:20px;padding-bottom:10px;}
    div.bigarea a:hover {}
    div.bigarea a i:hover {}
    
    div.TraderIconHolder {height: 150px; position: relative; width: 150px;}
    i.TraderCarIcon {position: absolute; font-size: 45px !important; right: 33px; top: 22px;}
    i.TraderMagIcon {position: absolute; font-size: 112px !important; left: 7px; top: -2px;}
    .Shortcut {cursor: pointer;display: inline-block;vertical-align: top;width: 60px;text-align:center;overflow:hidden;}
    .Shortcut i {font-size:25px;}
    
    .Shortcut span { z-index:10;  width:100%;display:inline-block; font-size: 11px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .Shortcut:hover i{}
    .Shortcut:hover span {}
 .HeadSpacer {display:inline-block;width:40px;height:10px;}   
 .HomeShortcuts .Shortcut {display:none;}
    
}




@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
  
}
.table {margin-bottom:0px !important;}
a.btn {}
select,input,textarea {}
input.Button, button
{
    background-repeat: repeat-x;
}
.fixedmodulename
{
      text-align:center;
height:23px;
margin-bottom:9px;
    }
    textarea {}
    .ui-widget-content
    {
        }
        .user-company-identity-impersonate {}
        .userpop 
        {
            display:none;            
            left: 0;
            padding: 5px;
            position: relative;
            top: 0;
            z-index: 999;                  
                  }
                  .userpop div {padding: 5px;}
                  .userpop div:hover {}
                  
                  
                   .colour-btn {float:right;}
                   
                   
                   
                   /*region basic menu colours. do not move to colour CSS*/
                   
                    #platform5-header .header-menu .header-menu-row-1 .short-cut a .menu-synopsis i.fa-car 
{
color:#bbb;
}
 #platform5-header .header-menu .header-menu-row-1 .short-cut a .menu-synopsis 
{
  background-color: #242424;
color: #bbb;
}
 #platform5-header .header-shortcut .alert-icon
{
color:red;
}
 #platform5-header .header-shortcut .alert-icon a
{
color:Red;
}
 .header-menu .header-menu-row-1 .system-menu
{
color:#bbb;
}
 #platform5-header .header-shortcut .system-menu
{
color:#bbb;
background-color:#242424;
}
    #span-menu-display 
{
color:#1782C4;
}
 #system-area-menu  
{

    background-color:#242424;

    color:#bbb;
}
 #system-area-menu span
{
color:#1782C4;
}
 #system-area-menu ul.area-list 
{
color:#bbb;
}
 #system-area-menu ul.group-list 
{
color:#bbb;
}
 #system-area-menu ul.item-list 
{
color:#bbb;
}
 #system-area-menu li.area:hover span
{
color:#bbb;
}
 #system-area-menu li.area:hover 
{
color:#1782C4;
}
 #system-area-menu li a
{
color:#bbb;
}
 #system-area-menu li a:hover 
{
color:#1782C4;
}
   #platform5-header .header-menu .menu-settings
{
color:#bbb;
}
 #system-settings
{
background-color:#242424;
color:#bbb;
}
 #system-settings ul
{
color:#bbb;
}
 #system-settings li span
{
color:#1782C4;
}
 #system-settings li:hover
{
color:#1782C4;
}
 #system-settings li:hover span
{
color:#bbb;
}
 #system-settings li a
{
color:#bbb;
}
 #system-settings li a:hover
{
color:#1782C4;
}
  #div-settings-view 
{
background-color:#242424;
border:1px solid #ededed;
}
 
 
 #platform5-header .header-background 
{

    background-color:#000;

    background:#141414;

    background: -webkit-gradient(linear,left top,left bottom,from(#242424), to (#141414));

    background: -webkit-linear-gradient(top,#242424,#141414);

    background:    -moz-linear-gradient(top,#242424,#141414);

    background:     -ms-linear-gradient(top,#242424,#141414);

    background:      -0-linear-gradient(top,#242424,#141414);

    background:         linear-gradient(top,#242424,#141414);
}
 #platform5-header .header-user-details .user-name
{
color:#E1E1E1;
}
 #platform5-header .header-user-details .user-company
{
color:#E1E1E1;
}
 #platform5-header .header-user-details .user-company-identity
{
color:#3978A3;
}
 #platform5-header .header-user-details .user-language-identity
{
color:#3978A3;
}
   #platform5-header .header-user-details .user-company-impersonating
{
color:#E1E1E1;
}
 #user-impersonate 
{
color:#bbb;
background-color:#242424;
}
 #user-impersonate .revert-row
{
color:Red;
}
 #user-impersonate .impersonate-switch-header
{
color:#1782C4;
}
 #user-impersonate .impersonate-header
{
color:#1782C4;
}
 #user-impersonate .impersonate-member-list
{
background-color:#65879E;
}

 #div-settings-view .settings-internal
{
background-color:White;
}         

#div-menu-items-slide
{
background-color:Black;
}
 #div-menu-items-slide .menu-slide-icons 
{

    background-color:#424C56;

    
    
    color:#bbb;
}
 .menu-group-hover 
{

    
    background-color: #404856;

    border:1px solid #2c3138;

    -moz-box-shadow: inset 0 1px #545a65,0 1px #626973;

    -webkit-box-shadow: inset 0 1px #545a65,0 1px #626973;

    box-shadow: inset 0 1px #545a65,0 1px #626973;
}
 .sub-menu 
{

    background-color:#252A30;

    -webkit-box-shadow: 3px 3px 7px rgba(128, 128, 128, 0.75);

    -moz-box-shadow:    3px 3px 7px rgba(128, 128, 128, 0.75);

    box-shadow:         3px 3px 7px rgba(128, 128, 128, 0.75);
}
 .menu-slide-icon-tile
{
color:#bbb;
}
   #div-menu-items-solid
{
background-color:#090909;
color: #bbb;
}
 #div-menu-items-solid .menu-slide-solid 
{

    background-color:#424C56;
    
    
    
    color:#bbb;
}
 .menu-solid-icon-tile
{
color:#bbb;
}
  .menu-solid-icons li ul.sub-menu-list li a 
{
color:#bbb;
}
 .menu-solid-icons li ul.sub-menu-list li a:hover 
{
color:#ddd;
}
 .sub-menu > div:hover
{
background-color:#424C56;
}
 .sub-menu a
{
color:#bbb;
}
 .GatewayLabel 
{
color:#fff;
color: #bbb;
}
 .menuplus 
{
 color: #1782c4;
}
.header-menu .header-menu-row-x .system-menu
{
color:#bbb;
 background-color:#242424;
}
 .header-menu > .header-menu-row-x > #mobile-area-menu 
{
background-color:#000;
color: #bbb;
}
 .header-menu > .header-menu-row-x > #mobile-area-menu > .system-area-select > .area-list > .MobileMenuArea 
{
color: #bbb;
border: 1px solid #555555;
}
   .Mobile-Sub-Menu 
{
background-color:#000;
color: #bbb;
}
   .mobile-sub-menu-list-group    
{
color: #bbb;
background-color:#8f8f8f;
border: 1px solid #555555;
}
       .Mobile-Sub-Menu .group-list .mobile-sub-menu-list-item .item   
{
color: #bbb;
border: 1px solid #555555;
}
   .MobileMenuReturn 
{
color: black;
background-color:#fff;
border: 1px solid #555555;
}
   .header-menu > .header-menu-row-x > #mobile-area-menu > .system-area-select > .area-list > .MobileMenuArea .fa-arrow-circle-right 
{
color: #bbb;
}
   .MobileMenuReturn .fa-arrow-circle-left 
{
color: black;
}
   .sub-menu-list-item a:hover ,.sub-menu-list-item a.item strong.MenuSelected
{
color:#1782c4 !important;
}
.Left-Menu-Ul-Solid li span, .Left-Menu-Ul-Solid li ul li a , .Left-Menu-Ul-Solid li ul li a strong 
{
    font-size:10pt;
}
.sub-menu > div  
{

    border-bottom:1px solid #181B1E;

    border-top:1px solid #3B4045;

    text-shadow: 0 1px #000;

    -moz-box-shadow: inset 15px 0 15px -15px #111;

    -webkit-box-shadow: inset 15px 0 15px -15px #111;

    box-shadow: inset 15px 0 15px -15px #111;
}

#div-menu-items-slide .hover 
{

    
    -webkit-box-shadow: 7px 1px 13px rgba(128, 128, 128, 0.75);

    -moz-box-shadow:    7px 1px 13px rgba(128, 128, 128, 0.75);

    box-shadow:         7px 1px 13px rgba(128, 128, 128, 0.75);
}
 #div-menu-items-solid .hover 
{

    
    -webkit-box-shadow: 7px 1px 13px rgba(128, 128, 128, 0.75);

    -moz-box-shadow:    7px 1px 13px rgba(128, 128, 128, 0.75);

    box-shadow:         7px 1px 13px rgba(128, 128, 128, 0.75);
}




#content-area .Calendar .ajax__calendar_container  , #content-area .ui-widget-header,#content-area .ui-state-default,#content-area .ui-widget-content .ui-state-default,#content-area .ui-widget-header .ui-state-default
{        
    border-width:1px;
    border-type: solid;
}

#platform5-footer .footer-background  
{
background:#CCC url(Images/FooterBG.png) repeat-x;
}
.HomeShortcuts .Shortcut i 
{
color: #bbbbbb;
}
      .HomeShortcuts .Shortcut span 
{
color: #bbbbbb;
}
   .HomeShortcuts .Shortcut:hover i
{
 color:#1782c4;
}
   .HomeShortcuts .Shortcut:hover span 
{
 color:#1782c4;
}
  .Shortcut i 
{
color: #bbbbbb;
}
      .Shortcut span 
{
color: #bbbbbb;
}
   .Shortcut:hover i
{
 color:#1782c4;
}
   .Shortcut:hover span 
{
 color:#1782c4;
}

tr.TableContent td, tr.TableAltContent td 
{

    border-bottom-width:1px;
    border-bottom-style:solid;     
}
.TableHeader td,.TableContent td,.TableAltContent td,.TableGroupHeader td,.TableSubFooter td,.TableFooter td,.TablePageFooter td 
{
    border-style:solid;
    border-width:1px;
}
.clickable
{
    cursor:pointer;
}


/*LeadView*/


#Lead_Sold_Bar ,
#edit_todo_comment #edit_todo_comment_container , 
#edit_todo #edit_todo_container , 
#edit_sale_information #invoice_sale_container , 
#edit_prospect_information #container ,   
.ddlLeadsLinkedToCCA ,
 #lead_view_activity_control .ddl ,
 #lead_view_activity_control .txt_area  ,
 #lead_view_todo_control ,
 #lead_view_todo_control .ddl ,
 #lead_view_todo_control .txt_area ,
 #lead_view_todo_control .date_txt ,
 #lead_view_todo_control .ddl_hour ,
 #lead_view_todo_control .ddl_min ,
 #lead_view_todo_control .lead_btn  
 /*.lead_view_activity_grid tr td */
{
border-bottom-style:solid;
border-top-style:solid;
border-top-width:1px;
}
 
 #lead_view_activity_control
 {
     border-top-width:1px;
    border-top-style:solid;
 }
 
#edit_prospect_information_mask
{
    background-color:#333;    
}
 .user-company-identity-impersonate 
{
color:#009933;
}
          .userpop div:hover 
{
color: #1782c4;
}
     .userpop      
{

            background: none repeat scroll 0 0 #2b2b2b;

            border: 2px solid #555555;
}
.small-trader-display-lower
{
    background-color:transparent !important;    
}