html 							{height: 100%;margin: 0;padding: 0;}
body 							{height: 100%;margin: 0;padding: 0;background: #f5f6f7;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#666;}


* 								{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.content_box {
width: 0;
height: 0;
border-style: solid;
border-width: 30px 30px 0 0;
border-color: #007bff transparent transparent transparent;
}

		
.toosmall						{ display:none; text-align:center; padding:50px 10px 0 10px; font-weight:bold}
.wintime 						{ width:150px; height:50px;background:transparent url('../images/logo_small.png') no-repeat scroll center center; margin:0 auto}
.wintime a						{ width:150px; height:30px; position:absolute; top:10px; display:block;}

.responsive_menu				{display:none;float:right;height:40px;line-height:40px; margin:5px 0;text-decoration:none; padding:0 10px}


.list-style_none				{list-style:none}

a#scrollup 						{width:40px;height:40px; text-align:center; padding-top:5px; z-index:10001; position:fixed;bottom:0px;right:20px;display:none; color:#6d717d; background-color:#cfcfcf; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a:hover#scrollup 				{background-color:#fff}

#body							{position:relative; z-index:1; padding:0; margin-left:0; overflow:hidden;}
.container_full					{margin:0 20px}

.background-color_white 			{background-color:#fff !important}

/* -------------------------------------------COUNT/PASTILLE --------------------------------------------- */

.count 								{height:16px;min-width:16px;line-height:16px;position:absolute;display:block;padding:0; margin:0; font-size:10px; z-index:999;background-color:#e2001a;color:#fff;overflow:hidden;text-align:center;text-decoration:none;-webkit-border-radius: 50%;	-moz-border-radius: 50%;border-radius: 50%;}
.countpos1 							{top:6px;right:-6px;}

.pastille 							{height:24px  !important;min-width:24px  !important;line-height:24px  !important;display:inline-table;padding:0;margin:0;font-size:14px;font-weight:bold;overflow:hidden;text-align:center;text-decoration:none;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;text-shadow: 0 -1px 1px rgba(0,0,0,.3);-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);box-shadow: 0 1px 2px rgba(0,0,0,.5);}
.pastille_float						{ position:absolute; z-index:999}

.icheck								{display:block;width:30px; height:30px; background-color:transparent; background-image: url('/images/iselect.png'); background-repeat:no-repeat;background-position: 0 0}

.iselected 			{background-position: -60px 0}
.icheck_color		{background-color:#dff0d8}

/* -------------------------------------------LOADING PROGRESS--------------------------------------------- */


.loading_barre	{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfd255+0,8eb92a+50,72aa00+51,9ecb2d+100;Green+Gloss */
background: #bfd255; /* Old browsers */
background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
height:12px
}

.searchtag {

 margin:0 0 10px 10px;
    position:relative;
 
    font-weight:bold;
    text-decoration:none;
 
    color:#996633;
    text-shadow:0px 1px 0px rgba(255,255,255,.4);
 
    padding:0.316em 0.417em 0.316em 0.917em;
 
    border-top:1px solid #d99d38;
    border-right:1px solid #d99d38;
    border-bottom:1px solid #d99d38;
 
    -webkit-border-radius:0 0.25em 0.25em 0;
    -moz-border-radius:0 0.25em 0.25em 0;
    border-radius:0 0.25em 0.25em 0;
 
    background-image: -webkit-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -moz-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -o-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -ms-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#feda71', EndColorStr='#feba47');
 
    -webkit-box-shadow:
        inset 0 1px 0 #faeaba,
        0 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow:
        inset 0 1px 0 #faeaba,
        0 1px 1px rgba(0,0,0,.1);
    box-shadow:
        inset 0 1px 0 #faeaba,
        0 1px 1px rgba(0,0,0,.1);
 
    z-index:100;
}

.searchtag:before {
content:'';
 
    width:1.358em;
    height:1.358em
    background-image: -webkit-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -moz-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -o-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -ms-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#feda71', EndColorStr='#feba47');
     
    position:absolute;
    left:-0.69em;
    top:.2em;
 
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
 
    border-left:1px solid #d99d38;
    border-bottom:1px solid #d99d38;
 
    -webkit-border-radius:0 0 0 0.25em;
    -moz-border-radius:0 0 0 0.25em;
    border-radius:0 0 0 0.25em;
 
    z-index:1;
}


.searchtag:after {
    content:'';
 
    width:0.5em;
    height:0.5em;
 
    background:#fff;
 
    -webkit-border-radius:4.167em;
    -moz-border-radius:4.167em;
    border-radius:4.167em;
 
    border:1px solid #d99d38;
 
    -webkit-box-shadow:0 1px 0 #faeaba;
    -moz-box-shadow:0 1px 0 #faeaba;
    box-shadow:0 1px 0 #faeaba;
 
    position:absolute;
    top:0.667em;
    left:-0.083em;
    z-index:9999;
}
/* -------------------------------------------COMBOBOX--------------------------------------------- */

.custom-combobox 					{position: relative; padding:0; margin:0; display: inline-block;}
.ui-combobox-toggle 				{padding: 0;height:24px; display:inline-table; position:absolute; margin-left:-30px; margin-top:3px; border:none; background:transparent}
.ui-combobox-toggle2 				{display:none}

.ui-combobox-input 					{margin:0; outline-style:none;border:1px #cecec3 solid;background-color:#f5f4ef;width:100%;color:#000;padding:6px 2px;font-size:12px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline:none;outline-style:none;	-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}

.ui-autocomplete 					{max-height: 200px;overflow-y: auto;/* prevent horizontal scrollbar */overflow-x: hidden;}

* html .ui-autocomplete 			{height: 200px;}

.mover 								{width:16px; height:16px; background:transparent url('../images/mover.png') no-repeat scroll center; cursor:n-resize}

.print_message			 			{display:none}

.container 							{max-width:962px;margin:0 auto;overflow:hidden; position:relative; padding:0; min-height:100%;}
.container_small 					{max-width:500px;min-width:260px;margin:0 auto;padding:20px;overflow:hidden}

.content 							{max-width:100%;padding:10px;margin:10px auto;background-color:#eaeaea;border-right:1px #ddd solid;border-bottom:1px #ddd solid;border-left:1px #fff solid;border-top:1px #fff solid;overflow:hidden;}
.content2 							{max-width:100%;padding:10px;margin:10px auto;overflow:hidden;}


.preview 							{width:820px; margin:0 auto; line-height:18px; overflow:hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background-color:#fff;-moz-box-shadow: 0px 0px 10px 0px #656565;-webkit-box-shadow: 0px 0px 10px 0px #656565;-o-box-shadow: 0px 0px 10px 0px #656565;box-shadow: 0px 0px 10px 0px #656565;filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=10);}
.content_nopad 						{padding:0;margin:10px auto;background-color:#ece9d8;border-right:1px #afb5b8 solid;border-bottom:1px #afb5b8 solid;border-left:1px #fff solid;	border-top:1px #fff solid;overflow:hidden}

.ellipsis 							{text-overflow: ellipsis; width:100%; white-space: nowrap;overflow: hidden}
.overflow 							{overflow:hidden}

/* -------------------------------------------SAV--------------------------------------------- */

ul#sav li a 						{text-decoration:none; color:#666; line-height:40px; padding-right:5px; margin:0 2px 5px 0;border-left:1px #ddd solid;border-top:1px #ddd solid;border-right:1px #fff solid;border-bottom:1px #fff solid; font-size:10px; font-weight:normal}
ul#sav li a img,
ul#sav li a span 					{float: left}
ul#sav li a:hover,
ul#sav li a.selected 				{background-color:#f5f4ef;border-left:1px #ddd solid;border-top:1px #ddd solid;border-right:1px #fff solid;border-bottom:1px #fff solid;}

/* -------------------------------------------POPUP search--------------------------------------------- */

.search_form				{position:relative}
.clear_form					{padding:7px; position:absolute; top:0; right:0}
.instafilta-target span	 	{display:none}

/* -------------------------------------------POPUP fontawesome--------------------------------------------- */

.fontawesome-icon-list		{ margin:0; padding:0; list-style:none; overflow:hidden}
.fontawesome-icon-list li	{ float:left; margin:1px}
.fontawesome-icon-list li a	{ width:32px; height:32px; padding:8px; display:block;}
.fontawesome-icon-list li a:hover	{ background-color:gray; color:#fff}

/* -------------------------------------------POPUP--------------------------------------------- */


#modal 								{z-index:99998; width:300px; padding:10px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); background-color:#fff; position:absolute; left:50%; margin-left:-160px; top:-500px}
#modal2 								{z-index:99999; width:90%; min-height:500px; padding:10px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); background-color:#fff; position:absolute;  left:50%; margin-left:-45%; margin-bottom:20px; top:20px}

#fade 								{display: none;background: #fff;position: fixed; left: 0; top: 0;z-index: 10;width: 100%; height: 100%;opacity: .90;z-index: 99997;}
#addcontent, #addlegende 			{display:none}

.loading 							{width:40px; height:40px;margin: 0 auto; background:transparent url('../images/indicator.gif') no-repeat scroll center center}

#loading 							{width:41px; height:39px;position:fixed;top:10px;left:50%;margin-left:-20px;;z-index: 99999; background:transparent url('../images/indicator.gif') no-repeat scroll center center}

#popup_content						{width:480px;background:#fff;border:1px #eee solid;overflow:hidden;border-top:0px;float:left;position:fixed;top:0;left:50%;margin-left:-240px;z-index: 99998;-webkit-box-shadow:0px 0px 15px #999;-moz-box-shadow:0px 0px 15px #999;box-shadow:0px 0px 15px #999;}

.popup_header						{width:100%; overflow:hidden; line-height:40px; height:40px; font-size:16px; font-weight:700; background-color:#eee;color:#33a1d2; padding-left:10px}
.popup_title						{height:40px; line-height:40px; text-align:center; vertical-align:middle; float:left; margin:0 10px; color:#33a1d2}
.popup_close 						{width:40px; height:40px; display:block; line-height:40px; text-align:center; vertical-align:middle; float:right}
.popup_close i						{line-height:40px;vertical-align:middle; color:#999}
.popup_loading 						{width:41px; height:39px; margin:0 auto; background:transparent url('../images/indicator.gif') no-repeat scroll center center}
.popup_page							{width:100%;padding:10px !important;overflow:hidden}

ul.content_list						{list-style:none; margin:10px 0; padding:10px; border:1px #ddd solid;}

/* -------------------------------------------TABLE--------------------------------------------- */

table.table 									{border:none;padding:0;margin:0}
table.table td.cell,
table.table th.cell 							{border-right:1px #afb5b8 solid; border-bottom:1px #afb5b8 solid;border-left:1px #fff solid;border-top:1px #fff solid;margin:0;padding:0;overflow:hidden}

table.tableBorder td.cell							{border-bottom:4px #f5f6f7 solid; padding-bottom:4px; margin-bottom:4px}

table.table td.cell .icon,
table.table th.cell .icon 						{width:40px;height:40px;display:block;text-align:center;padding:0;overflow:hidden}


table.table td.cell .icon i.square					{vertical-align: middle; margin:5px; position:relative;display: inline-block;width:30px; height:30px;text-align:center; line-height:30px; color:#333}

table.table td.cell .icon i.rounded					{vertical-align: middle; margin:5px; position:relative;display: inline-block;width:30px; height:30px;text-align:center;-moz-border-radius: 15px;border-radius: 15px;  line-height:30px;background: #eee; color:#333}

table.table td.cell .icon i.color_red					{color:#ff3030}
table.table td.cell .icon i.color_green				{color:#8dc500}
table.table td.cell .icon i.color_orange				{color:#ffa800}
table.table td.cell .icon i.deactivated				{color:#ccc}

table.table td.cell .icontext,
table.table th.cell .icontext 					{width:40px;min-height:40px;line-height:40px;display:block;text-align:center;overflow:hidden;}

table.table td.cell .icontext2,
table.table th.cell .icontext2 					{min-height:40px;display:block;padding:10px}

table.table td.cell .text, 
table.table th.cell .text						{padding:5px; position:relative;}

table.table td.cell .textline,
table.table th.cell .textline 					{ border-bottom:1px #ccc dotted}



table.table td.cell .cell_link					{position:relative;}
table.table td.cell .cell_link a 				{width:100%; height:40px; position:absolute}
table.table td.cell .cell_link .cell_text 		{height:40px; padding:15px}
table.table td.cell .cell_link .button_add 		{margin:8px}

table.table td.cell a.popuplink 				{width:100%; padding:10px; display:block}


.header	tr						{background-color:#d3d3d3;font-weight:bold}
table.body tr							{background-color:#ddd}
table.footer	tr					{background-color:#eee}

.hover								{background-color:#ecfbd4 !important}
.highlighted						{background-color:#ccff66 !important}

table.responsive td.cell,
table.responsive th.cell 			{padding:10px 5px;}


.ellipsis						{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cell-ellipsis 					{display: table;table-layout: fixed;width: 100%;white-space: nowrap;}
.cell-ellipsis div 				{max-width:100%;overflow: hidden;text-overflow: ellipsis;}

table.table td.cell .nowrap		{white-space: nowrap;overflow: hidden}

.img_left						{float:left; margin:0 10px 10px 0}
.searck_block ul				{list-style:none; margin:0; padding:0}

.red_bgcolor				{background-color:#f2dede !important}
.green_bgcolor				{background-color:#dff0d8 !important}

/* -------------------------------------------TABS--------------------------------------------- */

#tabs ul.tabs {padding:0;margin:10px 0 0 0;}
#tabs ul.tabs li {list-style:none;display:inline;padding:0;margin:0;}
#tabs ul.tabs li a {padding:6px 10px;display:inline-block;background:#e8ebef;height:12px;position:relative;top:2px;color:#c0c0c0;text-decoration:none;border-top:1px #ddd solid;border-left:1px #ddd solid;border-right:1px #ddd solid}
#tabs ul.tabs li a.active {background:#fff;color:#666;height:14px;position:relative;top:1px;padding:6px 10px;border-top:1px #ddd solid;border-left:1px #ddd solid;border-right:1px #ddd solid}
.tab-panel {background-color:#fff;padding:10px 10px 20px;margin:0px;border:1px #ddd solid;}
.flag {padding:6px 4px}

/* -------------------------------------------TABS 2--------------------------------------------- */




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



ul.fancyTabs li.fancyTab {
  display: inline-block;
  margin: 0 0 -1px;
  
}

ul.fancyTabs li.fancyTab a {
	display:block;
	padding: 15px;
	font-weight: 600;
	text-align: center;
	color: #bbb;
	text-decoration:none;
	border: 1px solid #ddd;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	outline-style: none;
	-webkit-transition: padding 0.2s ease, color 0.2s ease;
    -moz-transition: padding 0.2s ease, color 0.2s ease;
    -o-transition: padding 0.2s ease, color 0.2s ease;
    -ms-transition: padding 0.2s ease, color 0.2s ease;
     transition: padding 0.2s ease, color 0.2s ease;
}

ul.fancyTabs li.fancyTab a:hover {
  color: #888;
  padding: 24px 15px 15px 15px

}

ul.fancyTabs li.fancyTab a.active {
	color: #555;
	padding: 15px;
	background-color:#fff;
	border-bottom: 1px solid #fff;
}

.fancyContent {
	padding: 10px;
	border: 1px solid #ddd;
	background-color:#fff;

}

/* -------------------------------------------TABLEAU--------------------------------------------- */

table.tableaux 						{border:none;padding:0;margin:0}
table.tableaux td.tline 			{margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
table.tableaux td.tline .cell 		{padding:4px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
table.tableaux td.theader 			{background-color:#f3f3f3; height:30px}
table.tableaux td.tbody 			{background-color:#fff}


.detail 							{display:none}
.panel 								{width:90%;min-height:200px;margin:0 auto;overflow:hidden;padding:0 10px;border-left:1px #ccc dotted;border-right:1px #ccc dotted;background-color:#eee;}
.pan								{width:100%;overflow:hidden;padding:10px;border:1px #ccc dotted;;background-color:#eee;margin-top:10px}
.split 								{width:100%; height:0; border-top:1px #bbb solid; border-bottom:1px #fff solid; margin:20px 0}
a.preview 							{background:transparent url('../images/preview.gif') no-repeat scroll left center; padding-left:30px; height:22px; line-height:22px; display:block}
a.send 								{background:transparent url('../images/send.gif') no-repeat scroll left center; padding-left:30px; height:22px; line-height:22px; display:block}


.marge								{margin:20px 0}





#spacer_bottom 						{height:180px;}

#cadre_bottom 						{width:840px; height:150px; background-color:#fff; border:1px #d6d6d6 solid; margin:0 auto 50px auto}
#cadre_bottom ul 					{list-style:none; padding:10px; margin:0; overflow:hidden}
#cadre_bottom ul li 				{list-style:none; padding:0; margin:0; float: left; height:130px; text-align:left;line-height:20px;}
#cadre_bottom ul li#cadre_bottom1 	{width:200px}
#cadre_bottom ul li#cadre_bottom2 	{width:200px; padding-left:10px; border-left:1px #d6d6d6 dotted}
#cadre_bottom ul li#cadre_bottom3 	{width:316px; padding-left:10px; border-left:1px #d6d6d6 dotted}

/* ------------------------ PHOTOS FICHES ------------------------ */

.twocol			{float:left;width:50%; padding:5px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.treecol			{float:left;width:33.33%; padding:5px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.gallery			{width:100%; overflow:hidden; background-color:#fff;position:relative;}
.treecol .gallery a	{position:absolute; top:0; right:0; bottom:0; left:0; display: block; z-index:1002}

.thumb-table		{position:relative; overflow:hidden; border:1px #ddd solid}
.thumb				{position:relative;height:300px; background-color:#fff; margin:0px;}
.thumb img			{max-width: 100%;max-height: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto; z-index:999}
.legend				{padding:5px; margin-top:2px; text-align:center; overflow:hidden; height:50px; border:1px #ddd solid}

/* ------------------------ GALLERY ------------------------ */


.imgWidth				{width: 80%;height: auto;}
.imgHeight 				{height: 80%;width: auto;}

#fiches_photos			{ list-style:none; margin:10px auto}
#fiches_photos li		{ display:inline-table; width:200px; height:200px; margin:5px}

/* -------------------------------------------CLASSEUR --------------------------------------------- */


ul#folder				{margin: 0;padding:0;}
ul#folder li 				{margin:1px;padding:0;list-style:none;float:left;}
ul#folder li .folder_content	{width:86px;height:345px;background:transparent url('../images/classeur.png') no-repeat scroll top center;border:0px aqua solid;float:left;}
ul#folder li .folder_label		{width:66px; height:204px;margin:18px 10px 0 10px;border:0px aqua solid; overflow:hidden; text-align:center;}
ul#folder li .folder_label a	{width:66px; height:204px;border:0px aqua solid; display:block; text-decoration:none; position:absolute}
ul#folder li .folder_title		{padding-top:26px; height:80px; overflow:hidden;}
ul#folder li .folder_stitle	{height:54px; overflow:hidden;}
ul#folder li .folder_view		{height:28px; overflow:hidden;}
ul#folder li .folder_tools	{width:66px;margin:80px 10px 0 10px;overflow:hidden; display:none; background-color:#ddd; padding:5px 0; border:1px #ccc dashed}
ul#folder li .folder_tools div	{display:inline-table; width:18px;text-align:center}
ul#folder li:hover .folder_tools	{display:block}
.sortFolder				{border: 1px dashed #bce8f1;background-color: #d9edf7 !important; width:85px;height:343px}
.tools_mover 		{cursor:move;}
/* -------------------------------------------GALLERY --------------------------------------------- */

add						{display:none}

.contentThumb,			
.contentList			{width:100%;padding:5px;margin:0 auto;border:1px #ddd solid; background-color:#fff;overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
#thumb ul,
#list ul 				{margin: 0;padding:0;}
#thumb ul li				{margin:5px;padding:0;border:1px #ddd solid; position:relative;list-style:none;display:block;float:left;background-color:#eee;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
#list ul li 				{margin:5px;padding:0; height:30px; line-height:30px; overflow:hidden; position:relative;list-style:none;display:block;background-color:#eee;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}		
#thumb ul li .itemHeader	{width:200px;height:200px;background-color:#fff;} 
#thumb ul li img			{max-width: 100%;max-height: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto; z-index:999}



.groupGallerySelected		{border: 1px solid #ff0000 !important;}


#thumb ul li label			{ position:absolute; cursor:pointer;}

#thumb ul li .label.selected,
.label.selected	{ background:#0a9bdc !important; color:#eee !important}


.gridHelper					{border: 1px dashed #bce8f1;background-color: #d9edf7 !important; height:200px; width:200px;}


.gridHelperPhotos			{float:left; margin:4px; border: 1px dashed #b94a48;background-color: #f2dede !important;display:block}

.sortGallery,
.sortHelper					{border: 1px dashed #bce8f1;background-color: #d9edf7 !important; padding:10px; min-height:52px !important; width:100% !important; display:block}

.tools 						{width:100%;height:30px; overflow:hidden;}
.mover,
.move						{ width:100%;height:30px;cursor:move; margin:0 auto; text-align:center; padding:5px}
.legend .photo_legend 		{width:100%;height:30px;border:none;background-color:#f0f0f0;color:#33a1d2;outline:none;padding:2px 4px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}



.color_red 						{color:#ee3b33}
.color_green					{color:#7db72f}
.color_blue 					{color:#06a1e1}


#thumb ul li.sortGallery 	{border: 1px dashed #bce8f1;background-color: #d9edf7;}



.gallery	{
	   -webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.transformL {
    -webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.transformR {
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}	


/* ------------------------ STYLE ------------------------ */

	/*=== TOOLTIP ===*/
	a.disabled						{text-decoration:none; color:#999; cursor:not-allowed}
	.ui-tooltip 					{color:#333; background:#C1D2EE; border-radius: 5px;box-shadow: 0 0 7px black; border:none}
	.spacer 						{height:30px;width:100%;overflow:hidden}
	.left 							{float:left}
	.right 							{float:right}
	.clear_both					{clear:both}
	.icon_selected 					{background-color:#eaeaea; border-left:1px #ddd solid;border-top:1px #ddd solid;border-right:1px #fff solid;border-bottom:1px #fff solid;}
	a.img_selected img 				{position:relative;z-index:2}
	a.img_selected span 			{background-color:#f5f4ef; border-left:1px #ddd solid;border-top:1px #ddd solid;border-right:1px #fff solid;border-bottom:1px #fff solid; width:26px; height:26px; position:absolute; margin:7px; z-index:1}
	a:hover 						{text-decoration:none}
	a.selected 					{color:#316AC5}
	img 							{border:none}
	h1 								{font-size:18px;color:#336699}
	h1 span 						{font-size:16px;color:#33a1d2;font-style:italic; margin-left:10px}

	h2 								{font-size:16px;font-weight:normal;color:#336699; margin:10px 0}
	h3 								{font-size:14px;font-weight:bold;color:#33a1d2}
	h2 span, h3 span 							{font-size:12px;color:#33a1d2;font-style:italic; margin-left:10px}
	h2 em, h3 em 					{display:block;font-size:14px;color:#666;font-style:normal;margin-top:5px;}
	
	.emcolor 						{color:#bf0000}

	.attachement					{}

	/*=== STYLE RESET ===*/
	.image 							{max-width: 100%;height: auto;}
	img 								{border:none;}
	a 								{color:#33a1d2}
	.h3bg 							{background-color:#1d1f21; padding:20px 10px;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;}
	.h3arrow 						{background:transparent url('images/arrow_down_gray.png') no-repeat scroll 20px top; height:20px}

	/*=== STYLE SHADOW ===*/
	.box-shadow 					{-webkit-box-shadow:  0px 0px 3px 3px rgba(0, 0, 0, 0.3);box-shadow:  0px 0px 3px 3px rgba(0, 0, 0, 0.3);}
	.text-shadow 					{text-shadow: 1px 1px 1px #333;filter: dropshadow(color=#333, offx=1, offy=1);}
	.text-shadow_light 				{text-shadow: 1px 1px 1px #999;filter: dropshadow(color=#999, offx=1, offy=1);}
	.rounded						{-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
	
	/*=== STYLE HEIGHT SPACING ===*/
	.height_10 						{height:10px}	
	.height_20 						{height:20px}	
	.height_30 						{height:30px}	
	.height_40 						{height:40px}	
	.height_50 						{height:50px}		
	.height_60 						{height:60px}	
	.height_80 						{height:80px}	
	.height_100 					{height:100px}	
	.height_200 					{height:200px}	
	.height_300 					{height:300px}	
	
	/*=== STYLE TEXT ALGIN ===*/
	.text-align_center 				{text-align:center}
	.text-align_justify 			{text-align:justify}
	
	/*=== STYLE COLOR ===*/
	.color_red 						{color:#d30000}
	.color_maroon 					{color:#D24836}
	.color_blue 						{color:#06a1e1}
	.color_green 					{color:#6b9d28}
	.color_white 					{color:#fff}
	.color_gray 						{color:#f3f3f3}
	.color_gray1 					{color:#999}
	.color_gray2 					{color:#666}
	.color_gray3 					{color:#333}
	.color_black 					{color:#000}
	
	/*=== STYLE FONT SIZE ===*/
	.font-size_12 					{font-size:12px;}
	.font-size_14 					{font-size:14px;}
	.font-size_16 					{font-size:16px;}
	.font-size_18 					{font-size:18px;}
	.font-size_24 					{font-size:24px;}
	.font-size_48 					{font-size:48px;}
	.font-size_60 					{font-size:60px;}
	.font-size_72 					{font-size:72px;}
	
	.font-weight_100 				{font-weight:100}
	.font-weight_400 				{font-weight:400}
	.font-weight_700 				{font-weight:700}
	
	/*=== STYLE PADDING ===*/
	.padding_0 						{padding:0}
	.padding_10 					{padding:0 10px}
	.padding_20 					{padding:0 20px}
	.padding_30 					{padding:0 30px}
	.padding_40 					{padding:0 40px}
	.padding_50 					{padding:0 50px}
	.padding_100 					{padding:0 100px}
	.padding-top_10 				{padding-top:10px}
	.padding-top_20 				{padding-top:20px}
	.padding-top_30 				{padding-top:30px}
	.padding-top_40 				{padding-top:40px}
	.padding-top_50 				{padding-top:50px}
	.padding-top_100 				{padding-top:100px}
	.padding-top_120 				{padding-top:120px}
	.padding-bottom_10				{padding-bottom:10px}
	.padding-bottom_20 				{padding-bottom:20px}
	.padding-bottom_30 				{padding-bottom:30px}
	.padding-bottom_40 				{padding-bottom:40px}
	.padding-bottom_50 				{padding-bottom:50px}
	.padding-bottom_100 			{padding-bottom:100px}
	
	/*=== STYLE MARGIN ===*/
	.margin_0 						{margin:0}
	.margin_10 						{margin:0 10px}
	.margin_20 						{margin:0 20px}
	.margin_30 						{margin:0 30px}
	.margin_40 						{margin:0 40px}
	.margin_50 						{margin:0 50px}
	.margin_100 					{margin:0 100px}
	.margin-top_10 					{margin-top:10px}
	.margin-top_20 					{margin-top:20px}
	.margin-top_30 					{margin-top:30px}
	.margin-top_40 					{margin-top:40px}
	.margin-top_50 					{margin-top:50px}
	.margin-top_100 				{margin-top:100px}
	.margin-bottom_10 				{margin-bottom:10px}
	.margin-bottom_20 				{margin-bottom:20px}
	.margin-bottom_30 				{margin-bottom:30px}
	.margin-bottom_40 				{margin-bottom:40px}
	.margin-bottom_50 				{margin-bottom:50px}
	.margin-bottom_100 				{margin-bottom:100px}