/*
Theme Name: Forex Theme by Flytonic.com
Theme URI: http://www.flytonic.com/forex-theme
Description: Custom Forex and Broker theme brought to you by Flytonic.com for Wordpress!
Version: 1.0
Author: Flytonic.com Themes
Author URI: http://www.flytonic.com
*/

/**************** Comment Elements *****************/

body {	
	margin:0; 
	background:#FFF; 
	color:#444; 
	font-family:Arial, Helvetica, sans-serif; font-size:10px; 
	line-height:1em; 
	cursor:pointer;
	background-image:url('http://marianne2.fr/wp-content/uploads/2018/03/hb-hab.jpg');
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	background-attachment: fixed;
	/* test: css; */
}

a, a:visited {color:#ff4f17; text-decoration: none;}
a:hover {color: #7a7a7a; text-decoration: none;	}

p {padding: 0 0 12px 0; margin: 0; }
ul,form{padding:0;margin:0;}
img {border:0;}

#main{ width:1000px; margin:0 auto; overflow:hidden; cursor:default !important; background-color:#FFF;}

#content{ margin:0 auto 20px auto; clear:both;  }

blockquote { margin:10px 100px 10px 30px; padding: 10px 10px 0px 10px; border-left: 4px solid #999;  font-family:Georgia, "Times New Roman", Times, serif; color:#555;  background:#f5f5f5; font-style:italic; }
blockquote p {	margin: 0; }

.bannerwidget{display: block; margin:20px auto; float:none; text-align:center;  }
.breadcrumb{ margin-bottom:10px; font-size:1.1em; padding:5px 10px;  color:#666;  background:#F1F1F1; 	}
.current_crumb{font-weight:normal;}

#sidebar .bannerAd{margin:10px auto; text-align:center; display:block;}

/****************** HEADER ***************************/

#header { width:100%; margin:0 auto; background:#fff;  overflow:hidden;  padding:15px 0 15px 8px;  }
#header-left h2{ line-height:1em; font-size:2.4em; margin:0 0 2px 0; color:#006699; font-family: 'Oswald', sans-serif; text-transform:uppercase; }
#header-left h3 { margin:0 0 0 15px; color:#BBB; font-size:1.4em; line-height:1.3em; font-family: 'Oswald', sans-serif; }
#header-left{float:left; width:400px; }
#header-middle{float:right;  margin-left:25px; margin-right:10px; }	

#header a, #header a:visited{color:#006699; text-decoration:none;}
#header a:hover{color:#666; text-decoration:none;}

#topnavout{ background:#2a568f; padding:6px 0 3px 0; width:100%;}
#topnav{ width:1000px; margin:0 auto; color:#FFF; font-weight:bold; overflow:hidden;}
#topnav .left{ float:left;}
#topnav .right{ float:right;}
#topnav ul{ margin:5px 0 0 0; padding:2px 0; }	 
#topnav li{ display:inline; list-style:none; margin:0 5px 0 0; }	
#topnav ul.social { margin:0 5px 0 0; }	
#topnav a,#topnav a:visited { color:#FFF;}
#topnav a:hover { color:#DDD;}
	  
/****************** Navbar ***************************/

#navbar{color:#000; background-color:#FF5722; clear:both; overflow:hidden; margin-bottom:10px; padding:1px 16px 1px 16px; height:40px; } 
#navbar .left{float:left;}
#navbar .social{float:right;} 
#navbar .right{float:right; padding-top:9px;}

#nav{display: block; height:29px; width:100%; margin:0; }
#nav, #nav ul {line-height: 12px; margin:0; padding:1px 0 0 0; list-style: none; }
#nav li {float: left; font-size:1.1em; text-transform:none; text-transform:uppercase;}
#nav li a,#nav li a:visited {color:#FFF; display:block; padding:13px 20px 13px 20px;  }
#nav li a:hover, #nav li a:active {color:#FF5722;  background:#FFF;}	
#nav li ul {position: absolute; left: -999em; width:200px; margin:0 0 0 -1px; line-height: 17px; background:#FFF; border-left:1px solid #cf6e10; border-right:1px solid #cf6e10; border-bottom:1px solid #cf6e10; padding:0; z-index:10; }
#nav li li { width: 200px; margin:0;  font-size:1.0em; font-weight:normal; }
#nav li li a, #nav li li a:visited {color:#FF5722; background:none; }
#nav li li a:hover, #nav li li a:active {background:#EEE;  }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto; }
#nav li.current-menu-item a, #nav li.current-menu-parent a {color:#FFFFFF;}
#nav li.current-menu-item, #nav li.current-menu-parent {color:#FF5722;  }
#nav li.current-menu-item a:hover, #nav li.current-menu-parent a:hover {background:#FFF;; color:#666;}	
#nav li.current-menu-item li, #nav li.current-menu-parent li { }	
#nav li.current-menu-item li a, #nav li.current-menu-parent li a {color:#FF5722; background:none; }	
#nav li.current-menu-item li a:hover, #nav li.current-menu-parent li a:hover {background:#F5F5F5;color:#FF5722; }	
#nav li.current-menu-item ul {margin-top:-1px;}	

#nav li li ul,  #nav li.current_menu_item li ul, #nav li.current_menu_parent li ul, #nav li.dropdn li ul{ margin: -30px 0 0 200px; border-top:1px solid #CCC;  visibility:hidden; font-size:1.0em;}
#nav li li:hover ul { visibility:visible;}
#nav li.dropdn{ background-image:url(images/arrowdn.png); background-position: right center; background-repeat: no-repeat; }
#nav li.dropdn a,#nav li.dropdn a:visited {padding:6px 20px 6px 12px; }
#nav li ul li.dropdn{ background:url(images/rarrow.png) right center no-repeat; }

.selectnav { display: none; }

/************************ Search *******************************************/

.topsearchform ,#searchform{ margin:0; overflow:hidden; }
.topsearchinput{width:80px; height:22px; color:#b2b2b2; background:#fafafa; border:1px solid #e3e3e3; border-right:none;  padding:0 5px 0 10px; float:left;  }
.topsearchsubmit,#searchsubmit{height:24px;  width:47px; border:none; display:block; background:url(images/searchsub.gif) no-repeat; float:left;  }					   
.topsearchsubmit:hover,#searchsubmit:hover{background:url(images/searchsub_h.gif) no-repeat; cursor:pointer;}

#searchinput{width:105px; height:25px; color:#b2b2b2; background:#f2f2f2; border:1px solid #e3e3e3;  padding:0 5px 0 10px; float:left;  }
#searchsubmit{height:30px;   }	


/******************** Middle Content Layout ***************************/

#middlecontent{float:left; padding:15px; font-size:1.6em; line-height:1.4em; margin:8px 0 0 0; width:620px;  border:1px solid #dfdfdf; }
#content .fullwidth{width:968px; }
			  	  
#middlecontent h1{margin:0 0 30px; font-size:1.3em; font-weight:normal; color:#fff; padding:10px; background-color:#FF5722; border-radius:3px; }
#middlecontent h1.title{ margin-bottom:4px; text-align:left;}
#middlecontent h2{margin:0 0 14px 0; font-size:1.2em;  color:#222; padding-bottom:10px; background:url(images/h1bg.gif) bottom repeat-x; text-align:left; }
#middlecontent h3{ font-size:1.1em; margin:2px 0 13px 0; color:#111; text-align:left;}
#middlecontent h4{ font-size:1em; margin:2px 0 13px 0; color:#111; text-align:left;}

#middlecontent ul{margin: 0;  padding: 0 0 10px 15px; text-align:left;}
#middlecontent li{padding: 0 0 4px 0; text-align:left; margin: 0px 0px 4px 0; /*list-style:url(images/arrow.png) inside;*/    }

#middlecontent a.cta{ display:block; cursor:pointer; text-decoration:none; color:#FFF; background:url(images/button_sprite.png) -2px -2px no-repeat;   text-align:center; line-height:44px; width:157px;  text-shadow: 1px 1px 1px #666; margin:10px auto; font-size:1.4em; }
#middlecontent a.cta:hover{ color:#FFF;  text-decoration:none; background:url(images/button_sprite.png) -166px -2px no-repeat;  }

#middlecontent h2.title{ margin:20px 0 12px 0;}

/******************** Middle Content Excerpts ***************************/

#middlecontent .excerptlist{ margin:0 0 25px 0; line-height:1.4em; overflow:hidden; }
#middlecontent .excerptlist .articleexcerpt p{margin:0; padding:0;}
#middlecontent .excerptlist .articleexcerpt{ background:#FFF; padding:10px 25px 10px 0; border-bottom:1px solid #e2e1dd;  overflow:hidden;}
#middlecontent .excerptlist .articleexcerpt img{ float:left; margin:0 15px 5px 0;}
#middlecontent .excerptlist .articleexcerpt h3{ margin:0 0 10px 0; padding:0; color:#111; font-size:1.3em;}

#middlecontent .excerptlist .more a{color:#777; }
#middlecontent .excerptlist .more a:hover{ color:#777; text-decoration:underline;}

#middlecontent .excerptlist .more{ text-align:right;  float:right; padding:3px 0; font-size:.85em;}

#middlecontent .bylines{ font-size:.85em; margin-bottom:20px; color:#999;text-align:left;}
#middlecontent .bylines2{ font-size:.85em; margin:-12px 0 5px 0; color:#999;text-align:left;}

/******************** Sidebar Layouts ***************************/

#sidebar{float:left; padding:0; line-height:1.2em; font-size:1.4em; margin-left:20px; width:327px; }
#sidebar h2{margin:0 0 12px 0; font-size:1em; text-transform:uppercase; padding:7px;  color:#000;  text-transform:uppercase; border-bottom:2px solid #FF5722;}
#sidebar h2.blue{background:#04045E;}
#sidebar ul{margin: 0;  padding: 5px 0px 0px 0px;  }
#sidebar ul li{padding: 0 0 8px 0; margin: 0px 0px 8px 0; list-style:none; background:url(images/dotted.gif) bottom repeat-x;    }
#sidebar ol{margin: 0;  padding: 5px 0px 0px 20px;  }
#sidebar ol li{padding:0; margin: 0px 0px 10px 0; list-style:decimal; background:none;   }

#sidebar .block{ padding:8px 8px 0px 8px; margin:0 0 0 0; background:#FFF;}


/******************* Image format ****************************************/

p img {padding: 0; max-width: 100%;	}
img.centered, .aligncenter, div.aligncenter {display: block; margin:10px auto 10px auto; float:none; text-align:center; padding:2px;	}
img.alignrigit {float: right; margin: 0px 0px 5px 10px; border:1px solid #DDD; padding:4px;}
img.alignleft {float: left; margin: 0px 10px 5px 0px; border:1px solid #DDD; padding:4px;	}
.alignright {float: right; }
.alignleft {float: left; }

/****************** Captions *****************************/

.wp-caption {border: 1px solid #ddd; text-align: center; background: #EEE; padding-top: 4px; margin: 10px;
-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/******************* Comments ****************************************/

.commentposts{ padding-top:35px; margin-top:35px; border-top:1px solid #DDD;}

#respond{padding-top:35px; margin-top:70px; border-top:1px solid #DDD;}	 
#respond:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden;	}

#commentform {margin: 5px 10px 0 0;	}
#commentform input {width: 40%; padding: 5px; margin: 5px 5px 1px 0;	border:2px solid #DDD; color:#888; border-radius:4px; -moz-border-radius:5px;	}
#commentform textarea {	padding: 5px; width: 60%;	border:2px solid #DDD; color:#666; border-radius:4px; -moz-border-radius:5px; color:#888; }
#commentform label { color:#666; font-weight:bold;}	
	
#commentform #submit { display:block !important;  background:url(images/button_sprite.png) -2px -48px no-repeat; width:89px; color:#FFF; font-size:.9em;  text-shadow:1px 1px 1px #666; border:0; height:30px;  }
#commentform #submit:hover { background:url(images/button_sprite.png) -94px -48px no-repeat; text-decoration:none; border:0; cursor:pointer;}

.alt {margin: 0;padding: 10px;}

.commentlist {padding: 0;margin:0px 40px 0px 20px;text-align: justify; color:#555;}

.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none !important; border-top:1px solid #ddd; border-bottom:1px solid #ddd;	}
.commentlist li ul.children li {border-top:1px solid #EEE; border-bottom:1px solid #EEE;	}
.commentlist li ul li { margin-right: -5px;	margin-left: 10px;}
.commentlist p {margin: 10px 5px 10px 0;}

.children { padding: 0; }

#commentform p {margin: 5px 0;	}

.nocomments {text-align: center; margin: 0; padding: 0;	}

div.comment-author { color:#CCC; font-size:10px;}

div.reply { margin:-5px 0 0 10px; color:#CCC; font-size:10px;}

ol.commentlist li div.reply a { display:block; cursor:pointer; text-decoration:none; width:75px; color:#FFF;  background:url(images/button_sprite.png) -2px -80px no-repeat;  text-align:center; line-height:32px; text-shadow: 1px 1px 1px #666;  font-size:1.1em; }
ol.commentlist li div.reply a:hover{ color:#FFF;  text-decoration:none;  background:url(images/button_sprite.png) -80px -80px no-repeat; }


.fn{font-size:12px; font-style:normal; font-weight:bold; color:#444;}

.avatar {float:left; padding:3px 10px 3px 0;}


/************************** Footer************************/

#footerout{ width:100%; background:#FF5722; overflow:hidden;}

#footer {width:1000px; line-height:1.5em; margin:0 auto; color:#FFF;   }
#footer a{color:#FFF; text-decoration:underline; }
#footer a:hover{color:#FFF; text-decoration:none; }

#topfooter{ padding:20px 10px 5px 10px; overflow:hidden; font-size:1.3em;  }
#topfooter .footerwidget{ float:left; width:22%; margin:10px 0 10px 0;  }
#topfooter .footerwidget h2{ margin:0 0 9px 0; padding:0 0 4px 0; border-bottom:1px solid #203257; font-size:1.4em; }
#topfooter ul{ padding-bottom:15px;}
#topfooter li{ list-style:none;margin:0 0 8px 0;}
#topfooter .bright{  padding-right:2%; margin-right:2%}

#bottomfooter{padding:20px 0 30px 0; }

#midfooter{ padding:0; margin:5px 0; border-bottom:1px solid #203257; border-top:1px solid #203257; overflow:hidden; background:#334e87;}
#midfooter img{ float:left; margin:10px 1.5%;}

/************************** Sidebar Widget ***********************/

.topsitesblock{ margin:0 -8px; }
.topsites{ background:#f2f5f9; overflow:hidden; padding:10px; margin:10px;}
.topsites .left{ float:left; width:90px; line-height:1.3em;}
.topsites .right{ float:left; width:184px; margin-left:10px; color:#999; line-height:1.3em;}
.topsites .right span{color:#2a568f; font-weight:bold; font-size:1.1em; }
.topsites .left img{ padding:2px; border:1px solid #ddd;}

.topsites a.review{ display:block; cursor:pointer; text-decoration:none; width:75px; color:#FFF; line-height:25px; background:url(images/button_sprite.png) -186px -48px no-repeat;  text-align:center;   margin-right:5px; text-shadow: 1px 1px 1px #666; float:left; margin-top:7px; font-size:1.1em; }
.topsites a.review:hover{ color:#FFF;  text-decoration:none;  background:url(images/button_sprite.png) -264px -48px no-repeat; }
.topsites a.visit{ display:block; cursor:pointer; text-decoration:none; width:75px; color:#FFF;   background:url(images/button_sprite.png) -158px -80px no-repeat; float:left; text-align:center; line-height:25px;  text-shadow: 1px 1px 1px #666;float:left; margin-top:7px; font-size:1.1em;}
.topsites a.visit:hover{ color:#FFF;  text-decoration:none; background:url(images/button_sprite.png) -236px -80px no-repeat; }

.topsites a.visitbig{ display:block; cursor:pointer; text-decoration:none; color:#FFF;background:url(images/button_sprite.png) -2px -2px no-repeat;  text-align:center; line-height:44px; width:157px;  text-shadow: 1px 1px 1px #888; font-size:1.5em; margin-top:5px;}
.topsites a.visitbig:hover{ color:#FFF;  text-decoration:none; background:url(images/button_sprite.png) -166px -2px no-repeat;  }

/************************** Sidebar Widget 2 ***********************/

.toproomsblock { margin:0 -8px -8px -8px; font-size:1.1em; }
.toprooms td{ background:#fafafa url(images/sidebarbg.gif) bottom repeat-x;}
.toprooms a.vbutton{ display:block;  background:url(images/button_sprite.png) -2px -80px no-repeat; width:75px; color:#FFF; line-height:32px; font-size:.9em;  text-shadow:1px 1px 1px #666;}
.toprooms a.vbutton:hover{ background:url(images/button_sprite.png) -80px -80px no-repeat; text-decoration:none;}
.toprooms .rank{ color:#FFF;  font-weight:bold; background:#2a568f;  padding:2px 6px; }

.toprooms td img.bord{ padding:2px; border:1px solid #ddd;}

/************************** Featured Table ***********************/

#middlecontent .featured { margin:10px 0 35px 0; padding:0;  line-height:1.2em; overflow:hidden;  }
#middlecontent .featured .left{float:left; background:url(images/leftfeat.png); width:163px;  height:121px; padding:15px 15px; margin:0; }
#middlecontent .featured .left img{margin:0 0 5px 0; border:1px solid #EEE;}
#middlecontent .featured .right{  font-size:.9em; line-height:1em; float:left; width:410px; padding:8px 10px 0 0; height:123px; background:#eef2f9; margin:9px 0; border:1px solid #bababa; border-left:0;}
#middlecontent .featured .right ul{ margin:0;}
#middlecontent .featured .right li{ list-style:none; background:url(images/bullnavy.png) left center no-repeat; margin:0 0 8px 0; padding:0 0 0 27px; text-indent:-2px; }

#middlecontent .featured a.visit{ display:block; cursor:pointer; text-decoration:none; color:#FFF; background:url(images/button_sprite.png) -2px -2px no-repeat; text-align:center; line-height:44px; width:157px;  text-shadow: 1px 1px 1px #99000; font-size:1.6em; margin:0 auto; }
#middlecontent .featured a.visit:hover{ color:#FFF;  text-decoration:none; background:url(images/button_sprite.png) -166px -2px no-repeat; }

/************************** Comparison Table ***********************/

#middlecontent .comptable{ margin:0 0 25px 0;  font-size:.9em; line-height:1.1em; }
#middlecontent .comptable th{ font-weight:bold; color:#707070;  border-bottom:1px solid #b4b4b4; border-right:1px solid #dadada; padding:2px}
#middlecontent .comptable th.bright{border-right:none;}
#middlecontent .comptable th.bleft{border-left:none;}
#middlecontent .comptable td{ border-right:1px solid #d9d9d9; border-bottom:#d9d9d9 1px solid; text-align:center; font-size:1.1em; color:#666; vertical-align:middle; line-height:1.1em; padding:6px; }
#middlecontent .comptable td.blue{color:#000; font-weight:bold; }		
#middlecontent .comptable td.blueh{ background:#eef3f6;}
#middlecontent .comptable td.bright{border-right:none;}	
#middlecontent .comptable td span{font-weight:bold; color:#000;}

#middlecontent .comptable a.visit, #middlecontent .comptable a.demo{ display:block;  background:url(images/button_sprite.png) -2px -48px no-repeat; width:90px; color:#FFF; line-height:30px; text-shadow:1px 1px 1px #666; text-align:center; font-size:1.0em; margin:0 auto 5px auto; }
#middlecontent .comptable a.visit:hover, #middlecontent .comptable a.demo:hover{  background:url(images/button_sprite.png) -94px -48px no-repeat; text-decoration:none;}

			
/************************** Review Table ***********************/

.topreview{ overflow:hidden; margin:0 0 25px 0; border:1px solid #d2d2d2;  background:#f2f5f9; padding:10px;}
.topreview .left{ width:170px; float:left; margin:0 20px 0 0; line-height:1.4em; font-size:1.1em;padding:1px 2px 8px 2px; background-color:#ffffff;}
.topreview .right{width:400px; float:left;  line-height:1.3em;}
.topreview .right h3{margin:0 0 10px 0 !important; padding:0; font-size:1.2em !important;}
.topreview .left span{font-size:1.1em; font-weight:bold;}
.topreview .left img{ margin-bottom:10px;}

.topreview .left a.visit{ display:block; cursor:pointer; text-decoration:none; color:#FFF; background:url(images/button_sprite.png) -2px -2px no-repeat;  text-align:center; line-height:44px; width:157px;  text-shadow: 1px 1px 1px #99000; font-size:1.3em; margin:11px auto 0 auto; }
.topreview .left a.visit:hover{ color:#FFF;  text-decoration:none; background:url(images/button_sprite.png) -166px -2px no-repeat;  }

#reviewsummary{ margin:0 0 25px 0; border-top:2px solid #BBB; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5;font-size:.9em; color: #333; border-bottom:2px solid #BBB;}

#reviewsummary th{ text-align:left;  background:#FaFaFa; border-right:1px solid #E5E5E5;  border-bottom:1px solid #DDD;}
#reviewsummary td{ background:#FFF; border-right:1px solid #EEE; text-align:center; }
#reviewsummary td.bonus{ font-size:1.3em; font-weight:bold; color:#00CC00;}

#middlecontent ul.pros li{list-style:none; background:url(images/greenbullet.png) left center no-repeat; margin:0 0 10px 0; padding-left:20px; line-height:1.2em; }
#middlecontent ul.cons li{list-style:none; background:url(images/xbullet.png) left center no-repeat; margin:0 0 10px 0; padding-left:20px; line-height:1.2em; }
#middlecontent ul.pros, #middlecontent ul.cons{ margin:0 0 20px 10px;}

/************************ Author Bios *******************************************/

.authorbio{padding:15px; background:#F9F9F9; border:1px solid #E5E5E5;  margin:30px 0; overflow:hidden; }
.authorbio h3{ margin:0 0 5px 0 !important; font-size:14px!important;}
.authorbio img{ float:left; margin:0 12px 0 0; border:2px solid #DDD;}
.authorbio span{ font-size:.9em; font-style:italic;}
.authorbio p{ padding:0 0 5px 0 !important;}

/************************** Pagination ************************/

#middlecontent .pagination {clear:both;padding:30px 0;line-height:13px; margin:0 0 15px 0;}

#middlecontent .pagination span, #middlecontent .pagination a {display:block;float:left;margin: 2px 7px 2px 0;padding:9px 9px 9px 9px;text-decoration:none;width:auto;color:#FF5722;background: #fff; text-decoration:none; border-radius:4px; -moz-border-radius:4px;}

#middlecontent .pagination a:hover{color:#fff;background: #FF5722;}

#middlecontent .pagination .current{padding:9px 9px 9px 9px;background: #FF5722;color:#fff;}

#middlecontent .pagination a.last{ background:#999; color:#FFF;}
#middlecontent .pagination a.last:hover{ background:#FF5722; color:#FFF;}




#myTable {
    float:left;
    border:1px solid #dfdfdf;
    border-collapse:collapse;   
    width:100%;
    font-size:12px;
}
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media all and (min-width: 768px) and (max-width: 959px) {
    td.col_deletemedium{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;       
    }    
    th.col_deletemedium{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;       
}
	body {background-image:none;}
}


/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 600px */
@media all and (min-width: 600px) and (max-width: 767px) {
    td.col_deletemedium{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    }    
    th.col_deletemedium{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    }   
	body {background-image:none;} 
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media all and (min-width: 480px) and (max-width: 599px) {
    td.col_deletemedium{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    }    
    th.col_deletemedium{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    }  
	body {background-image:none;}  
}
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media all and (max-width: 479px) {

    td.col_delete{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    }    
    th.col_delete{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    }    

.hover08 {padding-left:10%;}
.mobilecomp {width:0% !important;}
.mobilecomp25 {width:25% !important;}
.mobilecomp30 {width:30% !important;}

	body {background-image:none;}
}


figure {
	margin: 3px;
	padding: 0;
	background: #fff;
	overflow: hidden;
        border : 1px solid #e9e9e9;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}



tr:hover { 
   background: #fafafa; 
}
td a { 
   display: block; 
}

input[type="text"]
{
    background-color: #fff;
    color: #000;
    width: 100%;
	height:30px;
	font-size:14px;
	padding-left:10px;
}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media all and (min-width: 768px) and (max-width: 959px) {
    td.col_deletemedium{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;       
    }    
    th.col_deletemedium{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;       
}
}


/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 600px */
@media all and (min-width: 600px) and (max-width: 767px) {
    td.col_deletemedium{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    }    
    th.col_deletemedium{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    }    
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media all and (min-width: 480px) and (max-width: 599px) {
    td.col_deletemedium{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    }    
    th.col_deletemedium{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    }    
}
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media all and (max-width: 479px) {

    td.col_delete {
        display: none;
        width: 0;
        height: 0;
        opacity: 0;
        visibility: collapse;
    }

    th.col_delete {
        display: none;
        width: 0;
        height: 0;
        opacity: 0;
        visibility: collapse;
    }
}