body, p, td, input, select, textarea { font-family: Arial, Sans; font-size: 12px; color: #333333; line-height: 17px; }

p {	margin-top: 8px; }
strong { font-weight: bold; }
em { font-style: italic; }
li { margin-top: 6px; }
ol, ul { margin-top: 8px; margin-left: 30px; }
ol { list-style-type: decimal; }
ul { list-style-type: disc; }

a:link, a:visited { color: #385487; text-decoration: underline; }
a:hover, a:active {	color: #F68121;	text-decoration: underline;	}

h1 { font-size: 23px; color: #3D527A; font-weight: normal; padding-bottom: 4px; }
h2 { font-size: 19px; color: #F68121; font-weight: normal; margin-top: 20px; }
h2.jumbo { font-size: 26px; }
h2.blue { font-size: 20px; color: #3D527A; }
h3 { font-size: 14px; color: #3D527A; font-weight: bold; margin-top: 10px; }
h4 { font-size: 14px; color: #F68121; font-weight: bold; margin-top: 10px; }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited { text-decoration: none; }
h1 a:hover, h1 a:active, h2 a:hover, h2 a:active, h3 a:hover, h3 a:active, h4 a:hover, h4 a:active { text-decoration: underline; }

h1 i, h2 i, h3 i, h4 i { font-style: normal; color: #666666; font-weight: normal; padding-left: 10px; }
h1 b, h2 b, h3 b, h4 b { font-weight: normal; }

table { border-collapse: collapse; margin-top: 10px; }
table td { border: none; }

.flush { margin-top: 0; padding-top: 0; }
.moretop { margin-top: 20px; }
.morebottom { margin-bottom: 4px; }
.fade { color: #999999; }
.warning { color: #F68121 !important; }
.clear { clear: both; }
span.error { color: #F68121 !important; padding-top: 4px; }
input.large { font-size: 15px; padding: 3px 6px; }
.restrict { width: 60%; }
.small { font-size: 11px; line-height: 16px; }
.large { font-size: 14px; }
.orange { color: #F68121 !important; }
.quote { margin-left: 20px; border-left: #CCCCCC solid 3px; padding-left: 10px; }
.shaded { padding: 10px; background-color: #F0F0F0; }
.nounderline, a.nounderline { text-decoration: none; }
.underline, a.underline, h3.underline a:link, h3.underline a:visited { text-decoration: underline; }
.resourceicon { padding-left: 26px; background: url(icons/pdf.gif) 0 0 no-repeat;}
.editthis { padding-left: 16px; background: url(icons/pencil-mini.gif) 0 2px no-repeat; font-size: 11px; }
.checkboxes label { margin-right: 12px; position: relative; top: -1px; }
.padright { padding-right: 30px; }
.center { text-align: center; }
.nowrap { white-space: nowrap; }
.blue { color: #3D527A; }

span.tick { padding-left: 20px; padding-bottom: 2px; background: url(icons/tick.gif) 0 0 no-repeat; }
span.cross { padding-left: 20px; padding-bottom: 2px; background: url(icons/cross.gif) 0 0 no-repeat; }

.floatright { float: right; margin: 0 0 10px 10px; }
.floatleft { float: left; margin: 0 10px 10px 0; }
															 
a.arrow {  height: 15px; padding-left: 26px; background: url(buttons/arrow-white.gif) 0 0 no-repeat; font-weight: bold; } 	
.dark a.arrow { font-size: 12px; height: 15px; padding-left: 26px; background: url(buttons/arrow-blue.gif) 0 0 no-repeat; font-weight: bold; } 
a.arrow2 { display: block; font-size: 12px; padding: 0 30px 6px 26px; background: url(buttons/arrow-white.gif) 0 0 no-repeat; text-decoration: none; } 	

a.plain:link, a.plain:visited { color: #333333; text-decoration: none; }
a.plain:hover, a.plain:active {	color: #F68121;	text-decoration: underline;	}

ul.plain { margin-left: 0; list-style-type: none; } 
ul.plain a:link, ul.plain a:visited { text-decoration: none; }		
ul.plain a:hover, ul.plain a:active {	text-decoration: underline;	}		
ul.plain li { margin-top: 4px; }			 

ul.arrow { margin-left: 0; list-style-type: none; } 
ul.arrow li { padding-left: 26px; background: url(buttons/arrow-white.gif) 0 0 no-repeat; } 
									
#footer { padding: 0 10px 20px 10px; height: 20px; }															 
#footer, #footer p { color: #7E8AA2; }
#footer a:link, #footer a:visited { color: #7E8AA2; font-weight: normal; }
#footer a:hover, #footer a:active { color: #7E8AA2; font-weight: normal; }
#footer a.editthis { color: #3D527A; font-size: 12px; padding-left: 20px; background: url(icons/pencil.gif) 0 1px no-repeat; height: 17px; display: block; }

div.formblock { background-color: #EEEEEE; padding: 20px; margin-bottom: 16px; }

div.formitem { margin-bottom: 8px; }
div.formitem label { font-weight: bold; display: block; padding-bottom: 3px; color: #3D527A; }
div.formitem div.description { padding-top: 6px; color: #666666; line-height: 15px; }
div.formitem span label { display: inline; font-weight: normal; position: relative; top: -1px; }
div.formitem a.icon { display: inline; padding-bottom: 1px; margin-left: 4px; position: relative; top: -1px; }
div.formitem div.inline label { display: inline; position: relative; top: -1px; font-weight: normal;  }

div.formbuttons { margin-top: 20px; }
div.bigbuttons { margin-top: 20px; margin-bottom: 10px; }
div.bigbuttons input { width: 80px; padding-top: 4px; padding-bottom: 4px; }

div.thumb { height: 96px; width: 96px; padding: 6px; float: left; text-align: center; float: left; background-color: #F0F0F0; margin: 0 10px 10px 0; }
table.form td { padding: 0 6px 6px 0; }

table.grid td { padding: 4px; vertical-align: middle; }
table.grid th { font-weight: bold; color: #FFFFFF; background-color: #7E8AA2; padding: 5px 8px 5px 4px; }
table.grid th a { color: #FFFFFF; text-decoration: none; }
table.grid th a:hover { text-decoration: underline; }
table.grid tr.rowalt td { background-color: #F3F3F3; }

table.cells th, table.cells td { border-right: 2px #FFFFFF solid; border-bottom: 2px #FFFFFF solid; }
table.cells td { padding: 4px; vertical-align: top; background-color: #F0F0F0; }
table.cells th { font-weight: bold; background-color: #7E8AA2; padding: 5px 4px; color: #FFFFFF; }

table.form td { padding: 0 8px 4px 0; vertical-align: top; }
table.form td.label { font-weight: bold; padding-top: 3px; }

table.membersgrid td { padding: 0 19px 19px 0; vertical-align: middle; text-align: center; }

div.activities { margin-top: 20px; }
div.activities h1 { margin: 0; padding: 0; font-size: 25px; }
div.activities h2 { margin: 0; padding: 0; }
div.activities table { width: 100%; margin-bottom: 20px;  }
div.activities table th, div.activities table td { border-right: 2px #FFFFFF solid; border-bottom: 2px #FFFFFF solid; }
div.activities table td { padding: 4px; vertical-align: top; background-color: #F4F4F4; }
div.activities table tr.rowalt td { padding: 4px; vertical-align: top; background-color: #EAEAEA; }
div.activities table th { font-weight: bold; background-color: #7E8AA2; padding: 5px 4px; color: #FFFFFF; white-space: nowrap; }


/*---- Tagger ---- */

#tagscurrent ul, #tagsnew ul { padding: 0; margin: 0; list-style-type: none; }
#tagscurrent li { display: block; float: left; height: 17px; padding: 2px 6px; margin: 0 6px 6px 0; background-color: #7E8AA2; color: #FFFFFF; cursor: default; }
#tagscurrent li img { padding-left: 5px; cursor: pointer; height: 10px; width: 10px; position: relative; top: 1px; }

#tagsnew li { display: block; float: left; height: 17px; white-space: nowrap; padding: 2px 6px; margin: 0 6px 6px 0; background-color: #7E8AA2; color: #FFFFFF; cursor: pointer; }
#tagsnew li:hover { background-color: #385487; }
#tagsnew p { clear: both; }


/*---- Countrier ---- */

#countriescurrent ul, #countriesnew ul { padding: 0; margin: 0; list-style-type: none; }
#countriescurrent li { display: block; float: left; height: 17px; padding: 2px 6px; margin: 0 6px 6px 0; background-color: #7E8AA2; color: #FFFFFF; cursor: default; }
#countriescurrent li img { padding-left: 5px; cursor: pointer; height: 10px; width: 10px; position: relative; top: 1px; }

#countriesnew li { display: block; float: left; height: 17px; white-space: nowrap; padding: 2px 6px; margin: 0 6px 6px 0; background-color: #7E8AA2; color: #FFFFFF; cursor: pointer; }
#countriesnew li:hover { background-color: #385487; }
#countriesnew p { clear: both; }


/*---- Agencier ---- */

#agenciescurrent ul, #agenciesnew ul { padding: 0; margin: 0; list-style-type: none; }
#agenciescurrent li { display: block; float: left; height: 17px; padding: 2px 6px; margin: 0 6px 6px 0; background-color: #7E8AA2; color: #FFFFFF; cursor: default; }
#agenciescurrent li img { padding-left: 5px; cursor: pointer; height: 10px; width: 10px; position: relative; top: 1px; }

#agenciesnew li { display: block; float: left; height: 17px; white-space: nowrap; padding: 2px 6px; margin: 0 6px 6px 0; background-color: #7E8AA2; color: #FFFFFF; cursor: pointer; }
#agenciesnew li:hover { background-color: #385487; }
#agenciesnew p { clear: both; }


/*---- Icons ---*/

div.utilities { background-color: #F0F0F0; padding: 10px; margin: 10px 0; }
div.utilities td { padding-right: 6px; }
div.utilities td.padleft { padding-left: 20px; }
div.utilities table { margin-top: 0; }

a.icon-add, a.icon-filter, a.icon-delete, a.icon-list, a.icon-thumbnail, a.icon-save, a.icon-excel  { color: #3D527A; display: block; height: 16px; line-height: 15px; padding-left: 20px; }
a.icon-add { background: url(icons/add.gif) 0 0 no-repeat; }
a.icon-filter { background: url(icons/filter.gif) 0 0 no-repeat; }
a.icon-delete { background: url(icons/delete.gif) 0 0 no-repeat; }
a.icon-list { background: url(icons/list.gif) 0 0 no-repeat; }
a.icon-thumbnail { background: url(icons/thumbnail.gif) 0 0 no-repeat; }
a.icon-save { background: url(icons/save.gif) 0 0 no-repeat; }
a.icon-excel { background: url(icons/excel.gif) 0 0 no-repeat; }


