/* -- Body ---- */
body, td {
font-size: 13px;
font-family:Arial, Helvetica, sans-serif;
color: #000;
line-height:20px;
}
body {
margin:0;
padding:0;
}
v\:* {
behavior:url(#default#VML);
}
/* -- Body ---- */

.even {
    background-color: #FBFBFD;
}
.odd {
    background-color: #FFFFFF;
}

.even.completed, .odd.completed {
    color: #cccccc;
}

.even.pending, .odd.pending {
    color: #FF8844;
}

.even.payable, .odd.payable {
    color: #008800;
}

.xdf table tr td {
	color:#ffffff;
}

ul {list-style:none; padding:0;margin:0;}
ul li {list-style:none}

[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  color:#000000;
}

/* -- header ----- */
#headmaster{
background-color: #FFFFFF;
position: fixed;
width: 100%;
z-index: 50000;
}

#headmaster #loginchain{
display: block;
margin-right: 11px;
position: absolute;
right: 0;
top: 4px;
z-index: 50000;
color:#222;
}

#topproductheader {
    background: url("http://shea.swelen.com/img/smb.gif") no-repeat scroll 9px 5px #000000;
    height: 30px;
}

#langSelector {
	float:right;
	margin:3px 11px
}

/* -- header ----- */


/* -- Content ------ */
#contentmaster{
bottom: 24px;
overflow:hidden;
position: absolute;
top: 84px;
width: 100%;
}

.accounts #contentmaster{
top:59px;
}

.accounts.guest #contentmaster {
top:30px;
}

.userreports #contentmaster {
top:59px;
}

.accounts #homeTable {}
.accounts #homeTable h2 { color:#666666 }

.connected #contentmaster #leftPane{
    background-color: #F0F0F0;
    bottom: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 200px;
}
.connected #contentmaster #leftPane.closed{
width:0px
}

.connected #contentmaster #rightPane{
    bottom: 0;
    left: 200px;
    position: absolute;
    top: 0;
	border-left:1px solid #d0d0d0;
	right:0px;
}

.connected #contentmaster #rightPane.full{
border:none;
left:0px;
}

.connected #contentmaster #extraPane {
    background-color: #F0F0F0;
    border-left: 1px solid #D0D0D0;
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0px;
    width: 0px;
	opacity:1;
}
.connected #contentmaster #extraPane.closed {
border-left:none;
}


.rightToolbar{
    height: 22px;
    padding: 2px 3px;
    position: absolute;
    right: 0;
    top: 56px;
}

#arianne {
    border-bottom: 1px solid #D0D0D0;
    display: block;
    height: 20px;
    overflow: hidden;
    padding: 4px 10px;
    font-family: verdana,sans-serif;
    font-size: 11px;
	width:100%;
}
#arianne .home {
background:url(http://shea.swelen.com/img/home.png) no-repeat;
padding-left:21px;
}

#navmaster {}
#navmaster .buttons {height:23px; text-align:right ; position:absolute ; right:0; z-index:5000; margin-top:3px ; margin-right: 8px; overflow:hidden; padding-left:4px}

#mainPageContent{
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: 6px;
    position: absolute;
	right:0px;
    top: 0px; /* 29px */
	background-color:#f8f8f8
}

.customInvoiceNumber {
    border: 1px dashed #D0D0D0;
    display: inline-block;
	font-family: arial;
    font-size: 11px;
    margin-right: 8px;
    padding: 2px 6px;
    width: 80px;
	height: 20px;
	line-height: 20px;
}

.customInvoiceIDInput {
	width:80px;
	border:none;
	outline:none ;
	font-size:11px;
	font-family: arial;
	height: 20px;
	line-height: 20px;
	padding: 0;
	margin: 0;
}

/* -- Content ------ */


/* -- Data Tables ------ */
.setupsheet {display:none}
.setupTabClass {table-layout:fixed}
.setupTabClass th {font-size:10px ; font-family:Verdana, Arial, Helvetica, sans-serif ; border-bottom: 1px solid #E0E0E0}
.setupTabClass tr:hover { background-color:#f6f6f6; } 
.setupTabClass td { font-size:9px ; font-family:Verdana, Arial, Helvetica, sans-serif ; padding:1px 0px; border-bottom: 1px dotted #e8e8e8; overflow:hidden ; white-space:nowrap ; vertical-align:top}
.setupTabClass.pad {padding:4px 8px;}

.setupTabClass.magnet td { padding:0px 0px; }


#html_ads table tbody tr.targetable { background-color:#fffff8 }
#html_ads table tbody tr.dragover { background-color:#E0E9F8 }
#html_ads table tbody tr.dragover .ic .name { color:#6991C4 ; text-decoration:underline; }
#html_ads table tbody tr.dragover .adinfo { color:#000000 }

#html_rates table thead th { font-family: verdana; font-size:9px; padding:0px; font-weight:bolder; border-bottom:1px solid #d0d0d0 }
#html_rates table tbody tr { }
#html_rates table tbody tr.hover { background-color:#f2f2f4!important }
#html_rates table tbody tr td {
font-family: verdana;
font-size: 9px;
line-height: 14px;
padding: 1px 0px;
}
#html_rates table tbody tr td.bt {
border-bottom:1px solid #e0e0e0;
}


#html_rates .layout-slider.share {
    font-size: 9px;
    padding: 18px 16px 13px 20px;
    position: relative;
}

#html_rates .layout-slider.share .allocationlabel {
    font-size: 9px;
    overflow: hidden;
    text-align: left;
    width: 120px;
	overflow:hidden;
}

/* -- Data Tables ------ */


/* -- Classic Buttons ---- */
.newItemButton {float:right ; text-align:right;}
a.myButton {
border:1px solid #d0d0d0; background-color:#f8f8f8 ; color:#666666;
width:14px ; height:14px ; display:block;
text-decoration:none ; font-size:12px ; font-weight:bolder; text-align:center; line-height:14px;
padding:1px;
border-radius: 4px;
-o-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
a.myButton:hover {color:#fff; background-color:#FF6600 ; border:1px solid #FF6600;}
/* -- Classic Buttons ---- */


/* -- Wizard ------ */
#wizard, #wizard td {font-size:10px; }
#wizard ul.selector {
    position: absolute;
    top: 9px;
    width: 170px;
    bottom: 10px;
    float: left;
    left: 0;
	background-color:#000000	
}
#wizard ul.selector li {
    color: #444444;
    font-size: 130%;
    margin-right: 12px;
	padding:2px 7px;
}
#wizard ul.selector li.selectable {
cursor:pointer;
}
#wizard ul.selector li.selectable:hover {
color:#666666;
}
#wizard ul.selector li.completed {
    color: #d0d0d0;
    cursor: pointer;
}
#wizard ul.selector li.completed:hover {
color:#ffffff;
}
#wizard ul.selector li.selected {
	color: #4488FF;
    cursor:default;
}
#wizard ul.selector li.selectable.selected {
	color: #4488FF;
}
#wizard .step {
display:none;
min-height:515px;
margin-left:160px;
}
#wizard .step .itemRoundList {min-height:500px; background-color:#f2f2f2}

#wizard .step .error {
background-color:#FFF2F5;
border-color:#990000;
}
#wizard .step .info {
    background-image: url("http://shea.swelen.com/img/warning.png");
    background-repeat: no-repeat;
    height: 14px;
    line-height: 14px;
    margin-top: 4px;
    overflow: hidden;
    width: 16px;
	display:none;
	cursor:pointer;
}
#wizard .step .info m {
display:none
}

#wizardButtons {margin-left:160px;}
#wizardButtons .left {float:left ; margin-top:8px}
#wizardButtons .right {padding-top:8px ; text-align:right}
#wizardButtons input.button {
background-color: #4488FF;
border-color: #4488FF !important;
color: #FFFFFF;
cursor:pointer;
}
#wizardButtons input.button.modified {
background-color:#FF6600;
border-color: #FF6600 !important;
}
/* -- Wizard ------ */

/* --- Time Grid ----- */
#timeslotTable { border:1px solid #d0d0d0 }
#timeslotTable td { border-bottom:1px solid #d0d0d0 }
#timeslotTable td.day { padding-left:4px; cursor:pointer }
#timeslotTable td.timegrid { text-align:center ; border-left:1px solid #d0d0d0 }
#timeslotTable td.timegrid.lunch { background-color:#f2f2f4 }

#timeslotTable th { background-color:#000000 ; color:#FFFFFF }
#timeslotTable th.timegrid.reset { padding-left:4px ; cursor:pointer; text-decoration:underline }
#timeslotTable th.timegrid.hours { text-align:center ; cursor:pointer; }

/* -- Plugin ---- */
.plugin {
padding:8px;
border:1px solid #d0d0d0;
border-radius:10px;
-o-border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
margin-bottom:8px;
background-color:#ffffff;
}
.plugin h1 { font-size:14px ; border-bottom:1px solid #c0c0c0 ; padding-bottom:4px ; margin:0px }
.plugin p { color:#333333 ; margin:0 ; padding:0 ; position:relative ; top:4px ; float:left }
.plugin ul.TGraph {
	border-bottom: 3px solid #333;
	position: relative; 
	height: 188px;
	margin: 50px 0 25px;
	padding: 0;
	font: 11px Helvetica, Geneva, sans-serif;
}
.plugin .TGraph li {
	position: absolute; 
	bottom: 0; 
	margin: 0; 
	padding: 0;
	margin-left:0.5%;
	text-align: center; 
	list-style: none;
	width: 3.15%; 
	border: 2px solid #3873B0;
	border-bottom: none;
	-moz-border-radius-topleft:7px; -webkit-border-top-left-radius:7px; -o-border-top-left-radius:7px; border-top-left-radius:7px;
	-moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px; -o-border-top-right-radius:6px; border-top-right-radius:6px;



}
.plugin .TGraph li.p1{ background-color:#68a3e0 }
.plugin .TGraph li span {font-size:11px;position:relative;left:-13px;width:58px;display:block;top:-18px;color:#666666; visibility:hidden ; z-index:2000}
.plugin .TGraph li:hover {background-color:#3873B0 ; border:2px solid #2863A0 ; border-bottom: none;}
.plugin .TGraph li:hover span {color:#666666; visibility:visible}
.plugin .TGraph li dt {color:#444;font-size:10px;position:relative;top:-14px;font-weight:bolder;}

.plugin .evolution {font-size:10px ; font-weight:bolder }
.plugin .evolution.green {color:#22CC22}
.plugin .evolution.red {color:#BB0000}

/* -- Plugin ---- */



/* -- adcreate specific --- */
.adcreate.connected #contentmaster #rightPane{}
.adcreate.connected #mainPageContent{}
.adcreate .delivery_limit_span {margin-left:10px;display:none;font-weight:bolder}

.adcreate .sliderw {width:50%;}
.adcreate .allocationyield {
    margin-left: 16px;
    padding-top: 8px;
    width: 80px;
}
.adcreate .allocationstatus{
text-align:right;
}

.adcreate .jslider td, .jslider th {overflow:visible}
.adcreate .layout-slider.share {
    font-size: 9px;
    padding: 6px 0 6px 8px;
    position: relative;
}
.adcreate #html_ads .setupTabClass td.slideshare {
border-bottom: 1px solid #888; border-top: 1px solid #d0d0d0;
}

/* -- adcreate specific --- */

/* -- Magnet specific ------ */

#slotProgTable .progbutton{ float:right}
#slotProgTable .progbutton a { 
    background: none repeat scroll 0 0 #000;
    border: 1px solid transparent;
    border-radius: 7px 7px 7px 7px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 7px;
    font-weight: bold;
    height: 13px;
    line-height: 12px;
    margin-right: 4px;
    margin-top: 5px;
    padding: 0 4px;
    text-align: center;
	text-decoration:none;
	display:none;
}



#slotProgTable .selector{
padding:0;
border-bottom:1px solid #d0d0d0;
height:26px;

}
#slotProgTable .selector span{
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
}
#slotProgTable ul.networks {}
#slotProgTable ul.networks li {
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height:20px;
height:18px;
color:#444;
}
#slotProgTable ul.networks li div {}
#slotProgTable ul.networks li .zzz {display:none}
#slotProgTable ul.networks li:hover {
background-color:#f2f2f4;
}


/* -- Magnet specific ------ */


/* -- ad formats ------- */

#adcreate_formats {}
#adcreate_formats ul {height:420px ; overflow-x:hidden; overflow-y:auto ; padding:0; margin:0;}
#adcreate_formats ul li {
    border-radius: 3px 3px 3px 3px;
    -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    display: block;
    float: left;
    height: 145px;
    margin: 4px 5px 4px 3px;
    padding: 3px;
    width: 125px;
	cursor:pointer;
	font-size:9px;
}
#adcreate_formats ul li .mask {
position:absolute;
top:0;
width:125px;
height:125px;
background-color:rgba(255,255,255,0.8);
}

#adcreate_formats ul li:hover {
	-o-box-shadow:0 0 6px #666666;
	-moz-box-shadow:0 0 6px #666666;
	-webkit-box-shadow:0 0 6px #666666;
}
#adcreate_formats ul li:hover .mask {
background-color:rgba(255,80,80,0.4);
}

