/* global */
body
{
    background: Transparent url(data/bg-body.png) repeat-x 0 0;
    background-color: #9EC0D7;
    color: #333;
    font-family: arial, helvetica, clean, sans-serif;
    font-size: 80%;
    height: 100% !important;
}

/* links */
a, a:link 
{
	color: #3172B5;
	text-decoration: none;
}

a:visited
{
    color: #015998;
}

a:hover, a:active
{
    color: #518ACF;
}

a.noDeco
{
    text-decoration: none;
}

/* specials */
.hidden
{
    display: none;
}

.block
{
    display: block;
}

.radioList input,
.checkList input
{
    background: 0 none;
    border: 0;
    vertical-align: middle;
}

.radioList label,
.checkList label
{
    padding: 0 10px 0 2px;
}

/* standard tags */
p
{
    clear: both;
    margin-bottom: 1em;
}

ol
{
    list-style-position: outside;
    list-style-type: decimal;
    padding-left: 25px;
}

ol li
{
    padding: 5px;
}

h1,
h1.top,
h2,
h3
{
    color: #333;
    line-height: 1.2em;
    margin: 1em 0pt 0pt;
}

h1,
h1.top
{
    font-size: 125%; /* of global 80% */
    letter-spacing: -1px;
    padding-bottom: 10px;
}

h1.top
{
	color: #518ACF;
}

h2 
{
    font-size: 110%; /* of global 80% */
    padding-bottom: 4px;
}

h2.top
{
	margin-top: 0;
	color: #518ACF;
}

h3 
{
    font-size: 105%; /* of global 80% */
    padding-bottom: 4px;
}


/* spacing */
.pad2
{
    padding: 2px;
}

.pad5
{
    padding: 5px;
}

.margr25
{
    margin-right: 25px;
}

.padtb5
{
    padding: 5px 0;
}

.pad10
{
    padding: 10px;
}

.marg5
{
    margin: 5px;
}

.margtb5
{
    margin: 5px 0;
}

.margtb10
{
    margin: 10px 0;
}

/* text formatting */
.small
{
    font-size: 85%;  /* of global 80% */
    padding-top: 5px;
}

.bold
{
    font-weight: bold;
}

.big
{
    font-size: 120%; /* of global 80% */
}

.italic
{
    font-style: italic;
}

/* widths */
.width100
{
    width: 100%;
}

.width75
{
    width: 75%;
}

.width50
{
    width: 50%;
}

.width30
{
    width: 30%;
}

.width25
{
    width: 25%;
}

.width12
{
    width: 12%;
}

/* alignment */
.left
{
    text-align: left;
}

.center
{
    text-align: center;
}

.right
{
    text-align: right;
}

.top
{
	vertical-align: top;
	color: #0099CC;
}

.middle
{
    vertical-align: middle;
}

.bottom
{
    vertical-align: bottom;
}

.centerBlock
{
    display: block;
    margin: 0 auto;
    text-align: center;
}

.floatLeft
{
    float: left;
}

.floatRight
{
    float: right;
}

.floatClear
{
    clear: both;
}

/* boxes */
.framedBox 
{
    background: #fff url(data/box-l.gif) repeat-y left top;
    margin: 0px auto;
    width: 100%;
}

.framedBox div.top 
{
    background: url(data/box-tl.gif) no-repeat left top;
    height: 9px;
    width: 100%;
    font-size:0;
}

.framedBox div.top span 
{
    background: url(data/box-tr.gif) no-repeat right top;
    display: block;
    height: 9px;
    font-size:0;
    position: relative;
}

.framedBox div.content 
{
    background: url(data/box-r.gif) repeat-y right top;
    padding: 5px 15px 5px 15px;
    position: relative;
}

.framedBox div.bottom 
{
	background: url(data/box-bl.gif) no-repeat left bottom;
	height: 13px;
	width: 100%;
}

.framedBox div.bottom span 
{
	background: url(data/box-br.gif) no-repeat right bottom;
	display: block;
	height: 13px;
	position: relative;
}

/* colors */
.blue
{
	color: #5A90C9;
}

.red
{
	color: #f00;
}

.green
{
    color: #98C000;
}

.redDark
{
    color: #CB1F1F;
}

.orange
{
    color: #E78221; /* #f93 */
}

.white 
{
	color: #fff;
}

.gray
{
    color: #666;
}

.grayLight
{
    color: #999;
}

/* images */
.flag,
.flag:active,
.flag:hover,
.flag:focus
{
    background: 0;
    border: 0;
    float: right;
    height: 14px;
    margin: 0 0 0 5px;
    padding: 0;
    width: 19px;
}

.badge
{
    behavior: url(css/iepngfix.htc);
    height: 75px;
    width: 75px;
}