#adcreate_formats ul li.selected {
	-o-box-shadow:0 0 6px #88aa00;
	-moz-box-shadow:0 0 6px #88aa00;
	-webkit-box-shadow:0 0 6px #88aa00;
	cursor:default;
}
#adcreate_formats ul li.selected .mask {
	display:none;
}

#adcreate_formats ul li .details { position:relative }
#adcreate_formats ul li .details .name {
    background-color: #E0E0E0;
    border-top: 1px solid #FFFFFF;
    color: #333333;
    font-weight: bold;
    height: 15px;
    left: 0;
    line-height: 14px;
    opacity: 0.9;
    overflow: hidden;
    padding: 2px 4px;
    position: absolute;
    text-align: center;
    top: 125px;
    vertical-align: middle;
    width: 117px;
}
#adcreate_formats ul li.selected .details .name {
background-color:#222;
color:#FFFFFF;
}


#adcreate_formats ul li .details .type { display:none }
#adcreate_formats ul li .details .contenttype { display:none }
#adcreate_formats ul li .details .size {
    background-color: #000000;
    border-radius: 11px 11px 0 0;
    -o-border-radius: 11px 11px 0 0;
    -moz-border-radius: 11px 11px 0 0;
    -webkit-border-radius: 11px 11px 0 0;
	
    box-shadow: 0 -3px 10px rgba(255, 255, 255, 0.6);
    -o-box-shadow: 0 -3px 10px rgba(255, 255, 255, 0.6);
    -moz-box-shadow: 0 -3px 10px rgba(255, 255, 255, 0.6);
    -webkit-box-shadow: 0 -3px 10px rgba(255, 255, 255, 0.6);
    color: #FFFFFF;
    font-size: 10px;
    left: 28px;
    line-height: 14px;
    opacity: 0.9;
    padding-left: 0;
    position: absolute;
    text-align: center;
    top: 111px;
    width: 70px;
}
#adcreate_formats ul li .details .owner {
    background-color: #FFFFFF;
    font-weight: bold;
    line-height: 14px;
    padding-left: 4px;
	display:none;
}

/* -- ad formats ------- */



/* -- footer ---- */
#footermaster{
background-color:#000000;
bottom: 0;
position: absolute;
width: 100%;
display:block;
height:24px;
overflow: hidden;
color:#222;
-o-box-shadow: 0 0 30px rgba(255, 255, 255, 0.2);
-moz-box-shadow: 0 0 30px rgba(255, 255, 255, 0.2);
-webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.2);
}

#footermaster .left{
float:left;
width:110px;
display:block;
padding:4px 2px;
height:24px;
}
#footermaster .right{
margin-left:110px;
text-align:right;
line-height:24px;
margin-right:10px;
}

#footermaster .right a { font-size:83%; color:#444; text-decoration:none;}
#footermaster .right a:hover { color:#fff; text-decoration:underline;}
/* -- footer ---- */