/* forms */
select,
select:focus,
input,
input:focus
{
    background: Transparent url(data/bg-input.png) no-repeat 0 0;
    border: solid 1px #ccc;
    font-family: arial, helvetica, clean, sans-serif;
    height: 20px;
    margin: 2px;
    padding: 4px 4px 0 4px;
}

select:focus,
input:focus
{
    background: Transparent url(data/bg-input-focus.png) no-repeat 0 0;
}

select,
select:focus
{
    padding: 0;
}

select option
{
    background: #FFF;
}

textarea
{
    background: Transparent url(data/bg-textarea.png) no-repeat 0 0;
    border: solid 1px #ccc;
    border-top: 0;
    font-family: arial, helvetica, clean, sans-serif;
    font-size: 100%;
    margin: 2px;
    padding: 4px 4px 0 4px;    
}

textarea:focus
{
    background: #FFF url(data/bg-textarea-focus.png) no-repeat 0 0;
}

/* buttons */
input.btn,
input.btn-small,
input.btn-long
{
    background: url(data/btn-small.png) no-repeat 0 top;
    behavior: url(css/iepngfix.htc);
    border: 0;
    color: #FFF;
    cursor: pointer;
    font-family: Arial, Sans-Serif;
    font-size: 110%;
    font-weight: bold;
    height: 34px;
    letter-spacing: -1px;
    padding-top: 0;
    width: 78px;
}

input.btn
{
    background: url(data/btn.png) no-repeat 0 top;
    width: 106px;
}

input.btn:hover
{
    background: url(data/btn.png) no-repeat 0 bottom;
}

input.btn-small
{
    background: url(data/btn-small.png) no-repeat 0 top;
    width: 78px;
}

input.btn-small:hover
{
    background: url(data/btn-small.png) no-repeat 0 bottom;
}

input.btn-long
{
    background: url(data/btn-long.png) no-repeat 0 top;
    width: 156px;
}

input.btn-long:hover
{
    background: url(data/btn-long.png) no-repeat 0 bottom;
}

.action-help,
.action-delete,
.action-stats,
.action-blacklist,
.action-install,
.action-custom,
.action-edit
{
    behavior: url(css/iepngfix.htc);
    border: 0;
    color: #FFF;
    cursor: pointer;
    display: block;
    height: 19px;
    margin: 2px 0;
    padding-left: 25px;
}

.action-help
{
    background: url(data/action-help.png) no-repeat 0 top;
}

.action-delete
{
    background: url(data/action-delete.png) no-repeat 0 top;
}

.action-stats
{
    background: url(data/action-graph.png) no-repeat 0 top;
}

.action-blacklist
{
    background: url(data/action-block.png) no-repeat 0 top;
}

.action-install
{
    background: url(data/action-install.png) no-repeat 0 top;
}

.action-custom
{
    background: url(data/action-customize.png) no-repeat 0 top;
}

.action-edit
{
    background: url(data/action-edit.png) no-repeat 0 top;
}

.action-help:hover,
.action-delete:hover,
.action-stats:hover,
.action-blacklist:hover,
.action-install:hover,
.action-custom:hover,
.action-edit:hover
{
    background-position: 0 bottom;
    color: #518ACF;
}

/* modal popup */
.modalPopup 
{
	position: relative;
    z-index: 101;
}

.popup-tcs
{
	background-color: #FFF;
	border: solid 1px #CCC;
	width: 850px;
}

.popup-small
{
	background-color: #FFF;
	border: solid 1px #CCC;
	width: 250px;
}

.popup-normal
{
	background-color: #FFF;
	border: solid 1px #CCC;
	width: 750px;
}

.popup-bg
{
	background-color: #000;
    filter: alpha(opacity=65); 
    -moz-opacity: 0.65; 
    opacity: 0.65;
}

.popup-title
{
    background: #67A7EA url(data/popup-title-bg.png) repeat-x 0 0;
    color: #FFF;
    font-weight: bold;
    font-size: 125%;
    padding: 10px 0 0 10px;
    height: 26px;
	vertical-align: bottom;
}

.popup-body
{
	padding: 10px;
}

/* color picker */
.color-picker
{
    z-index: 300001;
}

/* lists */
ul
{
    list-style-type: disc;
    margin: 0.8em;
}

ul li
{
    margin: 0 0 0 1.2em;
}

ul li ul
{
    list-style-type: circle;
}

ul.smalltick
{
    list-style-image: url(data/smalltick.png);
    margin-left: 0;
    padding-left: 45px;
}

ul.smalltick_empty
{
    list-style-image: url(data/smalltick_empty.png);
    margin-left: 0;
    padding-left: 45px;
}

div.steps ul
{
	color: #FFF;
	list-style: none;
	padding-top: 1px;
	padding-left: 10px;
}