/* -- LoveBox ------- */
.lovebox {
    background-color: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    bottom: 0;
    margin: 6px;
    position: absolute;
    top: 0;
	left:0;
	right:0;
}
.lovebox h1 {
    background-color: #333333;
    color: #FFFFFF;
    font-family: verdana,sans-serif;
    font-size: 9px;
    margin: 0;
    padding: 0 5px;
	height:20px;
	overflow:hidden;
}
.lovebox ul {
    bottom: 0;
    margin: 0;
    overflow: auto;
    padding: 0 0 4px;
    position: absolute;
    top: 46px;
    width: 100%;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.lovebox ul li {
    list-style: none outside none;
    padding:0 5px 0 18px;
	line-height:14px;
	background-image:url("http://shea.swelen.com/img/folder.png");
	background-repeat:no-repeat;
	background-position: 1px -1px;
}
.lovebox ul li:hover {
    background-color: #e0e0e0;
}
.lovebox ul li a {
    color: #666666;
    display: block;
    font-family: arial,sans-serif;
    font-size: 10px;
    text-decoration: none;
	overflow:hidden;
	height:14px;
    white-space: nowrap;
}
.lovebox ul li.selected {
    background-color: #333333;
}
.lovebox ul li.selected a {
	color:#ffffff;
}

.lovebox ul ul {
position:static;
overflow:hidden;
}
.lovebox ul ul ul {
    border-left: 1px dotted #888888;
    margin-left: 7px;
}
.lovebox ul ul ul li {
margin-left:8px;
}
.lovebox ul ul ul.last {
    border-left: 1px dotted #fff;
}

.lovebox ul ul li {
padding-left:19px;
background-image:url("http://shea.swelen.com/img/linode.gif");
background-repeat:no-repeat;
background-position:0 -2px;
}
.lovebox ul ul li.last {
background-image:url("http://shea.swelen.com/img/lilastnode.gif");
}
.lovebox ul ul li.affiliate a {}
.lovebox ul ul li.publisher a {}
.lovebox ul ul li.advertiser a {}
.lovebox ul ul li.campaign a {}
.lovebox ul ul li.application a {}

.lovebox ul ul li.new a { color:#6677DD; }
.lovebox ul ul li.active a { color:#777777; }
.lovebox ul ul li.inactive a { color:#FF9900; }
.lovebox ul ul li.online a { color:#449944; }
.lovebox ul ul li.pause a { color:#FF9900; }
.lovebox ul ul li.finished a { color:#c0392b; }

.lovebox ul ul li.warning.self a {
    background: url("http://shea.swelen.com/img/warn.png") no-repeat scroll 0 0 transparent;
    padding-left: 15px;
}

.lovebox ul ul li span {
    background-color: #888888;
    border-radius: 8px 8px 8px 8px;
    -o-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    right: 0;
    font-size: 8px;
    height: 12px;
    margin-right: 2px;
    line-height: 12px;
    padding: 0 2px;
    position: absolute;
    margin-top: -13px;
}


.lovebox ul ul li.new span{ 
	background-color: #8888ff;
}
.lovebox ul ul li.inactive span{ 
	background-color: #FF9900;
}

.lovebox p {
    font-size: 90%;
    padding: 0 16px;
}

.lovebox table {}
.lovebox table tr td {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
padding:0px;
border-bottom:1px dotted #e0e0e0;
line-height:16px;
}
.lovebox table tr td.label {
font-weight:bold;
text-align:right;
padding-right:6px;
width:60px;
}

.lovebox .expand{
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: right;
    font-weight: bold;
    height: 11px;
    line-height: 11px;
    margin-top: 1px;
    position: relative;
    right: -3px;
    text-align: center;
    width: 12px;
}

.lovebox.top{
top:0%;
bottom:50%;
}
.lovebox.bottom{
top:50%;
bottom:0%;
}
.lovebox.full{
top:0;
bottom:0;
}
.lovebox.hidden{
display:none;
}
.lovebox.selected{
display:block;
}
/* -- LoveBox ------- */


/* -- Search ------ */
div.search {
	background: url("http://shea.swelen.com/img/onglets/tb.gif") repeat scroll 0 27px transparent;
	width: 100%;
}
div.search .searchboxLeft {
	float:left;
	width:120px;
}
div.search .searchboxLeft span {
    color: #333333;
    font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	margin-left:6px;
}
div.search .searchboxLeft input {
    background-color: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 4px 4px 4px 4px;
    color: #555555;
    font-family: verdana,sans-serif;
    font-size: 9px;
    margin: 5px;
    width: 86px;
    padding: 1px 4px;
}

div.search .searchboxRight {
margin-left:122px;
height:26px;
}

div.search .searchboxRight ul.filter {
position:static;
width:inherit;
padding:0;
}
div.search .searchboxRight ul.filter li {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #D0D0D0;
	border-radius: 7px;
	border-radius: 7px;
	-o-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	color: #000000;
	float: left;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 7px;
	font-weight: bold;
	height: 13px;
	line-height: 12px;
	margin-right: 4px;
	margin-top: 5px;
	padding: 0 4px;
	text-align: center;
	cursor:pointer;
	float:right;
}
div.search .searchboxRight ul.filter li.selected {
background-color:#000;
color:#fff;
border:1px solid transparent;
cursor:default;
}
/* -- Search ------ */

.adthumb {
width:100px;
height:100px;
background-color:#f0f0f0;
border:1px solid #d0d0d0;
vertical-align:middle;
text-align:center;
display:table-cell;
overflow:hidden;
padding:6px;
color:#888;
}
.adthumb img {
box-shadow:0 0 4px rgba(255, 255, 255, 0.25);
-o-box-shadow:0 0 4px rgba(255, 255, 255, 0.25);
-moz-box-shadow:0 0 4px rgba(255, 255, 255, 0.25);
-webkit-box-shadow:0 0 4px rgba(255, 255, 255, 0.25);
}

/* -- Desktop ------*/
.icon {
	position: absolute;
	width: 128px;
	height: 78px;
	text-align: center;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.icon span { background-color:#333; background-color:rgba(0, 0, 0, 0.25); text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3); color:#FFFFFF; border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:3px 6px; font-size:11px}
.icon .picture {width:128px; height:54px ; cursor:move ; background-position:center center; background-repeat:no-repeat;}

.icon.affiliates .picture { background-image:url("http://shea.swelen.com/custom/swelen/icons/icn_affiliates.png");}
.icon.campaigns .picture { background-image:url("http://shea.swelen.com/custom/swelen/icons/icn_campaigns.png");}
.icon.applications .picture { background-image:url("http://shea.swelen.com/custom/swelen/icons/icn_applications.png");}
.icon.invoices .picture { background-image:url("http://shea.swelen.com/custom/swelen/icons/icn_invoices.png");}
.icon.reports .picture { background-image:url("http://shea.swelen.com/custom/swelen/icons/icn_reports.png");}
.icon.admin .picture { background-image:url("http://shea.swelen.com/custom/swelen/icons/icn_admin.png");}

.icon.selected {background-color:rgba(0, 0, 0, 0.3); border-radius:9px; -o-border-radius:9px; -webkit-border-radius:9px; -moz-border-radius:9px;}
.icon.selected span {background-color:#3399FF}

.desktop .header {
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 43%, rgba(0,0,0,0.16) 98%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(43%,rgba(0,0,0,0)), color-stop(98%,rgba(0,0,0,0.16))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,rgba(0,0,0,0.16) 98%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,rgba(0,0,0,0.16) 98%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,rgba(0,0,0,0.16) 98%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#29000000',GradientType=1 ); /* IE6-9 */
	background: linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,rgba(0,0,0,0.16) 98%); /* W3C */

    height: 53px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
	margin-right:200px;
}

.desktop .big {
    color: #000;
    color: rgba(0,0,0,0.5);
    font-size: 220%;
    font-weight: bold;
    margin: 16px 12px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
}
.desktop .big span {
display:block
}


.window .icon {
position:inherit;
float:left;
margin:6px;
height:97px;
}

.window .icon span {
    display: block;
    font-size: 9px;
    line-height: 14px;
    padding: 1px 6px;
}
.window .icon.selected {background-color:rgba(0, 0, 0, 0.10); border-radius:9px; -o-border-radius:9px; -webkit-border-radius:9px; -moz-border-radius:9px;}
.window .icon.selected span {background-color:#3399FF}
.window .icon .picture { height:80px; overflow:hidden ; display:table-cell ; vertical-align:middle ; background:none;}
.window .icon .picture img {
box-shadow:0 0 4px rgba(0, 0, 0, 0.75);
-o-box-shadow:0 0 4px rgba(0, 0, 0, 0.75);
-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.75);
-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.75);
}
/* -- Desktop ------*/


/* -- Windows ------ */
.window-modal-background{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    -moz-opacity:.50; 
    filter:alpha(opacity=50); 
    opacity:.50;
	background-color:#000000;
}

.window{
	width:400px;
	min-width:400px;
	position:absolute;
	left:350;
	top:200;
	font-size:13px;
	font-family:verdana;
	padding-bottom:35px;

	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);

	border-radius:5px 3px 0 0;
	-o-border-radius:5px 3px 0 0;
	-moz-border-radius:5px 3px 0 0;
	-webkit-border-radius:5px 3px 0 0;
}

.window .titleBar {
	border-radius:5px 3px 0 0;
	-o-border-radius:5px 3px 0 0;
	-moz-border-radius:5px 3px 0 0;
	-webkit-border-radius:5px 3px 0 0;
}

.window .titleBar-content{
    color: #888888;
    cursor: move;
    font-family: verdana,sans-serif;
    font-size: 10px;
    height: 17px;
    line-height: 11px;
    padding-right: 5px;
    padding-top: 4px;
    text-align: right;
    text-shadow: 1px 1px 1px #FFFFFF;
}

.window .button {
	position: absolute;
	top: 4px;
	background:#FFFFFF;

	border-radius: 7px;
	-o-border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;

	color: #000000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 7px;
	font-weight: bold;
    width: 5px;
	height: 13px;
	line-height: 12px;
	padding: 0 4px;
	text-align: center;
	cursor:pointer;
}

.window .button.minimize{
	left: 40px;
}
.window .button.maximize{
	left: 22px;
}
.window .button.close{
	left: 4px;
}

.window .content {
	height:100%;
	background-color:#FFFFFF;
	font-size:13px;
	font-family:verdana;
	color:#000000;
    border-bottom:1px solid #AAA;
    overflow:hidden;
}

.window .toolbar{ height: 26px; overflow: hidden;}
.window .pad { padding:0px 5px; }
.window .pane { position:relative }
.window .pane.top {height:100% ; overflow-y:scroll ; overflow-x:hidden}
.window .pane.bottom {height:0% ; border-top:1px solid #d0d0d0 ; overflow:hidden}
.window table { table-layout:fixed ; font-family:Verdana, Arial, Helvetica, sans-serif }
.window table thead th {font-size:9px ; font-weight:bold ; padding:0px 5px; border-bottom:1px solid #d0d0d0}
.window table tbody td {font-size:9px ; overflow:hidden ; white-space:nowrap ; line-height:14px; padding:0px 5px; color:#333}
.window table tbody td.title { font-weight:bold; color:#222;}
.window table tbody tr { cursor:pointer }
.window table tbody tr.hover {background-color:#f0f0f0}
.window table tbody tr.selected {background-color:#3399FF!important ; color:#FFFFFF!important}
.window table tbody tr.selected td {color:#FFFFFF!important}

.window .statusBar {
	height:12px;
    position: relative;
    border-top:1px solid #ffffff;
	overflow: hidden;
    background: #f2f2f4;
	opacity:0.95;
}

.window .resizeIcon {
    width: 10px;
	height: 10px;
    background: transparent url(http://shea.swelen.com/img/resize.png) no-repeat;
	position: absolute;
	right: 0px;
	bottom: 0px;
	cursor: se-resize;
}


.window.behind {
opacity:0.97;
}

.window.behind .titleBar {
background:#f0f0f0;
}
.window.behind .titleBar .button {
color:#cccccc
}

.window.ontop {
	-o-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
}

.window.ontop .titleBar {
	background:rgba(80,80,80, 0.9);
}

.window.ontop .titleBar-content{
color:#fff;
text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}

.window table.slotInfoTable{}
.window table.slotInfoTable tr td { font-size:11px ; cursor:default ; padding:3px 5px }

/* -- Windows ------ */



/* -- Divers -----*/ 

.blacklist {display:block; float:left; width:14px ; height:14px ; margin-right:2px ; background:url("http://shea.swelen.com/img/usr_on.png") no-repeat; text-align: center;}
.blacklist[status="banned"] {background: url("http://shea.swelen.com/img/usr_off.png") no-repeat;}
.data .banned .blacklist {background:url("http://shea.swelen.com/img/usr_off.png") no-repeat;}

.data .running td { color:#005500 }
.data .running td.title { color:#005500 }

.data .banned td { color:#999 }
.data .banned td.title { color:#999 }

.pag{font-size: 10px ; text-decoration:none ; color:#555 ; background-color:#fefefe ; border:1px solid #e0e0e0 ; padding:3px ; font-weight:bolder}
.pag_selected{font-size: 10px ; text-decoration:none ; color:#FFFFFF ; background-color:#4676BA ; border:1px solid #4676BA ; padding:3px ; font-weight:bolder}

.disableTextSelection{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.smallsize {}
.smallsize a {font-size:9px ; font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;}
.incorrect {font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;font-size : 12px;color : #DD0000;font-weight: bold;}
.itemRoundList {padding:8px ; background-color:#fff ; border:1px solid #e0e0e0 ; border-radius:6px; -moz-border-radius:6px ; -webkit-border-radius:6px ; -o-border-radius:6px}
.itemRoundList .small {border-bottom:1px solid #d0d0d0 ; margin-bottom:10px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; color: #808080; }
.tdbb {border-bottom:1px solid #d0d0d0}
h1 {font-size:30px;font-weight:bolder;margin:0px;margin-top:6px;margin-bottom:12px;padding:0px;color:#888;}
h2 {font-size:14px ;font-weight:bolder ;margin:0px;color:#FF6600; line-height:14px;}
h3 {font-size:20px ;font-weight:bolder ;margin:0px ;color:#ffffff;}
form {margin:0px;}
object, embed { outline:none; }
hr { background-color:#d0d0d0; color: #6699CC; height: 1px; border: none; }
img {border: none;}
#updatedMessage {padding:6px; font-size:16px ; text-align:right ; font-weight:bolder ; background-color:#FFFFCC ; display:none}
.contextSelected {
background-color:#FFFFFF!important;
box-shadow: 0 0 76px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 0 76px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 76px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 76px rgba(0, 0, 0, 0.1);
}
.inlist {font-family:Verdana, Arial, Helvetica, sans-serif ; font-size:9px ; color:#b0b0b0; margin-left:36px ; line-height:12px }
.limiter { line-height:12px ; color:#999999 }
.radioleft{margin-left:16px ; line-height:12px ; margin-bottom:6px }
.myheadback{ background:url(http://shea.swelen.com/img/icon_create.gif) no-repeat ; margin-bottom:10px }

.makeemptyfield {display:inline-block; width:16px; height:16px; margin-left:4px; position:relative; top:5px;background:url(http://shea.swelen.com/img/delete_off.gif) no-repeat;}
.makeemptyfield:hover {background:url(http://shea.swelen.com/img/delete.gif) no-repeat; cursor:pointer}


#connexion {
margin-top:30px ; padding:3px ; width:300px ; border-radius:8px ; -o-border-radius:8px ; -moz-border-radius:8px ; -webkit-border-radius:8px ; border:4px solid #e0e0e0 ; background-color:#f8f8f8;
}
/* -- Divers -----*/

/* -- Script Tags --- */
.scripttag {
width:99% ; height:200px ; font-size:9px ; font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* -- Script Tags --- */


/* -- HTML Groups ----- */
#html_groups ul { list-style:none; padding:0; margin:0; }
#html_groups ul li {
-moz-border-radius:8px; border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px;
background-color: #f0f0f0;
display: inline;
list-style: none outside none;
margin-right: 5px;
padding: 0px 5px;
line-height:17px;
height:19px;
margin-bottom:4px;
float:left;
}
#html_groups ul li.selected {
background-color:#000000;
}
#html_groups ul li:hover {
background-color:#d7eccf;
}

#html_groups ul li a { 
color: #999;
font-family: verdana;
font-size: 9px;
font-weight: bold;
text-decoration: none;
}
#html_groups ul li.selected a {
color:#FFFFFF;
cursor:default;
}

#html_groups ul li.selected:hover {
background-color:#000000;
cursor:default;
}

#html_groups ul li.targetable {
background-color:#ffeecc!important;
cursor:default;
}
#html_groups ul li.targetable a {
color:#333333
}

#html_groups ul li.dragover {
background-color:#dd0000!important;
cursor:default;
}
#html_groups ul li.dragover a {
color:#FFFFFF
}

#html_groups ul li span {
	-moz-border-radius:7px; border-radius:7px; -webkit-border-radius:7px; -o-border-radius:7px;
	background-color: #FFFFFF;
	border: 1px solid #E0E0E0;
	color: #D0D0D0;
	cursor: pointer;
	display: inline;
	font-size: 7px;
	font-weight: bold;
	padding: 2px 4px;
	position: relative;
	right: -4px;
	top: -1px;
}
#html_groups ul li span:hover {
	background-color:#ffeeee;
	border: 1px solid #f0cccc;
	color: #dd7777;
}
#html_groups ul li.selected span {
	border: 1px solid #000;
	background-color:#333333;
	color:#666666;
}
#html_groups ul li.selected span:hover {
	border: 1px solid #000;
	background-color:#444;
	color:#fff;
}

#html_groups ul li.targetable span {
opacity:0.4;
}
#html_groups ul li.targetable span:hover {
opacity:0.4;
}

#html_groups ul li.dragover span {
	border: 1px solid transparent;
	background-color:#dd0000;
	color:#000;
}
#html_groups ul li.dragover span:hover {
	border: 1px solid transparent;
	background-color:#dd0000;
	color:#000;
}

#html_groups ul li.editing {background-color:#f0f0f0!important;}
#html_groups ul li.editing:hover {background-color:#d7eccf!important;}
#html_groups ul li.editing span {display:none;}

#html_groups input.editable {
    background-color: #FFFFFF;
    border: medium none;

    border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;

    font-size: 9px;
    height: 13px;
    margin-left: -2px;
    outline: medium none;
    padding-left: 2px;
    width: 80px;
}

#html_groups .btn {
border:none;
background:none;
outline:none;
text-decoration:underline;
margin-left:4px;
padding:0;
cursor:pointer;
}
/* -- HTML Groups ----- */




/* -- Links ------- */
a.big { font-weight:bolder ; font-size: 16px ; color: #cc0000;}
a.big:hover { font-weight:bolder ; font-size: 16px ; color: #ff0000;}

a.soft{text-decoration:underline ; color:#777}
a.soft:hover{text-decoration:underline ; color:#000}

#loginchain a.soft{text-decoration:underline ; color:#777}
#loginchain a.soft:hover{text-decoration:underline ; color:#fff}

a.soft.white{text-decoration:none ; color:#444}
a.soft.white:hover{text-decoration:underline ; color:#fff}

a.menu{text-decoration:underline ; color:#6991C4 ; font-weight:bolder}
a.menu:hover{text-decoration:underline ; color:#4676BA ; font-weight:bolder}

a.menui{text-decoration:underline ; color:#DD55BB}
a.menui:hover{text-decoration:underline ; color:#ff0000}

/* -- Links ------- */


/* -- Parameters Panes ------- */
.parametersToggleHead {
	background-color:#B1D97B ; padding:6px; color:#000000 ;

	border-radius: 7px;
	-o-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	
	font-weight:bolder;
	cursor:pointer;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-top:2px;
}
.ToggleDiv { }
.ToggleDiv.opened { }
.targetingOptions {
display:none;
overflow:auto ; float:right ; padding:8px ; border:1px solid #d0d0d0 ; margin-bottom:8px;
background-color:#FFFFFF;
width:80%;
min-width:750px;
}
.targetingOptions td {line-height:15px;}
.targetingOptions tr:hover {background-color:#f2f2f4;}

#campaignTable h1 {
margin-left:176px;
font-size:18px;
}

#facebox .parametersToggleHead { min-width:200px; }
#facebox .ToggleDiv {}

#facebox .targetingOptions {width:70%;min-width:inherit; max-height:380px; height:380px;}
#facebox .targetingOptions ul {margin-top:0px}

#facebox .ToggleDiv.pane {
	height:400px;
	overflow-y:auto;
	overflow-x:hidden;
}

#facebox .wizardRadioButtons {}
#facebox #custom_slots.targetingOptions {
    height: 364px;
    max-height: 364px;
    width:553px;
}

#facebox #wizard .step .targetingOptions table td {border-top:1px solid #d0d0d0;}
#facebox #wizard .step .targetingOptions table td.even {background-color:#f2f2f4;}
#facebox #wizard .step .targetingOptions table td.odd {background-color:#ffffff;}
#facebox #wizard .step .buttons {float:right}

#facebox #wizard .step .help {margin-top:20px}

/* -- Parameters Panes ------- */

/* -- selected applications ------- */

#selected_applications ul,
.sswContainerType1 ul { list-style:none; padding:0; margin:0; overflow-x:hidden ; overflow-y:auto }
#selected_applications ul li,
.sswContainerType1 ul li {
    border-radius: 8px 8px 8px 8px;
	-moz-border-radius:8px; border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px;
  	background-color: #222222;
    color: #777777;
    display: block;
    height: 17px;
    line-height: 17px;
    list-style: none outside none;
    margin-bottom: 4px;
    margin-right: 5px;
    overflow: hidden;
    padding: 0 5px;
	cursor:pointer;
}
#selected_applications ul li span,
.sswContainerType1 ul li span {
    border-radius: 7px 7px 7px 7px;
	-moz-border-radius:7px; border-radius:7px; -webkit-border-radius:7px; -o-border-radius:7px;
    background-color: #770000;
    color: #FFFFFF;
    cursor: pointer;
    display: inline;
    font-size: 7px;
    font-weight: bold;
    left: -2px;
    padding: 2px 4px;
    position: relative;
    top: -1px;
}
#selected_applications ul li:hover,
.sswContainerType1 ul li:hover {
    color: #dddddd;
  	background-color: #111111;
}
#selected_applications ul li span:hover,
.sswContainerType1 ul li span:hover {
	background-color:#dd0000;
	color: #fff;
}
.sswContainerType1 span.app_add {
    background-color: #266141;
}
.sswContainerType1 li:hover span.app_add {
    background-color: #3eae2c;
}

/* -- selected applications ------- */



/* -- nested ------- */
ul.nested {}
ul.nested .xLabel { color:#333 }
ul.nested .xLabel.demo { color:#FF9933 }
ul.nested .xLabel.blind { color:#BBBBBB!important }
ul.nested li {
background: url("http://shea.swelen.com/img/linode.gif") no-repeat scroll -8px -1px transparent;
line-height: 17px;
padding-left: 16px;
}
ul.nested li div.folder {
    left: -5px;
    padding-left: 0;
    position: relative;
	cursor:pointer;
}
ul.nested li div.folder.open {
    background: url("http://shea.swelen.com/img/folder_open.gif") no-repeat scroll 18px 0 transparent;
}
ul.nested li div.folder.closed {
    background: url("http://shea.swelen.com/img/folder_closed.gif") no-repeat scroll 18px 0 transparent;
}
ul.nested li div.file {
    background: url("http://shea.swelen.com/img/file.png") no-repeat scroll 18px 0 transparent;
    left: -5px;
    padding-left: 0;
    position: relative;
}
ul.nested li ul {
border-left: 1px dotted #888888;
padding-left: 0;
}
ul.nested li ul.open {display:block}
ul.nested li ul.closed {display:none}

ul.nested li div.folder span {margin-left:25px;}
ul.nested li div.file span {margin-left:25px;}
ul.nested li ul li {}
ul.nested li ul li ul {}
ul.nested li ul li ul li {}

/* -- nested ------- */

/* -- Product Menu ------- */
.productMenu { display:none }
.productMenu ul {
    display: block;
    height: 25px;
    margin: 0;
    padding: 0;
    width: 100%;
	border-bottom:1px solid #e0e0e0;
	background-color:#fff;
}
.productMenu ul li {
    float: left;
    padding: 2px 11px;
}
.productMenu ul li.on { }
.productMenu ul li a {
    color: #888888;
    font-family: verdana;
    font-size: 9px;
	font-weight:bold;
    text-decoration: none;
}
.productMenu ul li.on a {
    color: #DD55BB;
}
/* -- Product Menu ------- */

/* -- date picker ----- */
#datePicker {}
#datePicker .dateInputLink{
	width:80px;border:none;background:none;outline:none;font-weight:bold;text-decoration:none;
}
/* -- date picker ----- */

/* -- buttons ------- */
.daysbuttons {float:right; height:18px; text-align:right ; position:relative ; z-index:5000; margin-top:7px ; margin-right: 8px; overflow:hidden; padding-left:4px}
ul.button {list-style:none; padding:0 ; margin:0}
ul.button li { list-style:none ; margin-right:2px ; line-height:12px ; height:12px ; display:inline}
ul.button li a { font-family:Verdana, sans-serif ; font-size:9px ; font-weight:bold ; line-height:14px ; background-color:#444 ; padding:3px 6px; color:#FFFFFF ; text-decoration:none ; border-radius:4px ; -o-border-radius:4px ; -moz-border-radius:4px ; -webkit-border-radius:4px}
ul.button li a:hover { background-color:#D04AAB }
ul.button li a.on { background-color:#FF6600 ; color:#ffffff ; box-shadow: 0 0 2px #888888;-moz-box-shadow: 0 0 2px #888888;-webkit-box-shadow: 0 0 2px #888888; }
/* -- buttons ------- */


/* -- IC ---- */
.ic {display:block ; white-space:nowrap ; width:250px}
.ic ul {
	margin: 0;
	padding: 0;
	float:left;
}
.ic li {
	display: block;
	float:left;
	margin-top:4px;
	padding-right:5px;
}

.ic .name a {text-decoration:underline;}
.ic .name a:active {color:#4070A4}
.ic .name a:link {color:#6991C4}
.ic .name a:visited {color:#6991C4}
.ic .name a:hover {color:#000088}

.ic .edit a		{float:left;display: block;width:13px;height:13px;background:url(http://shea.swelen.com/img/icons/edit.gif) no-repeat top left;}
.ic .stats a	{float:left;display: block;width:13px;height:13px;background:url(http://shea.swelen.com/img/icons/stats.gif) no-repeat top left;}
.ic .visuel a	{float:left;display: block;width:13px;height:13px;background:url(http://shea.swelen.com/img/icons/search.gif) no-repeat top left;}
.ic .help a		{float:left;display: block;width:13px;height:13px;background:url(http://shea.swelen.com/img/icons/help.gif) no-repeat top left;}
.ic .key a      {float:left;display: block;width:13px;height:13px;background:url(http://shea.swelen.com/img/icons/key.gif) no-repeat top left;}
.ic .info a		{float:left;display: block;width:13px;height:13px;background:url(http://shea.swelen.com/img/icons/info.gif) no-repeat top left;}

/* -- IC ---- */


/* -- Report Table ---- */
#div_segment { }
#div_segment table {}
#div_segment td { font-size:10px ; font-family:Verdana, Arial, Helvetica, sans-serif }
#div_segment tr.even { background-color:#FF0000}
#div_segment tr.odd { background-color:#FFFFFF}
#div_segment thead tr {cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif ; font-size:10px}
#div_segment thead th {border-bottom:1px solid #c0c0c0; vertical-align:middle}
#div_segment tfoot td {border-top:1px solid #6699FF}

#div_segment .contentTable{
padding:10px ; border:1px solid #e0e0e0 ; margin-top:0px;

border-radius:6px;
-o-border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;

background-color:#FFFFFF;
}

.pos {font-size:10px ; color:#808080 }

.section {
	padding:2px;
	border-bottom:1px dotted #d0d0d0;
	font-weight:bold;
	font-size:11px;
}

/* -------- */
.greennumber {font-size: 16px ; color:#22CC22}

#mainPageContent #graphic .bignumber {font-size: 20px ; color:#8F4970 ; padding-top:4px}
#mainPageContent #graphic .kpi{border:1px solid #d0d0d0 ; padding:8px}
#mainPageContent #graphic #kpiContainer .selected {background:url(http://shea.swelen.com/img/upsel.gif) no-repeat;width:11px ; height:8px;}
#mainPageContent #graphic .kpibox{border:1px solid #e5e5e5 ; padding:6px 8px;background-color:#fffefe;cursor:pointer;border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#mainPageContent #graphic .kpibox:hover{background-color:#fff2f8;-moz-box-shadow:0px 0px 2px #fff0f0;-webkit-box-shadow:0px 0px 2px #fff0f0;}
#mainPageContent #graphic .kpibox_sel{border:1px solid #eedee0 ; padding:6px 8px;cursor:default;background-color:#fff2f8;border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#mainPageContent #graphic .minihead { font-weight:bold; color:#000 ; border-bottom:1px solid #eedee0; }
#mainPageContent #graphic .kpibox_sel .bignumber { }
#mainPageContent #graphic .kpibox_sel .minihead { color:#000 ; border-bottom:1px solid #eedee0; }

.kpiSelectorTable{
border:1px solid #e0e0e0;

border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.kpiSelectorTable td {
background-color:#f0f0f0;

border-radius:4px;
-o-border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

.tdz { border-bottom:1px solid #e0e0e0}

#graphic {min-width:922px;}
#div_segment {min-width:922px;}

#holder {
width:550px;
height:150px;
}
#mainholder {
padding-top:4px;
border:5px solid #e0e0e0;
margin:0px;

border-radius:3px;
-o-border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;

text-align:center;
background-color:#ffffff;
height:135px;
}

/* -- Reports ---------- */

/* -- Selectors ---------- */
.selectors {
    height: 24px;
    overflow: hidden;
	background-color: #f0f0f0;
}
.selectors ul.filter {}
.selectors ul.filter li {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D0D0D0;
    border-radius: 7px 7px 7px 7px;
    color: #000000;
    cursor: pointer;
    float: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 7px;
    font-weight: bold;
    height: 13px;
    line-height: 12px;
    margin-left: 4px;
    margin-top: 5px;
    padding: 0 4px;
    text-align: center;
}
.selectors ul.filter li.selected {
    background-color: #000000;
    border: 1px solid transparent;
    color: #FFFFFF;
    cursor: default;
}
/* -- Selectors ---------- */



/* -- ReportWindows ---------- */
.reportView .toolbar {
    min-height: 26px;
    overflow: hidden;
	background-color: #FFFFFF;
}
.reportView .toolbar ul.days {}
.reportView .toolbar ul.days li {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D0D0D0;
    border-radius: 7px 7px 7px 7px;
    color: #000000;
    cursor: pointer;
    float: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 7px;
    font-weight: bold;
    height: 13px;
    line-height: 12px;
    margin-left: 4px;
    margin-top: 5px;
    padding: 0 4px;
    text-align: center;
}
.reportView .toolbar ul.days li.selected {
    background-color: #000000;
    border: 1px solid transparent;
    color: #FFFFFF;
    cursor: default;
}

.reportView .toolbar ul.propagate {
    display: block;
    float: left;
    font-family: verdana;
    font-size: 9px;
    margin-left: 18px;
    margin-top: 3px;
}

.reportView .toolbar .networkSelector{
    display: block;
    float: left;
    font-family: verdana;
    font-size: 9px;
    margin-left: 18px;
    margin-top: 3px;
}

.reportView .toolbar .picker{
    height: 22px;
    padding: 1px 4px;
    float: right;
	font-size:10px;
    color: #000000;
    font-family: verdana;
    margin-right: 5px;
    padding: 3px 5px;
}
.reportView .toolbar .picker input {
    background-color: #FFFFCC;
    border: 1px solid #888888;
    border-radius: 2px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    outline: medium none;
    padding: 1px 6px;
    width: 70px;
}

.reportView .graphic .mainholder {
margin:0px;
background-color:#000000;
height:110px;
}

.reportView .graphic .mainholderMask {
    background: url("http://shea.swelen.com/img/l.gif") no-repeat scroll center center #000000;
    height: 110px;
    opacity: 0.3;
    position: absolute;
    top: 47px;
    width: 100%;
	display:none;
}

.reportView .graphic .kpiContainer{}
.reportView .graphic .kpiContainer table {}
.reportView .graphic .kpiContainer table tr td {
padding:0;
color: #333333;
font-size: 9px;
line-height: 14px;
overflow: hidden;
white-space: nowrap;
}

.reportView .graphic .kpiContainer .kpibox {background-color: #F2F2F4;border-color: #f2f2f4 #ffffff #f2f2f4 #ffffff;border-style: solid;border-width: 1px;cursor: pointer;padding: 6px 8px;}
.reportView .graphic .kpiContainer .kpibox:hover {background-color:#fff2f8;-moz-box-shadow:0px 0px 2px #fff0f0;-webkit-box-shadow:0px 0px 2px #fff0f0;}

.reportView .graphic .kpiContainer .kpibox.selected {background-color:#333;border-color:#222 #333 #333 #222}
.reportView .graphic .kpiContainer .kpibox.selected:hover {cursor:default}

.reportView .graphic .kpiContainer .kpibox .minihead { font-weight:bold; color:#888 ; border-bottom:1px solid #e0e0e0; }
.reportView .graphic .kpiContainer .kpibox.selected .minihead { color:#666 ; border-bottom:1px solid #666; }

.reportView .graphic .kpiContainer .kpibox .bignumber {font-size: 17px ; color:#444 ; padding-top:4px}
.reportView .graphic .kpiContainer .kpibox.selected .bignumber {color:#fff}


.reportView .segment .selector{
	padding:0px 0px 10px 0px ; font-size:13px ; border-bottom:1px solid #d0d0d0; height:15px;
}

.reportView .segment .reportContainer table {table-layout:auto}
.reportView .segment .reportContainer table thead tr.labels { background: url("http://shea.swelen.com/img/onglets/tb.gif") repeat scroll 0 22px transparent }
.reportView .segment .reportContainer table thead tr.total { background-color:#f2f2f4 }

.reportView .segment .reportContainer table tbody tr.deleted td { color:#bbbbbb }
.reportView .segment .reportContainer table tbody tr.deleted td a { color:#bbbbbb }

.reportView .segment .reportContainer table tbody tr:hover { background-color:#f2f2f4 }

.reportView .segment .selector ul.buttons {
	position:static;
	width:inherit;
	padding:0;
}
.reportView .segment .selector ul.buttons li {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #D0D0D0;

	border-radius: 7px;
	-o-border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;

	color: #000000;
	float: left;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 7px;
	font-weight: bold;
	height: 13px;
	line-height: 12px;
	margin-left: 4px;
	margin-top: 5px;
	padding: 0 4px;
	text-align: center;
	cursor:pointer;
}
.reportView .segment .selector ul.buttons li.selected {
	background-color:#000;
	color:#fff;
	border:1px solid transparent;
	cursor:default;
}

.reportView .segment .reportContainer {
    bottom: 14px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 230px;
    width: 100%;
    color: #000000;
    font-family: verdana;
    font-size: 13px;	
}

.reportView .segment table thead th {
    border-bottom: 1px solid #D0D0D0;
    font-size: 9px;
    font-weight: bold;
    padding: 0 5px;
}

.reportView .segment table tbody td {
font-size: 9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0 4px;
}

.reportView .segment .sorter {
cursor:pointer
}

/* -- ReportWindows ---------- */





/* -- TimeSlider */
#timeSliderContainer{
	border: 1px solid #D0D0D0;
	
	border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-webkit-border-radius: 6px;
	
	padding: 10px;
	background-color:#FFFFFF;
	margin-bottom:8px;
}
/* -- TimeSlider */

/* ------------------------------------------------------- */
/* LIBS */
/* ------------------------------------------------------- */

/* -- Memu ----------- */
.memu {
    list-style: none outside none;
    margin: 0;
    padding: 0;
	background: url("http://shea.swelen.com/img/onglets/tb.gif") repeat-x scroll 0 -3px transparent;
	height:25px;
}

.memu ul {
	list-style: none outside none;
    margin: 0;
    padding: 0;
	position: absolute;
    left: -9999px;
	margin-left: 20px;
    width: 150px;
	
    -moz-box-shadow: 8px 8px 20px rgba(0,0,0,0.5);
    -webkit-box-shadow: 8px 8px 20px rgba(0,0,0,0.5);
    box-shadow: 8px 8px 20px rgba(0,0,0,0.5);
}
.memu ul ul {
	margin-left: 0px;
	margin-top: 0px;
	
}
.memu a {
    background-color: rgba(255, 255, 255, 0.98);
    border: 1px solid #f7f7f7;
    color: #333;
    display: block;
    font: bold 9px verdana,sans-serif;
    margin: 0 -1px -1px 0;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    /* width: 139px; */
	text-overflow: ellipsis;
}

.memu .memu-icon {
	position: relative;
	width: 16px; 
	height: 16px; 
	margin: 4px 10px 0px 0px;
	float: left;
}

.memu li.memu-root > a {
	border-left: 0 !important;
	border-right: 0 !important;
	border-top: 1px solid transparent !important;
	border-bottom: 1px solid transparent !important;
	background: transparent !important;
}

.memu li {
    float: left;
}
.memu li.has-children > a {
    background: url("http://shea.swelen.com/img/icons/arrow.png") no-repeat scroll #fff;
	background-position: 130px center;
    background-color: rgba(255, 255, 255, 0.98);
}
.memu li:hover {
    position: relative;
    z-index: 100;
}
.memu li:hover > a {
    background-color: #000;
    border-color: #fafafa;
    color: #fff;
}
.memu li:hover > ul {
    left: -20px;
    opacity: 1;
    top: 26px;
    z-index: -1;
}
.memu li:hover li:hover > ul {
    left: 150px;
    opacity: 1;
    top: 0px;
    z-index: 100;
}

.memu li.memu-root:hover {
background-color:#3399FF !important;
}

.memu li.memu-root.selected {
background-color:#fff !important;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
}

.memu li.memu-root.selected > a {
color:#000000;
}

.memu sep {clear:both;display:block ; height:2px; line-height:1px ; padding-right:11px; background:#666 ; width:100%}
.memu-current {
	background-color: #abcdef !important;
	background-color: rgba(235, 245, 255, 0.98 !important);
}
/* -- Memu ----------- */


/* -- facebox ---- */
#facebox .b {
  background:url(http://shea.swelen.com/img/facebox/b.png);
}

#facebox .tl {
  background:url(http://shea.swelen.com/img/facebox/tl.png);
}

#facebox .tr {
  background:url(http://shea.swelen.com/img/facebox/tr.png);
}

#facebox .bl {
  background:url(http://shea.swelen.com/img/facebox/bl.png);
}

#facebox .br {
  background:url(http://shea.swelen.com/img/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
  z-index:60000;
  -o-box-shadow:0 0 20px #000;
  -moz-box-shadow:0 0 20px #000;
  -webkit-box-shadow:0 0 20px #000;
  box-shadow:0 0 20px #000;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
}

#facebox .body {
border:1px solid #000;
  padding: 10px;
  background: #fff;
  width:390px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
  z-index:50000;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#facebox .content input {

border-radius: 6px;
-o-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;

border-style:none;
border:2px solid #d0d0d0;
padding:3px;
margin:0px;
}

#facebox .content textarea {
border-radius: 6px;
-o-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;

border-style:none;
border:2px solid #d0d0d0;
padding:3px;
margin:0px;
}
/* -- facebox ---- */


/* -- jcalendar --- */
table.jCalendar { border-collapse: separate;    border-spacing:2px; font-family:Verdana, Arial, Helvetica, sans-serif}
table.jCalendar th {	background:#d0d0d0;	color: #333;	font-weight: bold;	padding: 0px 4px;	font-size:9px;	border-radius: 6px; -o-border-radius: 6px; -moz-border-radius: 6px;	-webkit-border-radius: 6px;}
table.jCalendar td {	background: #000;	color: #fff;	padding: 0px 4px;	text-align: center;	font-size:9px;	border-radius: 6px; -o-border-radius: 6px; -moz-border-radius: 6px;	-webkit-border-radius: 6px;}
table.jCalendar td.other-month {	background: #222;	color: #aaa;}
table.jCalendar td.today {	background: #222255;	color: #fff;}
table.jCalendar td.selected {	background:#006699;	color: #fff;}
table.jCalendar td.selected.dp-hover {	background: #f33;	color: #fff;}

table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td {	background: #fff;	color: #000;}
table.jCalendar tr.selectedWeek td {	background: #f66;	color: #fff;}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {	background: #333; color: #888;}
table.jCalendar td.unselectable,table.jCalendar td.unselectable:hover,table.jCalendar td.unselectable.dp-hover {	background: #bbb;	color: #888;}
div.dp-popup {
	opacity:0.90;
	position: relative;
	background: #333;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 6px;
	width: 144px;
	line-height: 1.2em;
	
	border-radius: 8px;
	-o-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
div#dp-popup {
	position: absolute;
	z-index: 800000;
}
div.dp-popup h2 {
	font-size: 10px;
	color:#fff;
	text-align: center;
	margin: 0px;
	margin-bottom:2px;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color:#FF9900;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}
/* -- jcalendar --- */


/* -- uploadify --- */
.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #d0d0d0;
	background-color: #f0f0f0;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 10px;
	
	border-radius:12px;
	-o-border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	
	padding:10px ; margin-bottom:10px ;	
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 20px;
}
/* -- uploadify --- */


/* -- qq uploader --- */
.qq-uploader { width: 100%; }

.qq-upload-button, .qq-upload-button-adParameters {
    display:block; /* or inline-block */
    width: 105px; padding: 7px 0; text-align:center;    
    background:#880000; border-bottom:1px solid #ddd;color:#fff;
}
.qq-upload-button-hover {background:#cc0000;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    background: url("http://shea.swelen.com/img/dropbox.png") no-repeat scroll center 60px #f0f0f0;
    z-index: 2;
}

#facebox .qq-upload-drop-area {
    bottom: 11px;
    left: 170px;
    min-height: 70px;
    position: absolute;
    right: 12px;
    text-align: center;
    top: 10px;
	height:inherit;
}

.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:30px; font-size:20px;
}
.qq-upload-drop-area-active {
    background: url("http://shea.swelen.com/img/dropbox.png") no-repeat scroll center 60px rgba(255, 170, 170, 1);
}

.qq-upload-list {padding:2px 6px;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:9px; border-bottom: 1px solid #D0D0D0;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {
    display: block;
    font-weight: bold;
    height: 15px;
    overflow: hidden;
    width: 150px;
}
.qq-upload-spinner {display:inline-block; background:url("http://shea.swelen.com/img/qqloading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size {}
.qq-upload-cancel {font-size:9px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {
    display: inline;
    float: right;
    margin-right: 0;
}

.qq-upload-fail {color:#aa0000}
.qq-upload-success {color:#00aa00}

.qq-upload-success .qq-upload-file {}
.qq-upload-success .qq-upload-size {}
 
.window .qq-upload-drop-area{
    height: 100%;
    position: absolute;
    top: 0;
	text-align:center;
	width:100%;
}

.window .qq-upload-button {
	background: url("http://shea.swelen.com/img/upload.png") no-repeat scroll 5px center rgba(0, 0, 0, 0.05);
	border-bottom: 1px solid #D0D0D0;
	border-right: 1px solid #D0D0D0;
	color: #333333;
	display: block;
	float: left;
	font-family: verdana,sans-serif;
	font-size: 9px;
	font-weight: bold;
	height: 11px;
	line-height: 12px;
	padding: 7px 0 7px 24px;
	text-align: left;
	width: 42px;
}
.window .qq-upload-button-hover {
	background: url("http://shea.swelen.com/img/upload.png") no-repeat scroll 5px center rgba(0, 0, 0, 0.80);
	border-bottom:1px solid #222;
	color:#fff;
}

.window .filebar {
    background-color: #F2F2F4;
    float: left;
    height: 100%;
    max-width: 240px;
    width: 30%;
	overflow:hidden;
}
.window #file-uploader {
min-width:170px;
max-width:240px;
}

/* -- qq uploader --- */


/* -- Date Picker --- */
div.datepicker {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: absolute;
	cursor: default;
	top: 0;
	left: 0;
	display: none;
	opacity:0.85;
}

.datepickerContainer {
	background: #111;
	color:#FFF;
	position: absolute;
	top: 10px;
	left: 10px;
}
.datepickerBorderT {
	position: absolute;
	left: 10px;
	top: 0;
	right: 10px;
	height: 10px;
	background: url(http://shea.swelen.com/img/datepicker/datepicker_t.png);
}
.datepickerBorderB {
	position: absolute;
	left: 10px;
	bottom: 0;
	right: 10px;
	height: 10px;
	background: url(http://shea.swelen.com/img/datepicker/datepicker_b.png);
}
.datepickerBorderL {
	position: absolute;
	left: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
	background: url(http://shea.swelen.com/img/datepicker/datepicker_l.png);
}
.datepickerBorderR {
	position: absolute;
	right: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
	background: url(http://shea.swelen.com/img/datepicker/datepicker_r.png);
}
.datepickerBorderTL {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(http://shea.swelen.com/img/datepicker/datepicker_tl.png);
}
.datepickerBorderTR {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(http://shea.swelen.com/img/datepicker/datepicker_tr.png);
}
.datepickerBorderBL {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(http://shea.swelen.com/img/datepicker/datepicker_bl.png);
}
.datepickerBorderBR {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(http://shea.swelen.com/img/datepicker/datepicker_br.png);
}
.datepickerHidden {
	display: none;
}
div.datepicker table {
	border-collapse:collapse;
}
div.datepicker a {
	color: #eee;
	text-decoration: none;
	cursor: pointer;
	outline: none;
}

div.datepicker table td {
	text-align: right;
	padding: 0;
	margin: 0;
	font-size:11px;
}

div.datepicker table .datepickerDays td {
	border-left:1px dotted #222;
}

div.datepicker th {
	text-align:center;
	color:#712042; /* month */
	font-weight:normal;
}

th.datepickerWeek a { color:#712042 } /* semaines */

div.datepicker tbody th { /* overall th */
	text-align:left;
}
div.datepicker tbody a {
	display: block;
}
.datepickerDays a {
	width: 18px;
	line-height: 18px;
	height: 18px;
	padding-right: 3px;
}
.datepickerYears a,
.datepickerMonths a{
	width: 44px;
	line-height: 43px;
	height: 43px;
	text-align:center; /* no */
}
td.datepickerNotInMonth a {color: #333;} /* days color not in month */
td.datepickerNotInMonth a:hover {color: #333;}



tbody.datepickerDays td.datepickerSelected{
	background:#121; /* selected days */
}
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
	background: #111; /* selected days, not in month */
}
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected a {
	color: #444; /* selected days, not in month */
}


tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected{
	background: #777;
}

div.datepicker a:hover {
	color:#7F7; /* day links hover */
	background-color:#222;
}

div.datepicker td.datepickerNotInMonth a {
	color: #333; /* selected days, link color not in month */
}
div.datepicker td.datepickerNotInMonth a:hover {
	color: #333; /* selected days, link color not in month : hover */
}

tbody.datepickerDays td.datepickerSelected a {
	color:#7F7; /* selected days, link color */
}


div.datepicker tbody th {
	text-align:right;
}
.datepickerSpace div {
	width: 20px;
}
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {
	text-align: center;
	height: 20px;
	line-height: 20px;
}
.datepickerGoNext a {
	float: right;
	width: 20px;
}
.datepickerGoPrev a {
	float: left;
	width: 20px;
}
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
	display: none;
}
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
	display: none;
}
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
	display: none;
}
td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a{
	color: #333;
}
td.datepickerDisabled a:hover {
	color: #333;
}
td.datepickerSpecial a {
	background: #700;
}
td.datepickerSpecial.datepickerSelected a {
	background: #0F0;
}

.datepickerDoW span { text-align:right}
/* -- Date Picker --- */


/* -- tooltip --- */
span.tip {
width:12px ; height:12px ; margin-right:2px; float:right; display:inline-block; cursor:pointer ; background:url('http://shea.swelen.com/img/help-icon-off.gif') no-repeat; margin-top:4px
}
#mytip { 
    display:none; 
    background:transparent url(http://shea.swelen.com/img/black_arrow_big.png); 
    font-size:13px;
	text-align:justify;
	line-height:18px;
    width:314px;
    height:160px; 
    padding:28px; 
    color:#fff; 
	z-index:20000;    
}
/* -- tooltip --- */

/* -- Notice Growl ---- */
.notice-wrap {
	position: fixed;
	top: 20px;
	right: 20px;
	width: 250px;
	z-index: 199999;
}

* html .notice-wrap {
	position: absolute;		
}
 
.notice-item {
	background: #333;
	
	border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	
	color: #eee;
	padding: 6px 6px 0 6px;
	font-family: lucida Grande;
	font-size: 11px;
	border: 2px solid #999;
	display: block;
	position: relative;
	margin: 0 0 12px 0;
	-moz-box-shadow: 0 0 14px #000000;	
	-webkit-box-shadow: 0 0 14px #000000;	
	-o-box-shadow: 0 0 14px #000000;
}

.notice-item-close {
    background-color: #000000;
    border-radius: 12px;
    
	border-radius: 12px;
    -o-border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
	
    cursor: pointer;
    font-size: 9px;
    line-height: 11px;
	height:12px;
    padding: 2px 5px;
    position: absolute;
    right: 5px;
    top: 4px;
}
/* -- Notice Growl ---- */


/* -- contextMenu --- */
.contextMenu {
	position: absolute;
	width: 190px;
	z-index: 999999;
	border: solid 1px #d0d0d0;
	background: #ffffff;
	padding: 0px;
	margin: 0px;
	display: none;
	-o-box-shadow:0 10px 22px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 10px 22px rgba(0,0,0,0.4);
	-moz-box-shadow:0 10px 22px rgba(0,0,0,0.4);
}

.contextMenu LI {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.contextMenu A {
	color: #333;
	text-decoration: none;
	display: block;
	line-height: 20px;
	height: 20px;
	background-position: 6px center;
	background-repeat: no-repeat;
	outline: none;
	padding: 1px 5px;
	padding-left: 28px;
}

.contextMenu LI.hover A {
	color: #FFF;
	background-color: #3399FF;
}

.contextMenu LI.disabled A {
	color: #AAA;
	cursor: default;
}

.contextMenu LI.hover.disabled A {
	background-color: transparent;
}

.contextMenu LI.separator {
	border-top: solid 1px #CCC;
}

.contextMenu LI.edit A { background-image: url(http://shea.swelen.com/img/contextmenu/edit.png); }
.contextMenu LI.cut A { background-image: url(http://shea.swelen.com/img/contextmenu/cut.png); }
.contextMenu LI.copy A { background-image: url(http://shea.swelen.com/img/contextmenu/copy.png); }
.contextMenu LI.paste A { background-image: url(http://shea.swelen.com/img/contextmenu/paste.png); }
.contextMenu LI.delete A { background-image: url(http://shea.swelen.com/img/contextmenu/delete.png); }
.contextMenu LI.quit A { background-image: url(http://shea.swelen.com/img/contextmenu/door.png); }
/* -- contextMenu --- */


/* -- Table Sorter ----- */

table.tablesorter {
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	padding: 1px 5px;
}
table.tablesorter thead tr .header {
	background-image: url(http://shea.swelen.com/img/table/sort-both.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(http://shea.swelen.com/img/table/sort-up.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(http://shea.swelen.com/img/table/sort-down.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

/* -- Table Sorter ----- */


/* -- TEXT ADS ----- */

#marvelContainer {width:100%;overflow:hidden;position:relative}
#swAdFrame{width:100%;background-color:#DAE9FC}
#swAdFrame .swBanLayer{width:100%;position:absolute;top:0px;text-align:left}

#swAdFrame #swBanLayer00 {
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: 1;
	height:360px;
	opacity:0;
	background-color:#ABD8FC;
	opacity:0.80;
	-webkit-border-top-left-radius:250px;
}

#swAdFrame #swBanLayer01 {
padding:1px 5px;
color:#0678CC;
font-weight:bolder;
font-family:Verdana, Arial, Helvetica, sans-serif ;
vertical-align:middle;
}

#swAdFrame .swBanTitle {
	-webkit-animation-name:slideAnimation, textGlow;
	-webkit-animation-duration:1.0s;
	-webkit-animation-iteration-count:1;
	text-shadow:1px 1px 1px rgba(255, 255, 255, 0.4);
	text-decoration:underline;
	line-height:145%
}

#swAdFrame .swBanText {
	text-shadow:1px 1px 1px rgba(255, 255, 255, 0.4);
	text-decoration:none;
	color:#333;
	font-size:85%;
	line-height:135%;
	font-weight:bold;
}

#swAdFrame .swBanText.first {
	-webkit-animation-name:slideAnimation, textGlow;
	-webkit-animation-duration:1.3s;
	-webkit-animation-iteration-count:1;
}

#swAdFrame .swBanText.second {
	-webkit-animation-name:slideAnimation, textGlow;
	-webkit-animation-duration:1.5s;
	-webkit-animation-iteration-count:1;
}

#swAdFrame .swBanURL {
	-webkit-animation-name:appears;
	-webkit-animation-duration:3s;
	-webkit-animation-iteration-count:1;
	font-size:85%;
	color:#008844;
	line-height:100%;
}

#swBrandLogo {
width:15px ; height:15px ;
-o-box-shadow:0 0 12px #fff;
-moz-box-shadow:0 0 12px #fff;
-webkit-box-shadow:0 0 12px #fff;

border-radius:20px;
-o-border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;

position:absolute ;
bottom:4px; right:4px; 
background-color:rgba(20, 88, 200, 0.4); opacity:0.6 ;
text-align:center ;
}

#swAdFrame .swRot {
	-webkit-animation-name: rot;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function: linear;
	width:15px;
	height:16px;
	font-weight:bolder ; font-size:12px; color:#FFFFFF ; line-height:13px ;
}

@-webkit-keyframes slideZoom {
	0%		{ -webkit-transform: translateY(0px) scale(1);}
	80%		{ -webkit-transform: translateY(-180px) scale(1);}
	82%		{ -webkit-transform: translateY(-180px) scale(1);}
	84%		{ -webkit-transform: translateY(-180px) scale(1);}
	100%	{ -webkit-transform: translateY(-380px) scale(1);}
}

@-webkit-keyframes extenderSlide {
	0%		{ -webkit-transform: translateX(1000px); }
	80%		{ -webkit-transform: translateX(0px); }
	100%	{ -webkit-transform: translateX(0px); }
}

@-webkit-keyframes rotWheel {
	0%		{ -webkit-transform: rotate(0deg); }
	80%		{ -webkit-transform: rotate(-2160deg); }
	100%	{ -webkit-transform: rotate(-2160deg); }
}

@-webkit-keyframes rot {
	from	{ -webkit-transform: rotate(0deg); }
	to		{ -webkit-transform: rotate(360deg); }
}


@-webkit-keyframes appears {
	0%		{ opacity:0.0 }
	59%		{ opacity:0.0 }
	60%		{ opacity:1.0 }
	100%	{ opacity:1.0 }
}

@-webkit-keyframes textGlow {
	0%		{ text-shadow:0px 0px 16px #ffffcc }
	15%		{ text-shadow:0px 0px 16px #ffccff }
	50%		{ text-shadow:0px 0px 16px #ffffff }
	100%	{ text-shadow:1px 1px 1px rgba(255, 255, 255, 0.3) }
}

@-webkit-keyframes slideAnimation {
	0%		{ -webkit-transform: translateX(1200px); }
	30%		{ -webkit-transform: translateX(0px); }
	50%		{ -webkit-transform: translateX(60px); }
	60%		{ -webkit-transform: translateX(0px); }
	75%		{ -webkit-transform: translateX(10px); }
	90%		{ -webkit-transform: translateX(0px);  }
	95%		{ -webkit-transform: translateX(5px);  }
	100%	{ -webkit-transform: translateX(0px);  }
}

/* -- TEXT ADS ----- */


/* -- Bubbles ------ */

.bubble {
	position:absolute;
	width:270px;
	top:-40px;
	right:-30px;
	z-index:50000;
	padding:50px 40px;
	margin:1em auto 80px;
	text-align:center;
	color:#fff; 
	background:#075698;
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
	background:-moz-linear-gradient(#2e88c4, #075698);
	background:-o-linear-gradient(#2e88c4, #075698);
	background:linear-gradient(#2e88c4, #075698);
	-webkit-border-top-left-radius:220px 120px;
	-webkit-border-top-right-radius:220px 120px;
	-webkit-border-bottom-right-radius:220px 120px;
	-webkit-border-bottom-left-radius:220px 120px;
	-o-border-radius:220px / 120px;
	-moz-border-radius:220px / 120px;
	border-radius:220px / 120px;
}

.bubble p {font-size:1.25em;}

/* creates the larger circle */
.bubble:before {
	content:"";
	position:absolute;
	bottom:-20px;
	left:50px;
	width:30px;
	height:30px;
	background:#075698;
	/* css3 */
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-o-border-radius:30px;
	border-radius:30px;
}

/* creates the smaller circle */
.bubble:after {
	content:"";
	position:absolute;
	bottom:-30px;
	left:30px;
	width:15px;
	height:15px;
	background:#075698;
	/* css3 */
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-o-border-radius:15px;
	border-radius:15px;
}

/* -- Bubbles ------ */


/* -- iphone checkbox --- */

.iPhoneCheckContainer {
	transform:scale(0.57);
	-o-transform:scale(0.57);
	-moz-transform:scale(0.57);
	-webkit-transform:scale(0.57);
	transform-origin:0 7px;
	-o-transform-origin:0 7px;
	-moz-transform-origin:0 7px;
	-webkit-transform-origin:0 7px;
  position: relative;
  height: 27px;
  cursor: pointer;
  overflow: hidden; }
  .iPhoneCheckContainer input {
    position: absolute;
    top: 5px;
    left: 30px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }
  .iPhoneCheckContainer label {
    white-space: nowrap;
    font-size: 17px;
    line-height: 17px;
    font-weight: bold;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    cursor: pointer;
    display: block;
    height: 27px;
    position: absolute;
    width: auto;
    top: 0;
    padding-top: 5px;
    overflow: hidden; }
  .iPhoneCheckContainer, .iPhoneCheckContainer label {
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none; }

.iPhoneCheckDisabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }

label.iPhoneCheckLabelOn {
  color: white;
  background: url('http://shea.swelen.com/img/slidecheckbox/on.png?1284697268') no-repeat;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
  left: 0;
  padding-top: 5px; }
  label.iPhoneCheckLabelOn span {
    padding-left: 8px; }
label.iPhoneCheckLabelOff {
  color: #8b8b8b;
  background: url('http://shea.swelen.com/img/slidecheckbox/off.png?1284697268') no-repeat right 0;
  text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
  text-align: right;
  right: 0; }
  label.iPhoneCheckLabelOff span {
    padding-right: 8px; }

.iPhoneCheckHandle {
  display: block;
  height: 27px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  background: url('http://shea.swelen.com/img/slidecheckbox/slider_left.png?1284697268') no-repeat;
  padding-left: 3px; }

.iPhoneCheckHandleRight {
  height: 100%;
  width: 100%;
  padding-right: 3px;
  background: url('http://shea.swelen.com/img/slidecheckbox/slider_right.png?1284697268') no-repeat right 0; }

.iPhoneCheckHandleCenter {
  height: 100%;
  width: 100%;
  background: url('http://shea.swelen.com/img/slidecheckbox/slider_center.png?1284697268'); }

.iOSCheckContainer {
  position: relative;
  height: 27px;
  cursor: pointer;
  overflow: hidden; }
  .iOSCheckContainer input {
    position: absolute;
    top: 5px;
    left: 30px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }
  .iOSCheckContainer label {
    white-space: nowrap;
    font-size: 17px;
    line-height: 17px;
    font-weight: bold;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    cursor: pointer;
    display: block;
    height: 27px;
    position: absolute;
    width: auto;
    top: 0;
    padding-top: 5px;
    overflow: hidden; }
  .iOSCheckContainer, .iOSCheckContainer label {
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none; }

.iOSCheckDisabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }

label.iOSCheckLabelOn {
  color: white;
  background: url('http://shea.swelen.com/img/slidecheckbox/on.png?1284697268') no-repeat;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
  left: 0;
  padding-top: 5px; }
  label.iOSCheckLabelOn span {
    padding-left: 8px; }
label.iOSCheckLabelOff {
  color: #8b8b8b;
  background: url('http://shea.swelen.com/img/slidecheckbox/off.png?1284697268') no-repeat right 0;
  text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
  text-align: right;
  right: 0; }
  label.iOSCheckLabelOff span {
    padding-right: 8px; }

.iOSCheckHandle {
  display: block;
  height: 27px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  background: url('http://shea.swelen.com/img/slidecheckbox/slider_left.png?1284697268') no-repeat;
  padding-left: 3px; }

.iOSCheckHandleRight {
  height: 100%;
  width: 100%;
  padding-right: 3px;
  background: url('http://shea.swelen.com/img/slidecheckbox/slider_right.png?1284697268') no-repeat right 0; }

.iOSCheckHandleCenter {
  height: 100%;
  width: 100%;
  background: url('http://shea.swelen.com/img/slidecheckbox/slider_center.png?1284697268');
 }

/* -- iphone checkbox --- */

/* -- joyRide Tour --- */
#joyRideTipContent { display: none; }

/* Default styles for the container */
.joyride-tip-guide {
	position: absolute;
	background: #fff;
	padding: 10px 10px 10px 15px;
	color: #333;
	width: 300px;
	z-index: 60000;
	font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;

	border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	box-shadow:0px 0px 25px rgba(0, 0, 0, 0.8);
	-o-box-shadow:0px 0px 25px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:0px 0px 25px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow:0px 0px 25px rgba(0, 0, 0, 0.8);
}

/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
.joyride-tip-guide span.joyride-nub {
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: solid 14px;
	border: solid 14px;
}

.joyride-tip-guide span.joyride-nub.left {
	left: 22px;
}

.joyride-tip-guide span.joyride-nub.right {
	right: 22px;
}

.joyride-tip-guide span.joyride-nub.top {
	border-top-color: transparent !important;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-bottom-color: #fff;
	top: -28px;
	bottom: none;
}

.joyride-tip-guide span.joyride-nub.bottom {
	border-bottom-color: transparent !important;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-top-color: #fff;
	bottom: -28px;
	bottom: none;
}


/* Typography */

.joyride-tip-guide h1,.joyride-tip-guide h2,.joyride-tip-guide h3,.joyride-tip-guide h4,.joyride-tip-guide h5,.joyride-tip-guide h6 {
	line-height: 1.25;
	margin: 0;
	font-weight: bold;
	color: #fff;
}
.joyride-tip-guide h1 {
    border-bottom: 1px solid #D0D0D0;
    color: #224499;
    font-size: 30px;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.joyride-tip-guide h2 { font-size: 26px; }
.joyride-tip-guide h3 { font-size: 22px; }
.joyride-tip-guide h4 { font-size: 18px; }
.joyride-tip-guide h5 { font-size: 16px; }
.joyride-tip-guide h6 { font-size: 14px; }
.joyride-tip-guide p {
  margin: 0 0 18px 0;
  font-size: 14px;
  line-height: 18px;
}
.joyride-tip-guide a {
  color: rgb(255,255,255);
  text-decoration: none;
  border-bottom: dotted 1px rgba(80,0,0,0.6);
}
.joyride-tip-guide a:hover {
  color: rgba(180,0,0,0.9);
  border-bottom: none;
}

/* Button Style */
.joyride-tip-guide .joyride-next-tip:after {
  clear: both;
}
.joyride-tip-guide .joyride-next-tip {
  width: auto;
  padding: 6px 18px 4px;
  font-size: 13px;
  text-decoration: none;
  color: rgb(255,255,255);
  float: left;
  margin: 0 6px 8px 0px;
  border: solid 1px rgb(0,60,180);
  background: rgb(0,99,255);
  background: -moz-linear-gradient(top, rgb(0,99,255) 0%, rgb(0,85,214) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,99,255)), color-stop(100%,rgb(0,85,214)));
  background: -webkit-linear-gradient(top, rgb(0,99,255) 0%,rgb(0,85,214) 100%);
  background: -o-linear-gradient(top, rgb(0,99,255) 0%,rgb(0,85,214) 100%);
  background: -ms-linear-gradient(top, rgb(0,99,255) 0%,rgb(0,85,214) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0063ff', endColorstr='#0055d6',GradientType=0 );
  background: linear-gradient(top, rgb(0,99,255) 0%,rgb(0,85,214) 100%);
  text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.3) inset;
     -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.3) inset;
          box-shadow: 0px 1px 0px rgba(255,255,255,0.3) inset;
}
.joyride-next-tip:hover {
  color: rgb(255,255,255) !important;
  border: solid 1px rgb(0,60,180) !important;
  background: rgb(43,128,255);
  background: -moz-linear-gradient(top, rgb(43,128,255) 0%, rgb(29,102,211) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(43,128,255)), color-stop(100%,rgb(29,102,211)));
  background: -webkit-linear-gradient(top, rgb(43,128,255) 0%,rgb(29,102,211) 100%);
  background: -o-linear-gradient(top, rgb(43,128,255) 0%,rgb(29,102,211) 100%);
  background: -ms-linear-gradient(top, rgb(43,128,255) 0%,rgb(29,102,211) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b80ff', endColorstr='#1d66d3',GradientType=0 );
  background: linear-gradient(top, rgb(43,128,255) 0%,rgb(29,102,211) 100%);
}

.joyride-timer-indicator-wrap {
  width: 50px;
  height: 3px;
  border: solid 1px rgba(255,255,255,0.1);
  position: absolute;
  right: 17px;
  bottom: 16px;
}
.joyride-timer-indicator {
  display: block;
  width: 0;
  height: inherit;
  background: rgba(255,255,255,0.25);
}

.joyride-close-tip {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #fff !important;
  text-decoration: none;
  font-family: Verdana, sans-serif;
  font-size: 10px;
  font-weight: bold;
  border-bottom: none !important;
  padding:1px 6px;
  background-color:#000;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
       -o-border-radius: 10px;
          border-radius: 10px;

}
.joyride-close-tip:hover {
  background-color:#dd0000;
  color: #ffffff !important;
}
/* -- joyRide Tour --- */

/* -- START Pagination ssw -- */
.sswm-pagination {
    display: inline-block;
    margin-top: 5px;
}

.sswm-pagination li {
    float: left;
    padding-right: 3px;
}
.sswm-pagination .sswm-select {
    color: #fff;
    background-color: #FF6600;
    border: 1px solid #FF6600;
}
/* -- END Pagination ssw -- */

/* -- ssw Commons */
.button.green {
    cursor: pointer;
    outline: none;
    background-color: #16B84E;
    border-color: #16B84E !important;
    color: #fff;
}
.button.blue {
    cursor: pointer;
    outline: none;
    background-color: #1666b8;
    border-color: #1666b8 !important;
    color: #fff;
}
.button.red {
    cursor: pointer;
    outline: none;
    background-color: #b81621;
    border-color: #b81621 !important;
    color: #fff;
}
.sswFloatLeft {
    float: left;
}
.sswContainerType1 {
    background-color: #fff;
    border: 1px solid #d0d0d0;
    overflow: auto;
    padding: 5px;
    margin-right: 3px;
}
.sswContainerType1 dl {
    margin: 0;
}
.sswContainerType2 {
    border: 1px solid #d0d0d0;
    padding: 5px;
}
.sswSelectedElement {
    background-color:#444;
    display:block;
    height:360px;
    max-height:360px;
    overflow: auto;
    padding: 8px;
}
.sswDt {
    display: inline-block;
    text-align: right;
    margin-right: 5px;
    color: #555;
    width: 70px;
    vertical-align: middle;
    white-space: normal;
}
.sswDd {
    display: inline-block;
    margin-left: 0;
    vertical-align: top;
    white-space: normal;
}
.sswBoxOptions1 {
    border: 1px solid #333;
    padding: 3px;
}
.sswBoxOptions1 dt,
.sswBoxOptions1 dd {
    display: inline-block;
}
.sswBoxOptions1 dd {
    float: right;
    margin-left: 0;
}
.sswBoxCustom {
    display:inline-block;
    width:150px;
    vertical-align:top;
}
.sswBoxSelected {
    display:inline-block;
    width:150px;
    vertical-align:top;
}
/* -- END ssw Commons */

/* -- ssw GRID */
.sswGridRow:before,
.sswGridRow:after,
.clearfix:before,
.clearfix:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
}
.sswGridRow:after,
.clearfix:after {
    clear: both;
}
.sswGridRow {
    margin-left: auto;
    margin-right: auto;
    max-width: 1122px;
}
.sswGrid-5,
.sswGrid-10,
.sswGrid-15,
.sswGrid-20,
.sswGrid-25,
.sswGrid-30,
.sswGrid-35,
.sswGrid-40,
.sswGrid-45,
.sswGrid-50,
.sswGrid-55,
.sswGrid-60,
.sswGrid-65,
.sswGrid-70,
.sswGrid-75,
.sswGrid-80,
.sswGrid-85,
.sswGrid-90,
.sswGrid-95,
.sswGrid-100 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0;
}
.sswGrid-5 {
    float: left;
    width: 5%;
}
.sswGrid-10 {
    float: left;
    width: 10%;
}
.sswGrid-15 {
    float: left;
    width: 15%;
}
.sswGrid-20 {
    float: left;
    width: 20%;
}
.sswGrid-25 {
    float: left;
    width: 25%;
}
.sswGrid-30 {
    float: left;
    width: 30%;
}
.sswGrid-35 {
    float: left;
    width: 35%;
}
.sswGrid-40 {
    float: left;
    width: 40%;
}
.sswGrid-45 {
    float: left;
    width: 45%;
}
.sswGrid-50 {
    float: left;
    width: 50%;
}
.sswGrid-55 {
    float: left;
    width: 55%;
}
.sswGrid-60 {
    float: left;
    width: 60%;
}
.sswGrid-65 {
    float: left;
    width: 65%;
}
.sswGrid-70 {
    float: left;
    width: 70%;
}
.sswGrid-75 {
    float: left;
    width: 75%;
}
.sswGrid-80 {
    float: left;
    width: 80%;
}
.sswGrid-85 {
    float: left;
    width: 85%;
}
.sswGrid-90 {
    float: left;
    width: 90%;
}
.sswGrid-95 {
    float: left;
    width: 95%;
}
.sswGrid-33 {
    float: left;
    width: 33.33333%;
}
.sswGrid-66 {
    float: left;
    width: 66.66667%;
}
.sswGrid-100 {
    clear: both;
    width: 100%;
}
/* -- END ssw GRID */

/* -- SELECT UI -- */
.ssw-select {
    font-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    overflow: hidden;
    background: white;
    border: 1px solid #d2e2e7;
    border-bottom-color: #c5d4d9;
    border-radius: 2px;
    background-image: -webkit-linear-gradient(top, #fcfdff, #f2f7f7);
    background-image: -moz-linear-gradient(top, #fcfdff, #f2f7f7);
    background-image: -o-linear-gradient(top, #fcfdff, #f2f7f7);
    background-image: linear-gradient(to bottom, #fcfdff, #f2f7f7);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.ssw-select:before, .ssw-select:after {
    content: '';
    position: absolute;
    right: 11px;
    width: 0;
    height: 0;
    border-left: 3px outset transparent;
    border-right: 3px outset transparent;
}
.ssw-select:before {
    top: 10px;
    border-bottom: 3px solid #fff;
}
.ssw-select:after {
    top: 16px;
    border-top: 3px solid #fff;
}
.ssw-select > select {
    cursor: pointer;
    position: relative;
    z-index: 2;
    width: 120%;
    height: 29px;
    line-height: 17px;
    padding: 5px 0 5px 9px;
    color: #fff;
    background: transparent;
    background: #000;
    background: rgba(0, 0, 0, 0);
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.ssw-select.blue {
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
}
.ssw-select.green {
    background-image: -webkit-linear-gradient(top, #1abc9c, #16a085);
    background-image: -moz-linear-gradient(top, #1abc9c, #16a085);
    background-image: -o-linear-gradient(top, #1abc9c, #16a085);
    background-image: linear-gradient(to bottom, #1abc9c, #16a085);
}
.ssw-select.orange {
    background-image: -webkit-linear-gradient(top, #e2aa49, #c49138);
    background-image: -moz-linear-gradient(top, #e2aa49, #c49138);
    background-image: -o-linear-gradient(top, #e2aa49, #c49138);
    background-image: linear-gradient(to bottom, #e2aa49, #c49138);
}
.ssw-select.red {
    background-image: -webkit-linear-gradient(top, #e74c3c, #c0392b);
    background-image: -moz-linear-gradient(top, #e74c3c, #c0392b);
    background-image: -o-linear-gradient(top, #e74c3c, #c0392b);
    background-image: linear-gradient(to bottom, #e74c3c, #c0392b);
}
.ssw-select.grey {
    background-image: -webkit-linear-gradient(top, #898b8e, #53565a);
    background-image: -moz-linear-gradient(top, #898b8e, #53565a);
    background-image: -o-linear-gradient(top, #898b8e, #53565a);
    background-image: linear-gradient(to bottom, #898b8e, #53565a);
}
.ssw-select.yellow {
    background-image: -webkit-linear-gradient(top, #8CFFFB, #008080);
    background-image: -moz-linear-gradient(top, #8CFFFB, #008080);
    background-image: -o-linear-gradient(top, #8CFFFB, #008080);
    background-image: linear-gradient(to bottom, #8CFFFB, #008080);
}
.ssw-select > select:focus {
    background: white;
    color: #000;
    outline: 0;
}
.ssw-select.blue > select:focus {
    background: #3498db;
    color: white;
}
.ssw-select.green > select:focus {
    background: #1abc9c;
    color: white;
}
.ssw-select.orange > select:focus {
    background: #e2aa49;
    color: white;
}
.ssw-select.red > select:focus {
    background: #e74c3c;
    color: white;
}
.ssw-select.grey > select:focus {
    background: #898b8e;
    color: white;
}
.ssw-select.yellow > select:focus {
    background: #008080;
    color: white;
}

.c-btns-inline {
    margin-bottom: 10px;
}
.c-btns-inline > ul {
    display: block;
    text-align: right;
}
.c-btns-inline li {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D0D0D0;
    border-radius: 7px 7px 7px 7px;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 7px;
    font-weight: bold;
    height: 13px;
    line-height: 12px;
    margin-left: 4px;
    margin-top: 5px;
    padding: 0 4px;
    text-align: center;
}
.c-btns-inline li.selected {
    background-color: #000000;
    border: 1px solid transparent;
    color: #FFFFFF;
    cursor: default;
}


<!--[if IE]>

img {
  behavior: expression(
  (this.runtimeStyle.behavior="none") && (this.src.toLowerCase().indexOf('.png')>-1) && (
  this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='scale')",
  this.runtimeStyle.paddingTop = this.height,
  this.runtimeStyle.height = 0
  )
  );
  overflow:hidden;
}

.png, #mytip {
  behavior: expression(
  (this.runtimeStyle.behavior = "none") && (this.currentStyle.backgroundImage.toString().toLowerCase().indexOf('.png')>-1) && (
  this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.currentStyle.backgroundImage.toString().replace('url("','').replace('")','') + "', sizingMethod='crop')",
  this.runtimeStyle.zoom = 1,
  this.runtimeStyle.backgroundImage = "none"
  )
  );
}
<![endif]-->