div.steps ul li
{
	background: Transparent url(data/step-point.png) no-repeat;
	behavior: url(css/iepngfix.htc);
	font-weight: bold;
	font-size: 100%;
	line-height: 35px;
	margin: 8px 0;
	padding-left: 13px;
}

div.steps ul li span
{
    padding-left: 15px;
}

/* presenter */
.present-autoroll
{
    background: Transparent url(data/autorolls.png) no-repeat 20px 20px;
    behavior: url(css/iepngfix.htc);
    height: 180px;
    padding-left: 20px;
    /*ARNAUD : bug IE6 width: 100%; */
}

.present-autoad
{
    background: Transparent url(data/home-tagcloud.png) no-repeat 260px 0;
    behavior: url(css/iepngfix.htc);
    height: 192px;
    width: 100%;
}

/* ajax toolkit home page tabbing */
.product-presenter
{
    background: #FFF url(data/bg-product-presenter.png) no-repeat 0 0;
    height: 340px;
    width: 924px;
}

.product-presenter .ajax__tab_header
{
    float: right;
    width: 253px;
    margin-top: 2px;    
}

.product-presenter .ajax__tab_header span
{
    float: right;
    text-align: left;
}

.product-presenter .ajax__tab_tab
{
    background: Transparent url(data/bg-product-presenter-tab.png) no-repeat 0 0; 
    height: 146px;
    padding-top: 20px;
    padding-left: 15px;
    width: 235px;
}

.product-presenter .ajax__tab_hover .ajax__tab_tab 
{
    background: Transparent url(data/bg-product-presenter-tab-hover.png) no-repeat 0 0; 
    height: 146px;
    width: 235px;
}

.product-presenter .ajax__tab_active .ajax__tab_tab
{
    background: 0;
    cursor: default;
}

.product-presenter .ajax__tab_body 
{
    padding: 22px;
}

.product-presenter .ajax__tab_panel
{
    width: 630px;
}

/* ajax toolkit manager tabbing */
.manager-tabs
{
    background: Transparent url(data/manager-top.png) no-repeat top left;
    float: left;
    width: 664px;
}

.tab-title
{
    display: block;
    margin: 10px 0 0 0;
}

.manager-tabs span.ajax__tab_tab
{
    background: url(data/manager-tab-bg.gif) no-repeat top left;
    color: #aaa;
    font-size: 125%;
    font-weight: bold;
    height: 42px;
    letter-spacing: -1px;
    padding-left: 15px;
    text-align: left !important;
    width: 230px;
}

.manager-tabs .ajax__tab_hover .ajax__tab_tab 
{
    background: url(data/manager-tab-bg.gif) no-repeat bottom left;
}

.manager-tabs .ajax__tab_active .ajax__tab_tab
{
    background: url(data/manager-tab-active.gif) no-repeat top left;
    color: #000;
}

.manager-tabs .ajax__tab_panel
{
    display: block;
}

/* ajax toolkit popup tabbing */
.popup-tabs .ajax__tab_tab 
{
    background: #E6E6E6 url(data/customize-tab-bg.png) repeat-x;
    border: solid 1px #F1F0EE;
    border-bottom: 0;
    font-size: 110%;
    font-weight: bold;
    margin-right: 5px;
    padding: 6px 10px 4px 10px;
    position: relative;
    z-index: 100;
}

.popup-tabs .ajax__tab_hover .ajax__tab_tab 
{
    background: #E6E6E6 url(data/customize-tab-hover.png) repeat-x;
    cursor: pointer;
}

.popup-tabs .ajax__tab_active .ajax__tab_tab 
{
    background: Transparent url(data/customize-tab-active.png) repeat-x;
    border-bottom: 0;
}

.popup-tabs .ajax__tab_body 
{
    border: solid 1px #F1F0EE;
    margin-top: -1px;
    padding: 10px;
    position: relative;
    z-index: 0;
}

/* tables */
table.pad5 td
{
    padding: 5px;
    text-align: left;
}

table.pad5 td table td,
table.pad5 td table td input
{
    margin: 0;
    padding: 0;
}

table.stats
{
    font-size: 80%;
}

table.stats tr td
{
    font-weight: bold;
    padding: 5px 0;
}

table.stats tr th
{
    font-style: italic;
}

table.stats tr
{
    border-bottom: solid 1px #333;
}

/* quotes */
.quotes
{
    background: url(data/quote-start.gif) no-repeat bottom right  !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
	font-style: italic;
    line-height: 130%;
	margin: 0 0px;
}
.quotes:first-letter 
{
	background: url(data/quote-end.gif) no-repeat 10px 5px  !important;
	background /**/: url(); /* removing quote graphic in IE5+ */
	padding /**/:0px; 	/* resetting padding in IE5+ */
    padding: 20px 0px 5px 30px !important;
}