/*
 *	HTML Reset + Basic Typography (http://html5boilerplate.com/) 
 ***************************************
 */
	
	
	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
	
	body{
		font-size: 12px;
		font-family: Verdana;
	}
	
	html, body {height: 100%;}
	
	.push{
		height: 50px;
	}
	
	.displaynone{
		display: none;
	}

	#wrap {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		background:url(../images/background-leftmenu-yellowstrip.gif) repeat-y scroll 0 0 transparent;
		margin: 0 auto -50px;
		min-width: 1024px;
	}
	
	.ie7 #wrap { display:table; height:100% }

	/*h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, img, small, strike, sub, sup, tt, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {border: 0 none;font-family: inherit;font-style: normal;margin: 0;text-align: left;}*/
	input[type=submit], button {border: 0 none;font-family: inherit;font-style: normal;margin: 0;text-align: left;}
	
	.button, .button:visited {
	    position:relative;
	    display:inline-block;
	    color:#fff;
	    text-decoration:none;
	    -moz-border-radius:5px;
	    -webkit-border-radius:5px;
	    -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	    cursor:pointer;
	    line-height:1;
	    font-size:100%;
	    padding:5px 14px 6px;
	    text-shadow: 2px 1px 3px #193A72;
		font-weight: bold;
		border: 1px solid #012B71;
		background: #5177B8;
		background: none;
		background: -moz-linear-gradient(top, #5177B8 0%, #002970 100%)!important;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5177B8), color-stop(100%,#002970))!important;
		background: -webkit-linear-gradient(top, #5177B8 0%,#002970 100%)!important;
		background: -o-linear-gradient(top, #5177B8 0%,#002970 100%)!important;
		background: -ms-linear-gradient(top, #5177B8 0%,#002970 100%);
		background: linear-gradient(top, #5177B8 0%,#002970 100%)!important;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5177b8', endColorstr='#002970',GradientType=0 )!important;

}


	article, aside, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section {display: block;}
	
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after { content: ''; content: none; }
	ins { background-color: #ff9; color: #000; text-decoration: none; }
	mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
	del { text-decoration: line-through; }
	abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
	table { border-collapse: collapse; border-spacing: 0; }
	hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
	input, select { vertical-align: middle; }

	
	select, input, textarea, button { /*font:99% sans-serif; */}
	html { /*overflow-y: scroll;*/ }
	a:hover, a:active { outline: none; }
	ul, ol { margin-left: 0em; }
	ol { list-style-type: decimal; }
	nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
	small { font-size: 85%; }
	strong, th { font-weight: bold; }
	td { vertical-align: top; }
	
	sub, sup { font-size: 75%; line-height: 0; position: relative; }
	sup { top: -0.5em; }
	sub { bottom: -0.25em; }
	
	pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
	textarea { overflow: auto; }
	.ie6 legend, .ie7 legend { margin-left: -7px; } 
	input[type="radio"] { vertical-align: text-bottom; }
	input[type="checkbox"] { vertical-align: bottom; }
	.ie7 input[type="checkbox"] { vertical-align: baseline; }
	.ie6 input { vertical-align: text-bottom; }
	label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
	button, input, select, textarea { margin: 0; }
	input:valid, textarea:valid   {  }
	input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
	.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
	
	::-moz-selection{ background: #333; color:#fff; text-shadow: none; }
	::selection { background:navy; color:white; text-shadow: none; }
	a:link { -webkit-tap-highlight-color: #333; }
	
	button {  width: auto; overflow: visible; }
	.ie7 img { -ms-interpolation-mode: bicubic; }
	
	body, select, input, textarea {  color: #444; }
	h1, h2, h3, h4, h5, h6 { font-weight: bold; }
	a, a:active, a:visited { /*color: #607890;*/ color:#30388B; text-decoration: none;}
	
	/*a:hover { color: #036; }*/
	
	p {padding:.6em 0}

	.errors{color:#ff0000;font-style: italic;}
	.required {color:#ff0000;font-style: bold; padding-left:6px;}

	/* clearfix */
	.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block;
	/*overflow-x: auto;
    overflow-y: auto;*/
    width: 100%;
    clear:both;}

	.hidden{
	display: none!important;}
	
	.highlightSearchText {
	    font-weight: bold;
	    background-color: #F2F5A9 ;
	}

	/* tips of the day */
	#tipsDivCont{
		font-size: 90%;
		padding: 3%;
	}
	
	#expandWipo{
	
		-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
		box-shadow: inset 0px 1px 0px 0px #ffffff;
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
		background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
		background-color: #ededed;
		-webkit-border-top-left-radius: 6px;
		-moz-border-radius-topleft: 6px;
		border-top-left-radius: 6px;
		-webkit-border-top-right-radius: 6px;
		-moz-border-radius-topright: 6px;
		border-top-right-radius: 6px;
		-webkit-border-bottom-right-radius: 6px;
		-moz-border-radius-bottomright: 6px;
		border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-bottomleft: 6px;
		border-bottom-left-radius: 6px;
		text-indent: 0;
		border: 1px solid #dcdcdc;
		display: inline-block;
		font-family: arial;
		font-weight: bold;
		font-style: normal;
		text-decoration: none;
		text-align: center;
		text-shadow: 1px 1px 0px #ffffff;
		color: #555555;
		padding: 2px;
		cursor: pointer;
		float: left;
		border: 1px solid #d0d0d0;
		
		padding: 2px;
		margin-top: 2px;
		color: #555555;
		cursor: pointer;
		float: left;
	}
	#blockMenu{
		position: absolute;
		top: 0px;
		left: 0px;
	}
	
	#expandWipo:hover{
	 
	
		border: 1px solid gray; 
		cursor: pointer;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
		background-color:#dfdfdf;
		
	}
	.separator{
		float: left;		
		margin: 3px;
		margin-top: 5px;
	}
	#globalBrand{
	
			-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
		box-shadow: inset 0px 1px 0px 0px #ffffff;
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
		background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
		background-color: #ededed;
		-webkit-border-top-left-radius: 6px;
		-moz-border-radius-topleft: 6px;
		border-top-left-radius: 6px;
		-webkit-border-top-right-radius: 6px;
		-moz-border-radius-topright: 6px;
		border-top-right-radius: 6px;
		-webkit-border-bottom-right-radius: 6px;
		-moz-border-radius-bottomright: 6px;
		border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-bottomleft: 6px;
		border-bottom-left-radius: 6px;
		text-indent: 0;
		border: 1px solid #dcdcdc;
		display: inline-block;
		font-family: arial;
		font-weight: bold;
		font-style: normal;
		text-decoration: none;
		text-align: center;
		text-shadow: 1px 1px 0px #ffffff;
		color: #555555;
		padding: 2px;
		cursor: pointer;
		float: left;
		border: 1px solid #d0d0d0;
				
		color: #555555;
		cursor: pointer;
		float: left;
		padding: 2px;
		margin-top: 2px;
	}
	
	#globalBrand:hover{
		border: 1px solid gray; 
		cursor: pointer;
	}

	.niceClasses{
		text-align: left !important;
	}
	
	.flags{
		cursor: pointer;
	}

/*
 *	Layout: Page content & left menu
 ***************************************
 */
    #pageContent {overflow: hidden; background:url(../images/background-leftmenu-yellowstrip.gif) repeat-y scroll 0 0 transparent;}
    #pageFullContent {overflow: hidden; margin: 10px;}
    #pageContent #leftMenu { position: absolute; left: 0;}
    #otherLinks {
	    /*background-color: white;*/
	    background-image: none;
	    float: left;
	    margin-bottom: 10px;
	    margin-left: 0;
	    margin-right: 0;
	}
	
	#otherLinks ul{ list-style-type: none; text-decoration: none;}
	#otherLinks li{ text-decoration: none;}
	
	.tmv_ec_image {
	    margin-bottom: auto;
	    margin-left: 50px;
	    margin-right: auto;
	    margin-top: 8px;
	    width: 100px;
	}

    #pageContent #mainContent {margin-left:246px; padding:10px 5px 10px 10px;}
    
    .roundBoxAllDark {
	    background: url("../images/background-box-pattern.gif") repeat scroll 0 0 transparent;
	    border: 2px solid #CCCCCC;
	    border-radius: 4px 4px 4px 4px;
	    margin-bottom: 10px;
	}
	
/*
 *	Layout: Header & logo
 ***************************************
 */
	.container_10{min-width:960px;}
	#headerWrapper {
		height: 100px;
		background:url(../images/background-header-bluestrip.gif) repeat-x scroll 0 0 #0d5485;
	}
	#headerWrapper_CF {
		height: 100px;
	    background-color: #1F4A94;
	    background: -moz-linear-gradient(top, #3366CC 0%, #002970 100%)!important;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3366CC), color-stop(100%,#002040))!important;
		background: -webkit-linear-gradient(top, #3366CC 0%,#002040 100%)!important;
		background: -o-linear-gradient(top, #3366CC 0%,#002040 100%)!important;
		background: -ms-linear-gradient(top, #3366CC 0%,#002040 100%);
		background: linear-gradient(top, #3366CC 0%,#002040 100%)!important;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3366CC', endColorstr='#002040',GradientType=0 )!important;
	    
	    /*background-repeat: repeat-x;*/
	}
	
	#headerWrapper .grid_2_CF {
		width:246px;float:left;
		/*background:url(../images/background-header-logo.gif) no-repeat scroll 0 0 transparent;height: 100px;*/
		
		background-color: #CCCCCC;
   	 	background: -moz-linear-gradient(left center, white 0%, #CCCCCC 100%)!important;
		background: -webkit-gradient(linear,left, left bottom, color-stop(0%,white), color-stop(100%,#CCCCCC))!important;
		background: -webkit-linear-gradient(left, white 0%,#CCCCCC 100%)!important;
		background: -o-linear-gradient(left, white 0%,#CCCCCC 100%)!important;
		background: -ms-linear-gradient(left, white 0%,#CCCCCC 100%);
		background: linear-gradient(left, white 0%,#CCCCCC 100%)!important;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#CCCCCC',GradientType=0 )!important;
	    height:100px;
    	background-repeat: repeat-x;
	}
	#headerWrapper .grid_2 {
		width:246px;
		float:left;
		background:url(../images/background-header-logo.gif) no-repeat scroll 0 0 transparent;height: 100px;
	    height:100px;
    	background-repeat: repeat-x;
	}
	
	#headerWrapper .grid_8 {
		margin-left: 246px;
		position: relative;
	}
	
	#logo{
		margin-left: 12%;
    	margin-top: 10%;
   	 	max-height: 70px;
    	max-width: 190px;
    	vertical-align: middle;
	}
		


   .ie7 #headerWrapper .grid_8 { width:auto; float:left;}
   .ie7 #topBar .topMenu { background-position: 0 0; }

	#wraperLeftSide{
		float: left;
		width: 78%;
		margin-right: 1%;
	}
	
	#wraperRightSide{
		float: left;
		width: 21%;
	}
	
	#wraperFullContentSide{
		float: left;
		width: 100%;
	}
	
	/* adjust from different browsers */
	#welcomeText{ min-height: 250px; }


   /*
     *  Header: Top menu 
     ***************************************
     */
    #topBar .topMenu_CF {height:100px;}
    #topBar .topMenu {
		height: 100px;
		width: 100%;
		background: url(../images/background-header-topleft.gif) no-repeat;
		background-position: 0 0;
	}

#topBar .topMenu ul_CF {padding:0; padding-top:75px;margin-left:0;}  
    #topBar .topMenu ul {padding:0; padding-top:75px;margin-left:0;}
    #topBar .ie6 html #topMenu ul {margin:0;padding-top:90px}
        
    .topMenu ul li {
	border: 0;
	display: inline;
	float: left;
	margin: 0 2px;
	padding: 4px 10px 4px 7px;
	background: url(../images/separator-topmenu.gif) no-repeat scroll right 4px transparent;
	}

.topMenu ul li.active {border:0!important; display:inline;float:left;margin:0 2px; /*text-decoration: underline;*/}
    .topMenu ul li.active span {color:#fff;font-size:0.95em;margin:0 0.5em;text-decoration:none; font-weight: normal}
    .topMenu ul li a {color: #fff;font-size: 0.95em;font-weight: 500;margin: 0 0.3em;text-decoration: none; /*font-weight: bold;*/}
    .topMenu ul li.last {background-image:none}
    
    #topBar .cf_icon_div{
    	position: absolute;
    	float: left;
    	
    }

    
    #topBar .cf_icon{
    	background: url(../images/coopfund-initiatives-sprite-27x27.png) no-repeat scroll 0 0 transparent;
    	width: 27px;
    	height: 27px;
    	margin: 30px 40px;
    	float: left;
    	border-right: 1px solid white;
    	padding-right: 20px;
    }
    
    #topBar .cf_icon_title{
    	color: #FFFFFF;
    	font-size: 19px;
    	font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
    	font-weight: 700;
    	margin: 30px 100px;
    	position: absolute;
    }

	/*
	 *	Header: Logo 
	 ***************************************
	 */
    
    
    #logo h1 { 
	    width: 203px;
		height: 80px;
		background: url("../images/logo-dv.png");
		text-indent: -9999px;
		margin: 17px 0 0 9px;
		background-repeat: no-repeat;
    } 
   

	 /*
     *  Header: Top controls
     ***************************************
     */
     
     	#fontSize_id input{ width: 20px; }
     
        #topBar .toolbar {display:inline;}
 		#topBar .toolbar ul {
 			position: absolute;
			right: 150px; /* _CF */
			top: 5px;
 		}
        #topBar .toolbar form {position:absolute; right:5px;top:5px;}
        .toolbar ul li {text-align:left;display:block;float:left;padding:0; margin:3px 0 0 0;background: url("../images/separator-topmenu.gif") no-repeat scroll right 2px transparent;padding: 0 10px;}
        .ie6 .toolbar ul li {padding:0 1px;float:none; display:inline;}
        .ie6 .toolbar form {padding-top:4px;}
        .toolbar ul li.last {background: none;}
        .toolbar ul li span {margin:0;padding:0; font-size:.86em}
        .toolbar ul li span a {padding:0;font-size:100%;color:#fff} 
        .toolbar ul li span a img {vertical-align:sub;}
        
        /* Icons size */
        .toolbar .fontSize_id img,
        .toolbar .contrast img {width:20px}
        .toolbar .print img {width:18px}
        .toolbar .fontSize_id span,
        .toolbar .fontSize_id a {padding:0;float: left;}
        .toolbar form select {
        
        	background-color:#2b2b2b; color:#fff;border:1px solid #666666;
        	width: 140px;
			height: 26px;
			font-size: 12px;
        }
        
		.toolbar input{width: 20px;}

	.is-disabled {
	    background-color: #b5aeb5!important;
	    color: white!important;   
	}


/*
 *  Left menu
 ***************************************
 */
    
    #leftMenu {background:url(../images/background-leftmenu-topgradient.gif) no-repeat scroll 0 0 transparent;height:370px;}
    #leftMenu #menu {padding: 13px 10px 0 10px; width: 225px; }
    #leftMenu #menu ul {list-style:none;}
    #leftMenu #menu ul li, #leftMenu #menu ul li.active {
    	cursor: pointer;
	    -moz-border-radius: 6px 6px 6px 6px; 
	    -webkit-border-radius: 6px 6px 6px 6px;
	    border-radius: 6px 6px 6px 6px; 
	    -moz-background-clip: padding; 
	    -webkit-background-clip: padding-box; 
	    background-clip: padding-box; 
	    box-shadow: 0 0 4px #777;
    }  
    #leftMenu #menu ul li.space {margin-top:30px}

    
    /*menu inactive*/
        /*size*/
        #leftMenu #menu ul li {margin-bottom:15px;width:225px; max-height: 60px;}
        /* gradient */
        #leftMenu #menu ul li {background: #ededed; background: -moz-linear-gradient(left, #ededed 0%, #bbbbbb 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ededed), color-stop(100%,#bbbbbb)); background: -webkit-linear-gradient(left, #ededed 0%,#bbbbbb 100%); background: -o-linear-gradient(left, #ededed 0%,#bbbbbb 100%); background: -ms-linear-gradient(left, #ededed 0%,#bbbbbb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#bbbbbb',GradientType=1 ); background: linear-gradient(left, #ededed 0%,#bbbbbb 100%); /* W3C *//*border-right:1px solid #010101*/}
    
    /*menu active*/
        /*size*/
        #leftMenu #menu ul li.active {width:226px;}
        /*shadow*/
        #leftMenu #menu ul li.active {box-shadow:-3px 1px 2px #666;background-color: #FFFFFF;color: #666666;border:0;-moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px;border-radius: 6px 6px 6px 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
        /* bg color*/
        #leftMenu #menu ul li.active {background: none;background-color:#fff!important}


    /* menu links */
    #leftMenu #menu ul li a,
    #leftMenu #menu ul li span {color:#333;font-weight:bold;font-size:90%;line-height: 20px;padding: 5px 2px 5px 6px;text-decoration:none;display: block;}
    #leftMenu #menu ul li a:hover {text-decoration:none;}

/*
 *	Font declarations
 ***************************************
 */
    body{ font-family:"PT Sans", Verdana; }
	.back img {vertical-align:sub}

/*
 *	Input & textarea border declarations
 ***************************************
 */
	input.text { width:325px; -moz-border-radius:4px 4px 4px 4px;border:1px solid #CCCCCC;color:#444;font-weight:bold;outline:medium none;margin-bottom:1px;margin-top:1px;padding:5px}
	textarea.text {-moz-border-radius:4px 4px 4px 4px;;border:1px solid #CCCCCC;color:#444;outline:medium none;margin-bottom:1px;margin-top:1px;padding:5px; height:85px; width:88%}
	.right {text-align:right!important} .left {text-align:left!important} .center {text-align:center!important}  
	.select {-moz-border-radius:4px 4px 4px 4px;;border:1px solid #ddd;padding:4px;}
 

/*
 *  Help icon
 ***************************************
 */
	

   	#officesListContainer .helpBtn {float:right; padding: 1px 5px 0 0;} 
   	#search .helpBtn, #myListBox .helpBtn,  #verifyBox .helpBtn {float:right; padding: 1px 5px 0 0;} 
    #verifyBox h3 .helpBtn { float:right; padding: 0 2px;}
    .noFloat {float:none!important}
    .head {padding:0 5px}
    .head img {vertical-align:middle}


/*
 *  Round boxes
 ***************************************
 */
    .innerBox {background-color:#fff;padding:6px;-moz-box-shadow: 0 0 0 #444;-webkit-box-shadow:0px 0 0 #444;margin-bottom:20px;-moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
    .roundBox {
		border: solid 1px #DDD;
		background: url(../images/background-box-pattern.gif) repeat scroll 0 0 transparent;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		margin-bottom: 10px;
	}
	

	
	.roundBoxNoBorder {
		background: url(../images/background-box-pattern.gif) repeat scroll 0 0 transparent;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		margin-bottom: 10px;
	}
		
		
	.roundBox h3 {
        padding: 0.6em 5px;
        background: url("../images/background-top-box-h3.gif") repeat-x scroll 0 0 transparent;
        border-bottom: 1px solid #888;
    }
		
    .ie6 .roundBox h3 {color:#000;}
    .roundBox em, 
    .roundBox a {colour:#fff} 

    /* content box for news, about... */
    .contentBox {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #DDDDDD;padding:1em;-moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }

	/* Fix myListbox background */
    #myListBox {background-image:none;
    background-color:#fff;
    display: inline-block;
    width: 100%;
    /*-moz-box-shadow: 0 0 4px #cbcbcb; -webkit-box-shadow: 0 0 4px #cbcbcb; box-shadow: 0 0 4px #cbcbcb;box*/
    }
	
	
/*
 *	Round boxes: Float search and MyList
 ***************************************
 */
	#mainContent #search, 
	#mainContent #watchContainer {box-shadow: 0 0 4px #888;}
	
	#watchresults{
		/*padding-bottom: 30px;*/
		min-height: 80px;
	}
	
	.watchresultsdiv{
		/*padding-bottom: 70px;*/
	}
	
	#mywatches {
		min-height: 80px;
	}
	
	#mynewwatch{
		border-top: 2px solid #CCCCCC !important;
		padding-bottom: 40px;/*65*/
	}
	
	#monitor{
		text-align: center;
		color: black;
		font-size: 75%;
		margin: 0px!important;
		padding: 0px!important;
		overflow: hidden;
		height:auto!important;	 
	
		/*
		text-align: center;
		color:	black;
		height: 150px!important;
		font-size: 80%;
		*/
		
	}
	
	#monitor_status{
		clear: both;
		text-align: center;
	/*	border-left: 1px solid #999;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		*/
		color:	black;
		height: 23px;
		background: linear-gradient(top, #F2F5F6 0%,#CAD6DD 100%);
		background: #F2F5F6;
		background: -moz-linear-gradient(top, #F2F5F6 0%, #CAD6DD 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2F5F6), color-stop(100%,#CAD6DD));
		background: -webkit-linear-gradient(top, #F2F5F6 0%,#CAD6DD 100%);
		background: -o-linear-gradient(top, #F2F5F6 0%,#CAD6DD 100%);
		background: -ms-linear-gradient(top, #F2F5F6 0%,#CAD6DD 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#cad6dd',GradientType=0 );
		background: linear-gradient(top, #F2F5F6 0%,#CAD6DD 100%);
	}
	#monitor_status button{
		position: relative;
		top: 1px;
		display: inline !important;
	}
	
	#monitor_status img{
		position: relative;
		top: 2px;
	}
	
	span#monitorOfficesFinished{
		float:right;
	}

	/* *********************** monitor status bar END *********************** */

	
	/* ******************************** grid ******************************** */
	#mainContent #grid {/*margin-top: 150px;*/ }
	#mainContent #grid .x-panel{height: 450px;}
	#mainContent #grid .ellipsis {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
	}
	
	#grid td.thumbnail_class{
		height: 100px;
		text-align: center;
	}
	
	#grid .thumbnail_ok{
		/*width: 80px;*/
		/*height: 80px;*/
		max-height: 100px;
		max-width: 100px;
	}
	
	#grid .thumbnail_hidden{
		display: none;
	}
	
	#grid img.thumbnail_ok:hover{
		cursor: pointer;
		cursor: hand;
	}
	
	#grid td{
		vertical-align: middle;
	}
	
	#grid td.ipvalue_column, 
	#grid td.ipvalue_column div a,
	#grid td.did_column, 
	#grid td.did_column div a, 
	#grid td.tmName_column,
	#grid td.tmName_column div a,
	#grid td.markId_column,
	#grid td.markId_column div a
	{
		/*font-weight: bold;*/
		color: #2356AB;
	}
	
	#grid div.oc_column,
	#grid div.oc_column{
		font-weight: bold;
		color: #2356AB;
		cursor: pointer;
	}
	
	#tabGrid #inviteFriend{
		margin: 3px;
		height: 16px;
		width: 16px;
		background: url("../images/envelope.png") no-repeat;
		cursor: pointer;
		border: 1px solid #999;
		float: left;
	}
	
	#tabGrid #printRows, .filter-tabs-wrapper #printfriendly{
		margin: 3px;
		background: url("../images/print.png") no-repeat;
		cursor: pointer;
		float: left;
		height: 20px;
		width: 22px;
	}
	
	.filter-tabs-wrapper #printfriendly{
		position: absolute;
		top: 5px;
		right: 5px;
	}
	
	#tabGrid #printExcelRows{
		margin: 2px;
		background: url("../images/icon-file-xls.png") no-repeat;
		cursor: pointer;
		float: left;
		height: 20px;
		width: 23px;
	}	
	
	
	
	#tabGrid #searchReport,
	.wizard #step3Form #searchReportStatistics{
		background: url("../images/searchReport_blue.png") no-repeat;
		cursor: pointer;
		float: left;
		height: 20px;
		width: 	23px;
		margin-top: 2px;
	}
	#tabGrid #searchReport:hover,
	.wizard #step3Form #searchReportStatistics:hover{
		background: url("../images/searchReport.png") no-repeat;
	}
	
	#tabGrid #statistics{
		background: url("../images/statistics_blue.png") no-repeat;
		cursor: pointer;
		float: left;
		height: 20px;
		width: 	23px;
		margin-top: 2px;
	}
	
	#tabGrid #statistics:hover{
		background: url("../images/statistics.png") no-repeat;
	}
	
	#tabGrid #designerowner{
		background: url("../images/designerowner_blue.png") no-repeat;
		cursor: pointer;
		float: left;
		height: 20px;
		width: 	23px;
		margin-top: 2px;
	}
	
	#tabGrid #designerowner:hover{
		background: url("../images/designerowner.png") no-repeat;
	}
	
	#tabGrid #inviteFriend:hover{
		background-color: lightGrey;
	}
	
	#mainContent #grid .subgrid{
		padding: 2px;
	}
	
	#rememberColumnsButton div.onhover{
		background-color: #CDCDCD;
		background-image: none;
		border: 1px solid gray;
	}
	
	td#grid_pager_left.minwidth{
		width: 460px !important;
	}
	
	#dialogContent img.designImage{
		width: 80px;
		height: 80px;
	}
	
	#dialog{
		min-width:400px;
		width: 400px;
		min-height: 400px;
		height: 400px;
		overflow: auto;
		position: absolute;
	}
	
	#dialog #dialogContent{
		width: 380px;
		height: 380px;
	}
 
 	#preview{
		position:absolute;
		border:1px solid #ccc;
		background:#ddd;/*#888*/
		padding:5px;
		/*display:none;*/
		color:#fff;
		z-index: 3000;
		border-bottom-left-radius: 4px;
	    border-bottom-right-radius: 4px;
	    border-top-left-radius: 4px;
	    border-top-right-radius: 4px;
	    box-shadow: 0 0 4px #888;
	}
	
	#preview img{
		max-height: 200px;
		max-width: 200px;
	}
	
	a.rowListLink{
		padding-left: 3px;
		padding-right: 3px;
		color: #224488 !important;
    	font-weight: bold;
	}
	
	span.noresults{
		font-weight: bold;
		font-size: 120%;
	}
	
	#colmodgrid #warningDiv{
		color: #DF0101;
	}
	
	.printDetailHeader{
		color: #2356AB;
	    font-weight: bold;
	}
	
	.printDetailHeaderContent{
		padding: 5px;
		/*border: 1px solid grey;*/
	}
	
	.eItem{
		cursor: pointer;
	}
	
	/* ******************************** grid END ***************************** */



	/* preview print status corrections */
	
	#ContentResultsSearchBoxStatus #filter-tabs-oc,
	#ContentResultsSearchBoxStatus #filter-tabs-tp,
	#ContentResultsSearchBoxStatus #filter-tabs-sc,
	#ContentResultsSearchBoxStatus #filter-tabs-ty,
	#ContentResultsSearchBoxStatus #filter-tabs-date,
	#ContentResultsSearchBoxStatus #filter-tabs-nc,
	#ContentResultsSearchBoxStatus #filter-tabs-vc,
	#ContentResultsSearchBoxStatus #filter-tabs-lc,
	#ContentResultsSearchBoxStatus #filter-tabs-anm,
	#ContentResultsSearchBoxStatus #filter-tabs-dnm,
	#ContentResultsSearchBoxStatus #filter-tabs-ty,
	#ContentResultsSearchBoxStatus #filter-tabs-nc,
	#ContentResultsSearchBoxStatus #filter-tabs-vc { float :left; width:98%; margin: 0px; padding: 0px; }

	#ContentResultsSearchBoxStatus #filter-tabs-oc #offices1 { float: left; height: auto; margin: 0px; margin-left: 10px; padding-left: 0px; }
	#ContentResultsSearchBoxStatus #filter-tabs-oc #offices-select{ display: none; }
	#ContentResultsSearchBoxStatus #filter-tabs-tp #tp1 { float: left; height: auto; margin: 0px; margin-left: 10px; padding-left: 0px; }

	#ContentResultsSearchBoxStatus #filter-tabs-sc,
	#ContentResultsSearchBoxStatus #filter-tabs-ty { overflow: hidden; width: 98%; max-width: 98%; margin-top: 15px!important; margin: 0px; padding: 0px; }
	
	#ContentResultsSearchBoxStatus #filter-tabs-sc .filters-table,
	#ContentResultsSearchBoxStatus #filter-tabs-date .filters-dates{ float: left;  margin: 0px; padding: 0px; margin-left: 10px;}
	#ContentResultsSearchBoxStatus #filter-tabs-sc #dsvStatusChart{ float: left; margin: 0px; padding: 0px;}

	#ContentResultsSearchBoxStatus #filter-tabs-anm,
	#ContentResultsSearchBoxStatus #filter-tabs-date #filters-ad,
	#ContentResultsSearchBoxStatus #filter-tabs-date #filters-RegistrationDate{
		margin-bottom: 0px !important;
		margin-left: 0px; 
		margin: 0px;
		padding: 0px;
		margin-top: 10px;
	}

	#ContentResultsSearchBoxStatus #filter-tabs-date,
	#ContentResultsSearchBoxStatus #filter-tabs-nc,
	#ContentResultsSearchBoxStatus #filter-tabs-lc,
	#ContentResultsSearchBoxStatus #filter-tabs-vc
	#ContentResultsSearchBoxStatus #filter-tabs-anm,
	#ContentResultsSearchBoxStatus #filter-tabs-dnm{ width: 98%; margin-top: 15px!important; float: left; margin: 0px; padding: 0px; }

	#ContentResultsSearchBoxStatus #filter-tabs-anm table,
	#ContentResultsSearchBoxStatus #filter-tabs-lc table,
	#ContentResultsSearchBoxStatus #filter-tabs-date table,
	#ContentResultsSearchBoxStatus #filter-tabs-lc  table,
	#ContentResultsSearchBoxStatus #filter-tabs-anm table,
	#ContentResultsSearchBoxStatus #filter-tabs-vc table,
	#ContentResultsSearchBoxStatus #filter-tabs-dnm table{ 
	 float: left;
	 margin: 0px;
	 padding: 0px; 
	 margin-bottom: 0px;
	 left: 10px;
	}

	#ContentResultsSearchBoxStatus #filter-tabs-vc,
	#ContentResultsSearchBoxStatus #filter-tabs-lc{ display: block }

	#ContentResultsSearchBoxStatus #filters-RegistrationDate,
	#ContentResultsSearchBoxStatus #filter-table-lc-2,
	#ContentResultsSearchBoxStatus #filter-table-vc-2,
	#ContentResultsSearchBoxStatus #filter-table-lc-3,
	#ContentResultsSearchBoxStatus #filter-table-vc-3,	
	#ContentResultsSearchBoxStatus #filter-table-lc-4,
	#ContentResultsSearchBoxStatus #filter-table-vc-4,
	#ContentResultsSearchBoxStatus #filter-tabs-anm-2,
	#ContentResultsSearchBoxStatus #filter-tabs-dnm-2{  margin-left: 10px!important; }
	
	#ContentResultsSearchBoxStatus #td-filter-od{display: none;}
	#ContentResultsSearchBoxStatus #filter-tabs-nc table td{ width: 20px!important;}

	#ContentResultsSearchBoxStatus a{
		color: black; 
		border: solid 1px #DDD;
		background: url(../images/background-box-pattern.gif) repeat scroll 0 0 transparent;
		font-weight: bold;
		width: 95%;
		min-width: 500px;
		height: 15px;
		padding: 8px;
		margin: 5px;
		margin-bottom: 10px;
		text-decoration: none;
		margin-left: 0%;
		border: 1px solid #DDD;
		border-radius: 6px;
		overflow: hidden;
		text-align: left;
		display: block;
		float: left;
	}
	
    #ContentResultsSearchBoxStatus #filter-tabs-sc #tmvStatusChart,
    #ContentResultsSearchBoxStatus #filter-tabs-sc #dsvStatusChart,
    #ContentResultsSearchBoxStatus #filter-tabs-ty #typeChart{ width: 200px; height: 160px; float: left!important; }
	#ContentResultsSearchBoxStatus #filter-tabs-nc{ overflow: hidden; }
	
	.printDetailHeaderSearchBoxStatus{ 
		font-weight: bold;
		color: black;
	}
	

/* ******************************** gallery ******************************** */

	.iconBigImage{
		background: url(../images/imageGallery_grey_2.png) repeat scroll 0 0 transparent;
		width: 16px;
		height: 16px;
		float:left;
		margin-left: 3px;
		margin-top: 1px;
		border: 1px solid gray;
	}
	.iconBigImage:hover{ background: url(../images/imageGallery_blue_2.png) repeat scroll 0 0 transparent; }
	.iconBigImageActive{ background: url(../images/imageGallery_blue_2.png) repeat scroll 0 0 transparent !important; }

	.iconSmallImage{
		background: url(../images/imageGallery_grey_1.png) repeat scroll 0 0 transparent;
		width: 16px;
		height: 16px;
		float:left;
		margin-left: 20px;
		margin-top: 1px;
		border: 1px solid gray;
	}
	.iconSmallImage:hover{ background: url(../images/imageGallery_blue_1.png) repeat scroll 0 0 transparent; }
	.iconSmallImageActive{ background: url(../images/imageGallery_blue_1.png) repeat scroll 0 0 transparent !important; }

	.itemsPerPageGallery{
		margin-left: 10px;
	}

	#loadingGallery{
		width: 3%;
		position: absolute;
		top: 50%;
		left: 47%;
	}
	
	#tabGallery .galleryHeader{
		padding: 6px;
		display: block;
		float: left;
		width: 60%;
		margin-left: 40%;
	}
	
	#tabGallery .galleryHeader .paggingText
	{
		padding-left: 5px;
		padding-right: 5px;
	}
	
	#tabGallery .galleryHeader div.ui-icon:hover{
		border: 1px solid grey;
		cursor: pointer;
	}
	
	#tabGallery .galleryHeader div.ui-icon{
		border: 1px solid #DDDDDD;
	}
	
	
	#tabGallery .galleryHeader .paggingTotalItemsText{
		float: right;
		margin-right: 20px;
	}
	
	#tabGallery .galleryHeader div{
		float:left;
	}
	
	#gallery ul.gallery_list { 
    	position:relative;
		float: left;
    	list-style: none;
		padding: 0px;
    	margin:0px;
		width: 99%;
		height: 99%;
		margin: 0.5% !important;
    	background-color: #DDD;		
	}
	
	.wgallerycontainer{
		display: table;
		text-align: center;
		width: 100%;
		height: 100%;
	}
	
	#gallery ul.gallery_list li{
		border: 1px solid #BBB; 
		box-shadow: 0 0 2px #888888;
		border-top: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #aaa;
		border-left: 1px solid #aaa;
		float: left;
		position: relative;
		width: 100px;
		height: 100px;
		min-width: 100px!important;
		min-height: 100px!important;
		background-color: white;
	}
	
	#gallery ul.gallery_list li.overimage{
		background-color: #BBB;
		border: solid 1px #AAA;
	}
		
	#gallery ul.gallery_list li a {
		float: left;
		margin: 0;
		padding: 0;
		text-align: center;
		width: 96%;
		height: 80%;
		margin-left: 2%;
		margin-top: 2%;	    
	}
	
	#gallery ul.gallery_list li a:hover{
		border: 1px solid #fff;
	}
	
	#gallery ul.gallery_list li a .container{
		width: 100%;
		height: 100%;
		display: table-cell;
		vertical-align: middle;
		border: 1px double #BBB;
		background-color: white; 
	}
	
	#gallery ul.gallery_list li:hover{
		background-color: #CCC !important;
	} 
	 
	#gallery ul.gallery_list li a .container:hover{
		background-color: #FFF !important;
	}  

	#gallery ul.gallery_list li .img_text{
		color: #5177B8;
	    font-size: 75%;
	    float: left;
	    margin-top: 6px;
		margin-left: 6px;
	}
	
	#gallery ul.gallery_list li input{
		float: right;
		margin-top: 6px;
		margin-right: 6px;
	}
	
	#gallery ul.gallery_list li .img_text:hover{
		cursor: pointer;
	}
	
	/* ******************************** gallery END***************************** */


	/* ******************************** image detail popup***************************** */
	
	table#details{
		width: 462px;
		color: #002970;
		margin: 0 15px 15px 50px;
		box-shadow: 0 0 4px #888;
	}
	
	table#details td{
		padding: 1px;
		border: 1px solid #AAAAAA;
		font-size: 75%;
	}
	
	table#details td.property{
		font-weight: bold;
		background-color: #002970; /*#5177B8;*/
		color: #FFF;
		/*background: url("../images/background-box-pattern.gif");*/
		min-width: 150px;
	}
	
	table#details td.value{
		width: 300px;
		max-width: 300px;
		border-color: #999;
		background: url("../images/background-box-pattern.gif");
	}
	
	
	/* SLIDER */
	
	#slider{ 
		margin-left: 50px;
    	max-width: 460px;
    	border: 1px solid #AAAAAA;
    	box-shadow: 0 0 4px #888;
    	border-style: ridge;
    	margin-top: 15px;
    }
	
	#slider ul.slider-pages { }
	
	
	#slider .slide{
		/*margin-left: 50px;*/
		width: 380px;
		height: 400px;
    	text-align: center;
    	vertical-align: middle;
    	margin: 20px 40px 0 40px;
    	
	}
	
	#slider a{ 
		height: 50px;
    	width: 50px;
    	margin-top: 190px;
    	z-index: 999;
	}
	
	#slider a.slider-prev-hover{
		background-image: url("../images/simpleSlider/left-arrow.png");
		float: left;
	}
	
	#imageDialog a.slider-next-hover{
		background-image: url("../images/simpleSlider/right-arrow.png");
		float: right;
	}
	
	#slider li { 
		display: inline
	}
	
	#slider .sliderImg{
		max-width: 380px;
		max-height: 350px;
	}
	
	.popUpShadow {
	    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
	}
	
	
	/* ******************************** image detail popup END ************************ */
	

/*
 *	Home: Welcome 
 ***************************************
 */
	#welcome h2 {
		font-weight: bold;
		font-size: 16px;
		color: #2356AB;
	}
	
	#welcomeText h2 {
		font-weight: bold;
		font-size: 16px;
		color: #2356AB;
	}
	 #welcomeText p {
	     color: #444 !important; 
	     padding-right: 20px;
	 }
	 
	 .smallSize{
		width: 40px;
		margin: 5px;
	}


/*
 *	Home: Office list 
 ***************************************
 */
	.officeLink img{ left: 0; position: absolute; }
	.officeLink img.logoPreview{ position: relative !important; }
    #offices .map {height: 200px;position: absolute; width: 246px;} 
    #officesListContainer {background: url("../images/world-map.png") no-repeat scroll  240px 35px transparent;}
    #officesListContainer h2 {color:#2356ab;margin: 15px 0;}
    #officesListContainer h4 {color:#000; font-size:12px;margin-left:20px;padding: 15px 0;}
	#offices .grid_2 img {display:hide}
        .ie6 #offices,
        .ie6 #offices .grid_2 {margin:0}
    #offices table {
		margin: 1%;
		width: 98%;
		margin-left: 4%;
    }
    
    .previewOffice{
		background: white;
		width: 225px;
		margin-left: -246px;
		position: absolute;
		min-height: 300px;
		max-height: 300px;
    }
    
    #offices table ul li { 
    position:relative;padding: 5px 0;list-style-type: none;
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	min-width: 230px;
    }
    
    #tblOffices{
		color: #30388B;
	}
 
    
    /*
    #offices li {background:url(../img/bullet_black.gif) no-repeat scroll 1px 2px transparent; width:25%;-moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
    #offices li.join {background:url(../img/bullet_green.gif) no-repeat scroll 1px 2px transparent;-moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
    #offices li:hover {background:url(../img/bullet_white.gif) no-repeat scroll 1px 2px transparent}
    #offices li a {padding-left:15px; font-size:.95em; }
    */

    
    #offices table td {line-height:1.2em;font-size:90%;color:#666; padding:3px;}
    /*
    #offices table#harmonizedOffices td a {color:#30388B;font-weight: bold;} 
    #offices table#harmonizedOffices td:hover a {color:#fff;}
    */  
    #offices table td a {font-weight:normal} 
    #offices table td .officeName {display: block;float: left;margin-left: 20px;width: 20px; font-size:99%; margin-right: 10px;} 
    /*#offices table td .officeCountryName {display: block;float: left;margin-left: 20px;width: 145px; font-size:99%; margin-right: 10px;}*/
    #offices p.small {color:#888;text-align:right;font-size:80%; padding: 1em 3em;}
  
  
    #offices li:hover {background-color:#333;}
    #offices li:hover a {color:#fff;text-decoration:none; }
    
    
    #offices .officeInfo {display:inline;} /* hide offices information */
    #offices .officeInfo ul {list-style: none outside none; margin: 5px; padding-top: 173px; width: 222px;}
    #offices .officeInfo ul li {color: #444444;font-size: 95% !important;font-weight: bold;margin: 14px 0;}
    #offices .officeInfo ul li.last {border:0px} 
    #offices .officeInfo ul li span {color:#666;font-weight:normal; font-size:82%;}
        
        /* OfficeInfo */
        #offices .officeInfo { left: 0px; position: absolute;top: 0px;  width: 232px; }
        .ie6 #offices .officeInfo {left:28px; width: 300px;}
        #offices .officeInfo ul li {font-size:80%}
        #offices .officeInfo {background-color:#fff!important;border:1px solid #ddd;-moz-box-shadow: 0 0 4px #cbcbcb; -webkit-box-shadow: 0 0 4px #cbcbcb; box-shadow: 0 0 4px #cbcbcb; -moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius: 4px;-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;background-size: 70% 70%; -moz-background-size: 70% 70%;
	       background: url("none");
        } 
        #offices .officeInfo h3 {background: url("../img/background-top-box-h3.gif") repeat-x scroll 0 0 padding-box transparent;border-bottom: 1px solid #888888;border-radius: 4px 4px 0 0;color: #000000;padding: 0.6em 0; width: 99.9%;}

    #offices #otherOffices {width:72%}  
    #offices #otherOffices td {border:0}
    #offices .map {width: 232px; left:-250px; } 
    #offices .map strong,
    #offices .map span {padding:5px; display:block} 
	#offices .participating span {background: url("../img/bullet_green.gif") no-repeat scroll 0 -1px transparent; padding-left: 14px;}
    #offices #officesEuroclassLogo {left: 0px;position: absolute;top: 38px; display:none }
    
    	
/*
 *	Search use case
 ***************************************
 */
	#searchTable .advSearchExample { color:#ddd; }
    #searchTable a {color:#000c4a}
    #search h2 {float:left; margin-left: 230px;color:#444; font-size:100%;}
    * html #search h2 {position:absolute;float:none;}
    #search .row, #watchContainer .row {display: block; padding:0 0 0 0}
    #id_advSearch_check {display: block; padding:0!important; /*height:41px;*/}
    #id_advSearch_tab {
    	display: block; 
    	padding:0!important;
    	margin-top: 30px;
    	margin-bottom: 4px;
    }
    
    /*ie*/
	div#id_advSearch_tab ul.ui-widget-header {
		background-image: none !important;
		filter: none !important;
	}
	
    #monitor_tabs.ui-widget-content{
    	background: none !important;
    }
    
    #monitor_tabs .ui-widget-header{
    	/*background-image: none !important;*/
    	/*background: none !important;*/
    	border: none !important;		
    }
    
    #monitor_tabs .ui-corner-top{
    	border-bottom-right-radius: 4px;
    	border-bottom-left-radius: 4px;
    }
 
    
    
    #monitor_tabs .ui-tabs-panel.monitortabs{
    	border: 1px solid #AAAAAA;
    	border-bottom-right-radius: 4px;
    	border-bottom-left-radius: 4px;
    	padding: 0px !important;
    	/*width: 100%;*/
    }
    
    #monitor_tabs.ui-tabs li.monitortabs:not(.ui-state-active){
    	border: 2px solid #D3D3D3 !important;
    	font-weight: bold;
    	background: #5177B8;
		background: none;
		background: -moz-linear-gradient(top, #5177B8 0%, #002970 100%)!important;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5177B8), color-stop(100%,#002970))!important;
		background: -webkit-linear-gradient(top, #5177B8 0%,#002970 100%)!important;
		background: -o-linear-gradient(top, #5177B8 0%,#002970 100%)!important;
		background: -ms-linear-gradient(top, #5177B8 0%,#002970 100%);
		background: linear-gradient(top, #5177B8 0%,#002970 100%)!important;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5177b8', endColorstr='#002970',GradientType=0 )!important;
    	
    }
    
     #monitor_tabs.ui-tabs li.monitortabs:not(.ui-state-active) a{
     	color: #FFF!important;
     }
    
    
    #monitor_tabs li.monitortabs.ui-state-active{
    	border-bottom-right-radius: 0 !important;
    	border-bottom-left-radius: 0 !important;
    	border-top: 2px solid #D3D3D3 !important;
    	border-right: 2px solid #D3D3D3 !important;
    	border-bottom: 2px white solid !important;
    	border-left: 2px solid #D3D3D3 !important;
    }
    
    
    #monitor_tabs li.filter-tab a{
    	width: 80%;
    	text-align: left;
    	white-space: pre-line;
    }
    
    #monitor_tabs li.filter-tab {
    	padding: 5px 0 6px;
    	min-width: 150px;
    }
    
    
    #monitor_tabs ul{
    	list-style: none outside none;
    	padding-right: 40px;
    }
    
    
    #filter-area{
    	border: 3px solid #D3D3D3;
    	background: #FAF391;
    	min-height: 30px;
    	height: auto;
    	display: table;
    	width: 99.5%;
    	padding: 2px;
    }
    
    #filter-area.searched{
    	/*background: #E3F6CE;*/
    	background: #D4FF74;
    	
    }
    
    #filter-area #filter-area-criterias{
	    float: left;
	    width: 80%;
    }
    
    #filter-area-criterias div.filter-item{
    	border: 1px outset #5177B8;
    	border-radius: 10px 10px 10px 10px;
    	margin: 2px;
    	padding: 6px;
    	background-color: #FFF;
    	box-shadow: 0 0 1px #888888;
    	float: left;
    }
    
    #filter-area-criterias div.filter-item-query{
    	border: 1px outset #5177B8;
    	border-radius: 10px 10px 10px 10px;
    	margin: 2px;
    	padding: 6px;
    	background-color: #CED8F6;
    	box-shadow: 0 0 1px #888888;
    	float: left;
    }
    
    
    #filter-area-criterias div.filter-item.filter-criteria{
    	border-radius: 10px 10px 10px 10px;
    	background-color: #FFF;
    	border: 1px outset #5177B8;
    }
    
    #filter-area-criterias div#filter-search-element span.filter-item-value{
    	padding-right: 10px;
    }
    
    #filter-area-criterias img.filter-item-delete{
    	float: right;
    	padding-top: 1px;
    }
    
     #filter-area-criterias img.filter-item-delete:hover{
     	cursor: pointer;
     }
    
    #filter-area #filter-area-button{
    	float: right;
    	padding: 3px 2px 0 0;
    	/*width: 15%;*/
    }
    
    
    .filter-tabs{
    	border: 0 !important;
    }
    
    #filter-tabs{
    }
    
    .filter-tabs-wrapper ul{}
    
    div.filter-tabs-wrapper .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{
    	color: black !important;
    }
    
    #filter-tabs-sc #tmvStatusChart,
    #filter-tabs-sc #dsvStatusChart,
    #filter-tabs-ty #typeChart{

	    width: 200px;
	    height: 200px;
	    float: left!important;
    }
    
    #filter-tabs-sc #dsvStatusChart div{
    }
    
    .filter-tabs#filter-tabs-sc,
    .filter-tabs#filter-tabs-ty{
    	border: 0 !important;
    	float: left;
    	padding: 20px 20px 20px 20px;
    	width: 72%;
    	max-width: 72%;
    	overflow: auto;
    }
    
    div#filter-tabs-anm table.filters-table,
    div#filter-tabs-dnm table.filters-table,
    div#filter-tabs-vc table.filters-table,
    div#filter-tabs-lc table.filters-table{
    	left: 60px; 
    	position: relative;
    	margin: 0 20px 10px 0;
    	float:left;
    }
    
    div#filter-tabs-anm table.filters-table,
    div#filter-tabs-dnm table.filters-table{
    	width: 38%;
    }
    
    div#filter-tabs-oc div#offices-select{
    	float: left;
    	margin-top: 20px;
    	padding: 5px 5px 5px 10px;
    }
    
    div#filter-tabs-oc div#offices-select div{
    	float: left;
    	padding: 3px;
    }
    
    div#filter-tabs-oc div#offices-select input{
    	margin-left: 5px;
    }
    
    .ui-tabs-vertical {  }
	.ui-tabs-vertical .ui-tabs-nav { 
		padding: 0.2em 0.1em 0.4em 0.4em;
	 	float: left; width: 12em; 
	 }
	 
	.ui-tabs-vertical .ui-tabs-nav li { 
		clear: left; 
		width: 99%; 
		border-bottom-width: 1px !important; 
		border-right-width: 1px !important; 
		margin: 0 -1px .2em 0; }
		
	.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
	.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { 
		padding-bottom: 0; 
		padding-right: .1em; 
		border-right-width: 1px; 
		border-right-width: 1px; }
		
	#monitor .filter-tabs-wrapper .ui-tabs-vertical .ui-tabs-panel { 
		padding: 1em; 
		float: right; 
		width: 86%;
	}
	
	.filter-tabs-wrapper table.filters-table{
		min-width: 150px;
		float: left;
	}
	
	#filter-tabs-vc table.filters-table,
	#filter-tabs-lc table.filters-table{
		min-width: 120px!important;
	}
	
	
	#filter-tabs-date table.filters-dates{
		/*float: right;*/
    	margin-left: 10px;
    	display: block;
    	overflow: auto;
	}
	
	#filter-tabs-date table.filters-table tr{
		border: 1px solid #CED8F6;
	}
	
	.filter-tabs-wrapper table#filters-dates{
		border-collapse: separate;
		width: 80%;
		padding-left: 20px;
		border-spacing: 15px;
	}
	
	.filter-tabs-wrapper table.filters-dates td.td-table{
		padding-right: 5px;
		width: inherit;
	}

	
	.filter-tabs-wrapper table.dates-interval{
		border: 1px solid #D3D3D3;
	}
	
	.filter-tabs-wrapper table.filters-table tr.filter-eligible:not(.no-hover):hover,
	div.office_cell.filter-eligible:hover
	{
		background: #F5F6CE;/*#F2F2F2;*/
		cursor: pointer;
	}
	
	div.office_cell.filter-selected:hover,
	div.office_cell.filter-filtered:hover
	{
		cursor: pointer;
	}
	
	.filter-tabs-wrapper tr.ad-header{
		padding: 5px;
		font-weight: bold;
		cursor: default;
	}
	.filter-tabs-wrapper tr.tr-header{
		background: url("../../../images/jquery-ui/smoothness/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
	}
	
	.filter-tabs-wrapper tr.tr-header td{
		padding:4px;
	}
	
	
	.filter-tabs-wrapper td.sc-name,
	.filter-tabs-wrapper td.ty-name,
	.filter-tabs-wrapper td.ad-name,
	.filter-tabs-wrapper td.ad-interval,
	.filter-tabs-wrapper td.RegistrationDate-name,
	.filter-tabs-wrapper td.RegistrationDate-interval,
	.filter-tabs-wrapper td.vc-name,
	.filter-tabs-wrapper td.lc-name,
	.filter-tabs-wrapper td.anm-name,
	.filter-tabs-wrapper td.dnm-name
	{
		text-align: left;
		padding: 5px 15px 5px 15px;
	}
	

	.filter-tabs-wrapper td.ty-name
	{
		vertical-align: middle;
	}
	
	.filter-tabs-wrapper td.sc-value,
	.filter-tabs-wrapper td.ty-value,
	.filter-tabs-wrapper td.ad-value,
	.filter-tabs-wrapper td.RegistrationDate-value,
	.filter-tabs-wrapper td.vc-value,
	.filter-tabs-wrapper td.lc-value,
	.filter-tabs-wrapper td.anm-value,
	.filter-tabs-wrapper td.dnm-value{
		text-align: right;
		padding: 5px;
	}
	
	#filter-tabs-nc{
		overflow: auto;
	}
	
	#filter-tabs-oc,
	#filter-tabs-date,
	#filter-tabs-vc,
	#filter-tabs-lc,
	#filter-tabs-anm,
	#filter-tabs-dnm,
	#filter-tabs-tp
	{
		overflow: auto;
	}
	
	#filter-tabs-date{
		padding: 10px 30px 10px 10px;
	}
	
	#filter-tabs-vc,
	#filter-tabs-lc{
		display: flex;
	}
	
	.filter-tabs-wrapper #filter-tabs-nc table {
      margin:           01 2px;
      border-collapse:  separate;
      border-spacing:   1px;
      empty-cells:     hide;
      padding-top:  20px;
	  border-spacing: 6px;
    }
    
    
    .filter-tabs-wrapper #filter-tabs-nc table tr {
      vertical-align: middle !important;
      height:         24px;
    }
   
   .filter-tabs-wrapper #td-filter-od{
   	padding: 15px 10px 10px 10px;
   	float: left;
   }
    
    .filter-tabs-wrapper #filter-tabs-nc table td {
      text-align:           center !important;
      cursor:               pointer;
      background-repeat:    no-repeat;
      background-position:  center center;
      border:0px solid #f00;
      padding-right: 3px;
    }
	
	.filter-tabs-wrapper #filter-tabs-nc table td .checkbox.filter-eligible{
		background-image: -moz-linear-gradient(center top , #819FF7 0%, #819FF7 100%) !important;
	    background: -moz-linear-gradient(top, #819FF7 0%, #819FF7 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#819FF7), color-stop(100%,#819FF7));
		background: -webkit-linear-gradient(top, #819FF7 0%,#819FF7 100%);
		background: -o-linear-gradient(top, #819FF7 0%,#819FF7 100%);
		background: -ms-linear-gradient(top, #819FF7 0%,#819FF7 100%);
		background: linear-gradient(top, #819FF7 0%,#819FF7 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#819FF7', endColorstr='#819FF7',GradientType=0 );
		border: 1px solid #fff; 
	}
	
	.filter-tabs-wrapper #filter-tabs-nc table td .checkbox.filter-selected:not(.filter-filtered){
		background-image: -moz-linear-gradient(center top , #457FD2 0%, #2E61B8 100%) !important;
	    background: -moz-linear-gradient(top, #457FD2 0%, #2E61B8 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#457FD2), color-stop(100%,#2E61B8));
		background: -webkit-linear-gradient(top, #457FD2 0%,#2E61B8 100%);
		background: -o-linear-gradient(top, #457FD2 0%,#2E61B8 100%);
		background: -ms-linear-gradient(top, #457FD2 0%,#2E61B8 100%);
		background: linear-gradient(top, #457FD2 0%,#2E61B8 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2E61B8', endColorstr='#cad6dd',GradientType=0 );
		font-weight: bold;
	}
	
	
	
	.filter-tabs-wrapper #filter-tabs-nc table td .checkbox:not(.filter-eligible):not(.filter-selected):not(.filter-filtered){
		background-image: -moz-linear-gradient(center top , #BBB 0%, #D1D1D1 100%) !important;
	    background: -moz-linear-gradient(top, #BBB 0%, #D1D1D1 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BBB), color-stop(100%,#D1D1D1));
		background: -webkit-linear-gradient(top, #BBB 0%,#D1D1D1 100%);
		background: -o-linear-gradient(top, #BBB 0%,#D1D1D1 100%);
		background: -ms-linear-gradient(top, #BBB 0%,#D1D1D1 100%);
		background: linear-gradient(top, #BBB 0%,#D1D1D1 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BBB', endColorstr='#D1D1D1',GradientType=0 );
		cursor: not-allowed;
		font-weight: bold;
	}
	
	.filter-tabs-wrapper #filter-tabs-nc table td .checkbox.filter-filtered{
		background-image: -moz-linear-gradient(center top , #E3FDA9 0%, #6AB21D 100%) !important;
	    background: -moz-linear-gradient(top, #E3FDA9 0%, #6AB21D 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E3FDA9), color-stop(100%,#6AB21D));
		background: -webkit-linear-gradient(top, #E3FDA9 0%,#6AB21D 100%);
		background: -o-linear-gradient(top, #E3FDA9 0%,#6AB21D 100%);
		background: -ms-linear-gradient(top, #E3FDA9 0%,#6AB21D 100%);
		background: linear-gradient(top, #E3FDA9 0%,#6AB21D 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E3FDA9', endColorstr='#cad6dd',GradientType=0 );
		font-weight: bold;
		color: #0B3B0B;
	}
	
	.filter-tabs-wrapper #filter-tabs-nc table td .checkbox.filter-eligible:hover,
	.filter-tabs-wrapper #filter-tabs-nc table td .checkbox.filter-selected:hover,
	.filter-tabs-wrapper #filter-tabs-nc table td .checkbox.filter-filtered:hover{
		border: 1px solid #FFFF00;
		color: #FFFF00;
		font-weight: bold;
	}
	
	 .filter-tabs-wrapper #filter-tabs-nc table td .checkbox {
        font-weight:      normal;
        background-attachment: scroll;
	    background-clip: border-box;
	    background-color: transparent;
		
	    background-origin: padding-box;
	    background-position: 0 0;
	    background-repeat: repeat;
	    background-size: auto auto;
	    color: #FFFFFF;
        width: 			  38px;
        max-width: 		  38px;
        max-height: 	  22px;
        height: 	      22px;
        -moz-border-radius: 	4px 4px 4px 4px; 		/* FF1+ */
  		-webkit-border-radius:  4px 4px 4px 4px; 		/* Saf3-4, iOS 1+, Android 1.5+ */
  		border-radius:  		4px 4px 4px 4px; 		/* Opera 10.5, IE9, Saf5, Chrome, FF4 */
  		padding-top: 5px;
        
      }
      
      #offices1 .office_cell:not(.filter-eligible):not(.filter-selected):not(.filter-filtered),
      #tp1 .office_cell:not(.filter-eligible):not(.filter-selected):not(.filter-filtered){
      	border: 1px solid #FFF;
      }
      
      .filter-eligible{
		border: 1px solid #CED8F6;
      	background-color: #EFF2FB;
      	cursor: pointer;
      }
      
      .filter-selected:not(.filter-filtered){
      	background-color: #CEE3F6;
      	border: 1px solid #CED8F6;
      	cursor: pointer;
      }
      
      .filter-filtered{
      	background-color: #E3FDA9;
      	border: 1px solid #74DF00;
      }
      
      .filter-unavailable{
      	border: 1px solid #CED8F6;
      }
      .ad-interval.filter-unavailable,
      .rd-interval.filter-unavailable{
      	border: none !important;
      }
      
      div.filter-selected{
      	border: 1px solid #A9BCF5;
      }
      
      .filter-executed{
      	border: 1px solid #5FB404;
      	background-color: #C3E9B6;
      }
      
    #id_advSearch_check p {bottom: 10px;  position: absolute;  right: 1px;padding:0!important}

	#id_advSearch_check strong a {
		-moz-background-clip: border;
		-moz-background-origin: padding;
		-moz-background-size: auto auto;
		background-attachment: scroll;
		background-color: transparent;
		background-image: url("../images/button-advsearch-open.gif");
		background-position: right 4px;
		background-repeat: no-repeat;
		color: #002970;
		font-size: 0.9em;
		font-weight: normal;
		padding-bottom: 5px;
		padding-left: 0;
		padding-right: 49px;
		padding-top: 5px;
		text-decoration: none;
		text-shadow: 1px 1px 2px #BCC7CD;
	}
	
	#btnAddWatch_OLD {
		-moz-background-clip: border;
		-moz-background-origin: padding;
		-moz-background-size: auto auto;
		background-attachment: scroll;
		background-color: transparent;
		background-image: url("../images/button-addwatch.gif");
		background-position: right 4px;
		background-repeat: no-repeat;
		color: #002970;
		font-size: 0.9em;
		font-weight: normal;
		padding:5px 30px 5px 0;
		text-decoration: none;
		text-shadow: 1px 1px 2px #BCC7CD;
		margin-right: 10px;
	}
	
	#btnAddWatch {
		-moz-background-clip: border;
		-moz-background-origin: padding;
		-moz-background-size: auto auto;
		background-attachment: scroll;
		background-color: transparent;
		background-image: url("../images/button-addwatch.gif");
		background-position: left 4px;
		background-repeat: no-repeat;
		color: #002970;
		font-size: 0.9em;
		font-weight: normal;
		padding:5px 30px 5px 30px;
		text-decoration: none;
		text-shadow: 1px 1px 2px #BCC7CD;
		margin-right: 10px;
		margin-left: 5px;
	}
	
	#btnAddWatch.hide {
		background-image: url("../images/button-collapsewatch.gif");
	}


#id_advSearch_check strong a.open {background: url("../images/button-advsearch-close.gif") no-repeat scroll right 4px transparent; } 
    #id_advSearch_check strong {margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px;}
	
	/* show all variations */
	#id_advSearch_check span {font-size:.8em;color:#888;padding:0px 5px}
	#id_advSearch_check img {padding:2px 0; vertical-align:bottom; display:none}

	#search .language { display:inline; width:140px; float:left}
	#search .language p { display: inline; }
	#search .select { margin-left:10px;/*background-color:#D1D1D1;*/color:#15394F;width: 10em;}
	/* IE fix */
	.ie6 #search .language select {padding:0;}
	#search .searchBox { display:block; padding: 0 5px;}
	#search .searchBox #searchForm{padding-top: 10px; }
	#search .searchBox input { /*margin-left: 10px; */}
	#search .searchBox input.text {min-width: 62%;}
	#search .searchBox #cmbSearchOption{margin-left: 10px;}
	
	#searchType #imageList, #searchType #imageGallery{
		background-color: transparent;
	    background-position: right 4px;
	    background-repeat: no-repeat;
	    float: right;
	    margin-right: 7px;
    }
    
    #search .searchBox #tmv_message {
	    color: #FF0000;
	    font-size: 85%;
	}
    
	#search .searchBox #searchType{ 
		padding-top: 5px;
		width: 64%;
	}
	
	#search .searchBox #searchType .no_checked{
		background-color: #FFF;
		border: 2px outset grey;
		box-shadow: 0 0 2px #777777;
	}
	
	#search .searchBox #searchType .no_checked:hover{
		cursor: pointer;
	}
	
	#search .searchBox #searchType .checked{
		background-color: #FFF;
		border: 2px inset #2356AB;
		box-shadow: 0 0 2px #777777;
	}
	
	#search .searchBox label span { margin-bottom:0;padding-bottom:7px;padding-top:3px; }
	/* IE fix*/
		.ie6 #search .searchBox label span,
		.ie7 #search .searchBox label span {margin:5px 12px 7px 12px; padding: 0px 0px 0px 0;}
	#search .advSearchExample { padding-left:155px; color:#444; }
	.eg {color: #999999;font-size: 0.9em;}
	#search .searchBox .eg {margin-left: 1em;}
	
	#search .searchBox #validationMessage{
		color: #CC0033;
		margin-left: 5px;
	}
	
	#search .searchBox .state-error{
		padding: 0.5em;
		margin-left: 10px;
		width: 75%;
		margin-bottom: 10px;
		display:none;
		position: absolute;
	}
	
	.state-error{
		padding: 0.7em;
	}

	/* advanced search buttons */
	.fleft{
		float: left;
	}
	.liguistic {
		float: left;
		margin-right: 5px;
	}

	#id_advancedsearch .checkBox .ui-button {margin-top: 30px;font-size:75%;height:25px;margin-left:0;margin-right:-0.3em;}
	#advSearch_niceclass .checkBox .ui-button {width:35px;}
	#id_advancedsearch fieldset {border-top: 1px solid #DDDDDD;clear: both;padding: 10px 5px;}
	#id_advancedsearch fieldset:hover {background-color:#f7f7f7}
	#id_advancedsearch legend {float:left;width:140px; font-size:.8em;margin-top:6px}
	#id_advancedsearch legend p {white-space: normal; }
	#id_advancedsearch legend a img {vertical-align:middle} 
	#id_advancedsearch .content_form {margin-left:150px}
		/*#advSearch_niceclass .content_form {padding-bottom:10px}*/
	#id_advancedsearch .divChck {padding-top:10px}
	
	#id_advancedsearch .select { margin-left:0px;}
	#id_advancedsearch input {margin-right:.6em;margin-bottom: 1px;}
	#id_advancedsearch input.text {width: 420px;}
	#id_advancedsearch label {margin-right:1em}
	
	#advancedSearch .dpicker{ width: 100px; }
	#advancedSearch .ui-datepicker-trigger{ margin-left: 2px;}
	
	/*#advancedSearchContainer #advancedSearch #advancedExampleTextNice,
	#advancedSearchContainer #advancedSearch #advancedExampleTextVienna,*/
	#advancedSearchContainer #advancedSearch .exampleText { color: #444444;float: right;font-size: 9px;}
	

	/* Preview Office */
	.logoPreview{ width: 130px;	height: 130px; margin-left: 42px; margin-top: 10px; background-color: white; border: 0px; }
	.logoPreview.displaynone{width: 180px !important;	height: 180px  !important; margin-left: 22px; margin-top: 20px; }
	.blue{ color: #2356AB; /*font-weight: bold;*/ }
	.offInf { width: 50%; /*width: 80px;*/ float: left; /*border-right:1px solid lightgrey;border-left:1px solid lightgrey;border-bottom:1px solid lightgrey;*/}
	.offInf .blue{ width: 30px; min-width: 30px; float: left;margin-left: 5px;}
	.offInf .num{ font-size: 90%; margin-right: 5px; text-align: right;}
	.offInfText{ min-width: 70px; float: left; text-align: center; margin: 10px; margin-top: 5px;}
	.offInfNumber{ font-weight: bold; min-width: 70px; float: left; text-align: center; margin-right: 10px; margin-top: -2px;}
	.detailsOfficeDefault span.blue{font-size: 90%;}
	#defaultPreview .numbersTable {background-color: #EFF5FB; /*border: 1px solid lightGrey; */height: 75%; margin: 7px; padding: 5px; width: 87%;}
	.detailsOffice{	margin: 0px 0px 0px 0px; background-color: white; }
	.detailsOffice.displaynone{display: none; }
	.detailsOfficeDefault{ margin: 50px 10px 10px;  height: 200px; background-color: white;}
	.detailsOffice p{ margin-left: 10px; margin-right: 10px; margin-top: 3px; padding: 0px;	font-size: 80%; background-color: white;}
	.detailsOfficeDefault p{ margin-left: 10px; margin-right: 10px; margin-top: 3px; padding: 3px;	font-size: 80%; background-color: white;}
	.detailsOfficeDefault p.numbers{ margin-left: 0px; margin-right: 0px;margin-top: 3px; padding: 0px; font-size: 80%; background-color: white;}



    /*fix for Imput boxes */
    button.ui-button,   
    input.ui-button, input.ui-widget, input.ui-state-default, input.ui-corner-all,   
    input.ui-state-default, 
    input.ui-widget-content input.ui-state-default, 
    input.ui-widget-header input.ui-state-default,
    input.ui-button {
	    color:#fff!important;
	    text-shadow:2px 1px 3px #193a72;
	    font-weight:bold;
	    background: #5177b8;
	    border: 1px solid #012b71;
	    background: none; 
	    background: -moz-linear-gradient(top, #5177b8 0%, #002970 100%)!important;
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5177b8), color-stop(100%,#002970))!important;
	    background: -webkit-linear-gradient(top, #5177b8 0%,#002970 100%)!important;
	    background: -o-linear-gradient(top, #5177b8 0%,#002970 100%)!important;
	    background: -ms-linear-gradient(top, #5177b8 0%,#002970 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5177b8', endColorstr='#002970',GradientType=0 )!important;
	    background: linear-gradient(top, #5177b8 0%,#002970 100%)!important; 
	    padding: 0.4em 1em 0.4em 1em;
    }
    input.ui-button:hover {color:#fff!important;text-shadow:2px 1px 3px #193a72;font-weight:bold;background: #5177b8;border: 1px solid #000;background: none; background: -moz-linear-gradient(top, #5177b8 0%, #000 100%)!important;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5177b8), color-stop(100%,#000))!important;background: -webkit-linear-gradient(top, #5177b8 0%,#000 100%)!important;background: -o-linear-gradient(top, #5177b8 0%,#000 100%)!important;background: -ms-linear-gradient(top, #5177b8 0%,#000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5177b8', endColorstr='#000',GradientType=0 )!important;background: linear-gradient(top, #5177b8 0%,#000 100%)!important;padding: 0.4em 1em 0.4em 1em;}
    
 
 	#advancedSearchContainer #advancedSearch .SearchModeControlSeparated{
 		padding-top: 3px;
 	}
 	
	 #advancedSearchContainer #advancedSearch .SearchModeControlSeparated input{
	    margin-bottom: 1px;
	    margin-right: 5px;
	 }
	 
	 #advancedSearchContainer #advancedSearch .magnifyingBt{
	 vertical-align: middle !important;}
 
 	.inputBox{ 
 		width: 400px;
 		position: relative; 
 	}
 	.imgPopUp{
 		cursor:pointer;
 		position: absolute;
		top: 2px;
		right: -25px;
 	}
 	
 	.hand{
 		cursor:pointer;
 	}
 
 
 	/* (TMV) NICE CLASS STUFF*/
 	/**
 	* Nice Classification page
 	*/
	#niceClassDialog {	
		background-color: #F0F0F0;
		/*top: -30px;*/
	}
  	#niceClassDialog .frame {
	margin: 10px 5px 0 0;
	width:            100%;
	 padding:          0;
	 /*background-color: #D8D8D8;*/
	  border:           0px solid #fff;
	}
	
	 .ie7 #niceClassDialog .frame {
		margin: 10px 5px 0 0;
		width:            90%;
	  padding:          0;
	  /*background-color: #D8D8D8;*/
	 border:           0px solid #fff;
}
  
  
  
    #niceClassDialog .frame table {
      margin:           01 2px;
      border-collapse:  separate;
      border-spacing:   1px;
      empty-cells:     hide;
      padding: 5px;
      background-color: #bbb;
      border:           1px solid #bbb;
      
    }
    #niceClassDialog .frame table tr {
      vertical-align: middle !important;
      height:         24px;
    }
    
    #niceClassDialog .frame table td {
      width:                10%;
      text-align:           center !important;
      cursor:               pointer;
      background-color:     #b7b78d;
      background-repeat:    no-repeat;
      background-position:  center center;
      border:0px solid #f00;
    }
      #niceClassDialog .frame table td.checkbox {
        font-weight:      normal;
        background-attachment: scroll;
	    background-clip: border-box;
	    background-color: transparent;
	    background-image: -moz-linear-gradient(center top , #457FD2 0%, #2E61B8 100%) !important;
	    background: -moz-linear-gradient(top, #457FD2 0%, #2E61B8 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#457FD2), color-stop(100%,#2E61B8));
		background: -webkit-linear-gradient(top, #457FD2 0%,#2E61B8 100%);
		background: -o-linear-gradient(top, #457FD2 0%,#2E61B8 100%);
		background: -ms-linear-gradient(top, #457FD2 0%,#2E61B8 100%);
		background: linear-gradient(top, #457FD2 0%,#2E61B8 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2E61B8', endColorstr='#cad6dd',GradientType=0 );
		
	    background-origin: padding-box;
	    background-position: 0 0;
	    background-repeat: repeat;
	    background-size: auto auto;
	    color: #FFFFFF;
        width: 			  52px;
        max-width: 		  52px;
        max-height: 	  22px;
        height: 	      22px;
        -moz-border-radius: 	4px 4px 4px 4px; 		/* FF1+ */
  		-webkit-border-radius:  4px 4px 4px 4px; 	/* Saf3-4, iOS 1+, Android 1.5+ */
  		border-radius:  		4px 4px 4px 4px; 			/* Opera 10.5, IE9, Saf5, Chrome, FF4 */
  		padding-top: 2px;
        
      }
  #niceClassDialog .frame table td.highlight {
        font-weight:      bold;
        background-attachment: scroll;
	    background-clip: border-box;
	    background-color: transparent;
        background-image: -moz-linear-gradient(center top , #5177B8 0%, #002970 70%) !important;
        background: -moz-linear-gradient(top, #5177B8 0%, #002970 70%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5177B8), color-stop(70%,#002970));
		background: -webkit-linear-gradient(top, #5177B8 0%,#002970 70%);
		background: -o-linear-gradient(top, #5177B8 0%,#002970 70%);
		background: -ms-linear-gradient(top, #5177B8 0%,#002970 70%);
		background: linear-gradient(top, #5177B8 0%,#002970 70%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5177B8', endColorstr='#002970',GradientType=0 );
		
		background-origin: padding-box;
	    background-position: 0 0;
	    background-repeat: repeat;
	    background-size: auto auto;
	    
        /*border:       1px solid #202020 ;*/
        width: 			  52px;
        max-width: 		  52px;
        max-height: 	  22px;
        height: 	      22px;
        
        -moz-border-radius: 	4px 4px 4px 4px; 		/* FF1+ */
  		-webkit-border-radius:  4px 4px 4px 4px; 	/* Saf3-4, iOS 1+, Android 1.5+ */
  		border-radius:  		4px 4px 4px 4px; 			/* Opera 10.5, IE9, Saf5, Chrome, FF4 */
  		padding-top: 2px;
  }
  
  #niceClassDialog .frame table td.highlightWarning {
        font-weight:      bold;
        background-image: url('../images/bg_nice-selector.jpg') !important;
        border:       1px solid #000066;
        width: 			  45px;
        max-width: 		  45px;
        max-height: 	  22px;
        height: 	      22px;
        color: #000;
        
  }
  
  #niceClassDialog .frame table td.highlight a, #niceClassDialog .frame table td.highlightWarning a {
    	font-weight:      bold;
  }
  
  #niceClassDialog #niceSearchList #buttons .button {
        width:  100px;
        margin: 2px 0;
  }
      
  #niceClassDialog #classes {
    width:  463px;
    height: 80px;

    border: 0px solid #f00;
  }
	
  #niceClassDialog #classes #buttons {
    text-align: center;
    vertical-align: middle;
    width: 15%;
  }    

  #niceClassDialog #niceDescription {
    margin: 10px 5px 5px 5px;
    height: 150px;
    /*border:           1px solid #fff;
    background-color: #D8D8D8;*/    
    padding:	5px;
    text-align: justify;
  }
  
  #niceClassDialog #niceDescription strong {
      font-weight:  bold;
  }
    
  #niceClassDialog #niceSearchBox {
    height: 105px;
    margin: 0 0 5px 0;
    padding: 5px 10px 5px 0;
    text-align: right;
    width: 97%;
  }
  
  #niceClassDialog #niceSearchBox #txtNiceSearch {
 	width:90%;
    -moz-border-radius: 	4px 4px 4px 4px; 		/* FF1+ */
  	-webkit-border-radius:  4px 4px 4px 4px; 	/* Saf3-4, iOS 1+, Android 1.5+ */
  	border-radius:  		4px 4px 4px 4px; 			/* Opera 10.5, IE9, Saf5, Chrome, FF4 */
  	margin: 10px 0 10px 0;

  }
  
   .ie7 #niceClassDialog #niceSearchBox #txtNiceSearch {
     margin: 10px;
     margin-top:-2px;
  }
  
  .ie7 #btnClear{
  	margin-left: 3px;
  }

  #flip2 #btnClear{
	 position: absolute;
	right: 15px;
	bottom: 35px;
	width: auto;
  }
  
  .ie7 #flip2 #btnClear{
	width: 115px;
  }
  
  
  #niceClassDialog #niceSearchList {
    height: 105px;
    border: 1px solid #fff;
    background-color: #dfdfbe;    
    padding:5px;
    text-align: center;
  }
   
  #niceClassDialog #niceSearch_listButtons{
  	width: 103px;
  }
  
 
  #niceSearchList select{
  	width: 170px;
  }
  
  #niceSearchList input{
  	margin-bottom: 5px;
  } 

  #niceClassDialog #imgEuroClass {
    display:      block;
    width:        250px;
    height:       40px;
    line-height:  40px;
    margin:       0 auto;
    text-align: left;
    background:   transparent url('../images/euroclass.png') no-repeat right center;
  }
    #niceClassDialog #imgEuroClass span {
      display:  none;
    }

	#niceClassDialog .buttonBar {
	  padding:  5px 10px;
	  height:   30px;
	  border:   0px solid #f00;
	}

  	#niceClassDialog .x-dlg-dlg-body {
	    height: auto !important;
  	}
  
  	#niceClassDialog .ui-dlg-header{
  		/*z-index: 1500;
  		position: relative;*/
  		background: transparent;
	}
  
 	 #niceClassDialog  .flRight, 
 	 #viennaClassDialog  .flRight, 
 	 #locarnoClassDialog .flRight{
  		float:  right;
  		margin-top: 10px;
	}
	
  	#niceClassDialog  .flLeft, 
  	#viennaClassDialog .flLeft,
  	#locarnoClassDialog .flLeft  {
  		float:  left;
  		margin-top: 10px;
	}
	
	
	.logoEuroclassNC {
    	vertical-align: middle;
    	width: 20%;
	}
 	
 	
 	/* (TMV) NICE CLASS STUFF END*/
 	
 	
 	/* (TMV) NICE CLASS STUFF*/
 	
 	/**
 	* Vienna Codes page
 	*/
	#viennaClassDialog {
		background-color: #F0F0F0;
	}

	#viennaClassDialog h3 {
	  margin:     0;
	  padding:    5px;
	  font-size:  1em;
	}

	#viennaClassDialog .frame {
	  margin:           0 5px;
	  padding:          10px;
	}
	#viennaClassDialog .frame * {
	  vertical-align:   middle;
	}
	
	#viennaClassDialog .vienna-header .SearchModeControl{
		float: right;
		padding-right: 10px;
	}
	
	#viennaClassDialog select#cmbVcLanguage{
		min-width: 158px;
		float: right;
	}
	
	#viennaClassDialog .frame label {
	  display:  inline-block;
	  width:    auto;
	}
	#viennaClassDialog .frame input {
	  width:  89%;
	}
	#viennaClassDialog .frame button {
	}

	#viennaClassDialog #classes,
	#locarnoClassDialog #locarnoclasses {
	  width:  685px;
	  height: 210px;
	  margin: 10px auto 10px auto;
	  border: 0px solid #f00;
	}
	
    #viennaClassDialog #classes #available,
    #locarnoClassDialog #locarnoclasses #locarnoavailable {
      width:            42.5%;
      overflow:         hidden;
      vertical-align:   top;
      border:           2px inset #fff;
      background-color: #fff;
    }
    
	#viennaClassDialog #classes #available div,
	#locarnoClassDialog #locarnoclasses #locarnoavailable div {
	  height:     210px;
	  border: 0px solid #f00;
	}
	#viennaClassDialog #classes #available div div,
	#locarnoClassDialog #locarnoclasses #locarnoavailable div div{
	  height:     210px;
	  width:      100%;
	  overflow-y: auto;
	  border: 0px solid #f00;
	}
	#viennaClassDialog #classes #available ul#Fora,
	#locarnoClassDialog #locarnoclasses #locarnoavailable ul#thetree    { width: 95%; margin: 0; padding: 0; list-style: none; overflow: hidden; background-color: #fff; }
	#viennaClassDialog #classes #available ul#Fora ul,
	#locarnoClassDialog #locarnoclasses #locarnoavailable ul#thetree ul { margin: 0 0 0 10px; padding-left: 0px; list-style: none; }
	#viennaClassDialog #classes #available ul#Fora li,
	#locarnoClassDialog #locarnoclasses #locarnoavailable ul#thetree li { width: 265px; background: none; margin: 0; padding: 2px 0 0 2px; clear: both; cursor:pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; border:0px solid #f00; }
	#viennaClassDialog #classes #available ul#Fora li a span,
	#locarnoClassDialog #locarnoclasses #locarnoavailable ul#thetree li a span  { display:inline-block; padding-left: 12px; background-position:2px 2px !important; background-position:2px 3px; background-repeat: no-repeat; }
	#viennaClassDialog #classes #available ul#Fora li a:hover  { text-decoration: none; }
	#locarnoClassDialog #locarnoclasses #locarnoavailable ul#thetree li.checked,
	#viennaClassDialog #classes #available ul#Fora li.checked,
	#locarnoClassDialog #locarnoclasses #locarnoavailable ul#thetree li.checked  { background-color: #CCC; }
	#locarnoClassDialog #locarnoclasses #locarnoavailable ul#thetree li span.checked,
	#viennaClassDialog #classes #available ul#Fora li span.checked { background-color: #dfdfbe; }

    #locarnoClassDialog #locarnoclasses #locarnobuttons,
    #viennaClassDialog #classes #buttons {
      width:          15%;
      text-align:     center;
      vertical-align: middle;
    }
    
    #viennaClassDialog #classes #buttons .button,
    #locarnoClassDialog #locarnoclasses #locarnobuttons .button {
      width:  90px;
      margin: 2px 0;
    }

    #locarnoClassDialog #locarnoclasses #locarnoselected,
    #viennaClassDialog #classes #selected {
      width:          42.5%;
      vertical-align: top;
      overflow:         hidden;
      border:           2px inset #fff;
      background-color: #fff;
    }
	#locarnoClassDialog #locarnoclasses #locarnoselected div,
	#viennaClassDialog #classes #selected div {
	  height:     210px;
	  overflow-y: auto;
	  border: 0px solid #f00;
	}
	#locarnoClassDialog #locarnoclasses #locarnoselected ul,
	#viennaClassDialog #classes #selected ul {
	  width:      95%;
	  margin:     0;
	  padding:    0;
	  list-style: none;
	  overflow:   hidden;
	}
    #locarnoClassDialog #locarnoclasses #locarnoselected ul li,
    #viennaClassDialog #classes #selected ul li {
      width:          265px;
      margin:         0;
      padding:        2px 0 0 2px;
      list-style:     none;
      overflow:       hidden;
      text-overflow:  ellipsis;
      white-space:    nowrap;
      cursor:         pointer;
      border:0px solid #f00;
    }
    #locarnoClassDialog #locarnoclasses #locarnoselected ul li.selected,
    #viennaClassDialog #classes #selected ul li.selected {
      background-color: #e9e9d1;
    }
          
	#locarnoClassDialog .x-dlg-dlg-body,
	#viennaClassDialog .x-dlg-dlg-body {
	  height: auto !important;
	}
  
	.vienna-header{
		text-align: right;
		height: 30px;/*40px;*/
	}
	
	
	#viennaClassDialog #viennaSearchBox {
	  /*height: 105px;*/
	  margin: 0 0 5px 0;
	  padding: 5px 10px 5px 0;
	  text-align: right;
	  width: 97%;
	}

	.imgPlus {
	    background-image: url("../images/icon-plus-sign.gif");
	}
	
	.imgMinus {
    	background-image: url("../images/icon-minus-sign.gif");
	}
 	
 	/* (TMV) NICE CLASS STUFF END*/
 	
 	
 	
 	
 	
/*
 *	Search results table
 ***************************************
 */
 
	 .center{
	 	text-align: center;
	 }
 


	/* tabs with results */
 
 
 

	ul.tabs {
		margin: 0;
		padding: 0;
		float: left;
		list-style: none;
		border-bottom: 1px solid #999;
		width: 100%;
		margin-top: 5px;
	}
	
	#monitorTabs ul.tabs{
		border-bottom: none !important;
	}

	ul.tabs li {
		float: left;
		margin: 0;
		padding: 0;
		margin-bottom: -1px;
		overflow: hidden;
		position: relative;
		/*background: #E9E9D1; #e0e0e0;*/
	}
	
	ul.tabs li a {
	
		text-decoration: none;
		color: white;
		display: block;
		font-size: 100%;
		padding: 5px 5px 5px 5px;
		outline: none;
		float: left;
		border-top: 1px solid lightGrey;
		border-right: 1px solid lightGrey;
		border-left: 1px solid lightGrey;
		
		background: #002970;
		background: linear-gradient(top, #5177B8 0%,#002970 100%);
		background: -moz-linear-gradient(top, #5177B8 0%, #002970 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5177B8), color-stop(100%,#002970));
		background: -webkit-linear-gradient(top, #5177B8 0%,#002970 100%);
		background: -o-linear-gradient(top, #5177B8 0%,#002970 100%);
		background: -ms-linear-gradient(top, #5177B8 0%,#002970 100%);
		background: linear-gradient(top, #5177B8 0%,#002970 100%);
		
		/*iexplorer
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5177B8', endColorstr='#002970',GradientType=0 );
		*/
		margin: 0 1px;
		
	}
	
	.ie8 ul.tabs li a,
	.ie9 ul.tabs li a{	
		filter:none;
		background: url(../img/background-box-pattern.gif) repeat scroll 0 0 ;
		background-color: #002970 !important;
		
	}
	
	.ie7 ul.tabs li a{	
		filter:none;
		background: url(../img/background-box-pattern.gif) repeat scroll 0 0 transparent;
	}
	
	.ie6 ul.tabs li a{	
		filter:none;
		background: url(../img/background-box-pattern.gif) repeat scroll 0 0 transparent;
	}
	
	
	ul.tabs li.active a {
		
		border-bottom: 0px;
	    font-weight: bold;
	    color: white !important;    
		background: linear-gradient(top, #5177B8 0%,#002970 100%);
		background: transparent;
		text-shadow: 2px 1px 3px #193A72;
		background: #5177B8;
		background: -moz-linear-gradient(top, #5177B8 0%, #002970 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5177B8), color-stop(100%,#002970));
		background: -webkit-linear-gradient(top, #5177B8 0%,#002970 100%);
		background: -o-linear-gradient(top, #5177B8 0%,#002970 100%);
		background: -ms-linear-gradient(top, #5177B8 0%,#002970 100%);
		background: linear-gradient(top, #5177B8 0%,#002970 100%);
		
		/*iexplorer
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5177b8', endColorstr='#002970',GradientType=0 );
		*/
		
	}
	
	.ie8 ul.tabs li.active a {
		filter:none;
	}
	.ie7 ul.tabs li.active a {
		filter:none;
	}
	.ie6 ul.tabs li.active a {
		filter:none;
	}
	
	ul.tabs li a,ul.tabs li{
	
		  -moz-border-radius: 8px 8px 0 0; /* FF1+ */
	  -webkit-border-radius:  8px 8px 0 0; /* Saf3-4, iOS 1+, Android 1.5+ */
	          border-radius:  8px 8px 0 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
	          z-index: 3;
	          
	}
	
	
	#resultTabs ul.tabs li a{
		padding-right: 16px;
		z-index: 3;
		font-size: 80%;
	}
	
	#resultTabs ul.tabs li a:hover{
		background:none;
		background-color: #002970;
	}
	
	.ie8 #resultTabs ul.tabs li a:hover,
	.ie9 #resultTabs ul.tabs li a:hover{
		background:none;
		background-color: #5177B8;
	}
	
	#resultTabs ul.tabs li a.close_tab{
		padding:0px;
		border: 0px;
		cursor: pointer;
	}
	
	ul.tabs li a.close_tab{
	    position:absolute;
	    top: 5px;
		right: 5px;
		background: no-repeat url('../images/close_white.png') !important;
		background-repeat: no-repeat;
		height: 10px;
		width: 10px;
		/*opacity:0.8;*/
		
		
	}
	
	ul.tabs li a.close_tab:hover{
	  background: url('../images/close_white.png')!important;
	  /*opacity:1;*/
	  
	}
	
	.tab_container {
		border: 1px solid #999;
		border-top: none;
		overflow: hidden;
		clear: both;
		background: #DDDDDD; 	
		
	}
	#resultTabs .tab_container {
		min-height: 530px;
	}
	
	#accordion.tab_container{
		border: none !important;
	}
	
	.tab_content {
		font-size: 100%;
		background-color: #DDD;
		width: 100%;
	}
	
	#tabGrid .RowsView{
		 padding: 5px 5px 20px 5px; 
	}
	
	.tab_detail{
		padding: 0px;
	}
	
	/* end tabs */
 
 
	.highlight{background-color: rgb(255,255,0);}
	
	/* 
	 * Jquery UI tabs 
	 */
	.ui-tabs .ui-tabs-nav li {
		margin:0 0.2em 0 0;
		padding:5px 0 0;
		border-bottom: 1.8px solid #D3D3D3 !important;
	}
	.ui-tabs .ui-tabs-nav li a {padding:0.2em 1em;}
	/*.ui-tabs .ui-tabs-nav li.monitortabs:not(.active) a {color: #FFF!important;}*/
	
	.ui-tabs {border:0;padding-left:0;padding-right:0}
	.ui-tabs .ui-tabs-panel {border-width:0;display:block;min-height: 3em;}
	.ui-tabs .ui-tabs-panel p label {line-height: 20px; padding-right:1em} 

	/* 
	 * Basket & Search boxes 
	 */
	#search, #myListBox {min-height:10em;position:relative}
	#myListBox a {color:#000c4a; font-style: italic;}
	.innerBox .title h3 {background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);color:#FFFFFF;font-size:13px;font-weight:bold;margin:-19px -19px 20px;padding:5px 10px;text-shadow:0 1px 1px #000000;font-size: 100%;}
	#myListBox div.items p.Bcontent span {background-color: #000C4A;}

	/* Title */
	#myListBox .links{font-size:0.85em;}
	#myListBox .links {margin: 1.1em 0 0;}
	#myListBox .links li {border: 0 none; display: inline; float: left; margin: 0.35em 0.6em 0 0; padding: 0.3em 0;}
	#myListBox .links li.button {padding-top:0;margin-top:1px}
	#myListBox .links li a,
	#myListBox .links li span { color:#000c4a;text-decoration: none;padding: 0.5em 0.8em; background-color: #EFEFEF; -moz-border-radius: 4px 4px 4px 4px; font-weight:bold; border:1px solid #ddd}

	/* left menu boxes */

	#previousTipOfTheDay {
    	left: 4px;
    	position: absolute;
    	top: 5px;
    	z-index: 20;
	}
	#nextTipOfTheDay {
	    left: 18px;
	    position: absolute;
	    top: 5px;
	    z-index: 20;
	}
	.arrowTip {
 	   	height: 18px;
    	opacity: 0.8;
    	width: 10px;
	}
	.title_tips {
    	padding-left: 30px;
	}
	
	
	.imgNotAvailable{
		width: 100px;
		height: 100px;
	}



	/* NEWS */
	
	.newsDivCont{
		height: 250px;
		overflow-y:scroll;
		overflow-x: hidden;
	}
	
	.newsDivCont .newsAlertItem{
		float: left;
		margin: 10px;
	}
	
	.newsDivCont .date{
		color: #2356AB;
		font-weight: bold;
		font-size: 86%;
		float: right;
		display: block;
		width: 100%;
		text-align: right;
		margin: 2px;		 
	}
	
	.newsDivCont .title{
		color: black;
		font-weight: bold;
		font-size: 85%;
		float: right;
		display: block;
		width: 100%;
		text-align: right;
		margin: 2px;
	}
	
	.newsDivCont .description{
		 color: black;
		font-size: 85%;
		float: right;
		text-align: left;
		width: 100%;
		margin-top: 2px;
	}
	
	.newsDivCont .separator{
		border-top: 1px dotted #2356AB;
		float: left;
		width: 100%;
		height: 1px;
		padding: 0px;
		margin-top: 5px;
	}

	.newsDivCont .more {
		display: block;
		margin-left: 85%;
		padding:5px;
		padding-bottom:10px;
	    background: url('../images/arrowMoreGrey.png') no-repeat 0 0;
	    text-decoration: none;
	    margin-top: 5px;
		margin-bottom: 5px;
	}
	
	.newsDivCont .more:hover{
	    background: url('../images/arrowMore.png') no-repeat 0 0;
	}
	
	.newsDivCont a { text-decoration:none }
	/* End news */
	
	

	/* 
	 * Footer 
	 */
	#footer {
		position:relative; 
		font-size: 85%; 
		height: 50px; 
		background-color: #23282C;
		clear: both;
		border: 0px;
		min-width: 1024px;
		width: 100%;
	}
	.ie6 #footer {position:relative; font-size: 85%; color: #FFFFFF; margin: 0; height: 60px; background: #033333; } 
	#footer a {color: #FFFFFF;}	
	#footer p {color:#888;line-height:1.4em; padding:5px }
	/*.ie6 #footer .grid_6 {width:50%}*/
	#footer .grid_6 {text-align:center}
	#footer .grid_2 {position:absolute;top:0}
	#footer .last  {right:0}
	/* Hide secondary footer!! */
	#footer .content .grid_10 {display:none}



/* STATUS MONITOR PROVISIONAL */ 

#offices1, #tp1 {
	float: left;
	width: 92%;
	height: 99%;
	/*margin: 1% 0 1% 4%;*/
	padding-left: 12px;
}

#offices1 .office_cell, #tp1 .office_cell {
    float: left;
    padding: 1px;
    margin: 1px;
    -moz-border-radius: 	4px 4px 4px 4px; 		/* FF1+ */
  	-webkit-border-radius:  4px 4px 4px 4px; 	/* Saf3-4, iOS 1+, Android 1.5+ */
  	border-radius:  		4px 4px 4px 4px; 			/* Opera 10.5, IE9, Saf5, Chrome, FF4 */
    /* 5 columns 
    width: 20%; */
     
	/* 4 columns */     
    width: 32%;
     

}

#offices1 .office_cell table.inactive *, #tp1 .office_cell table.inactive * {
    color: #CCCCCC;
}

#offices1 .office_cell table tr, #tp1 .office_cell table tr {
    height: 17px;
}

#offices1 .office_cell table .col1, #tp1 .office_cell table .col1{
    text-align: center;
    width: 17px;
    padding-right: 2px;
    cursor: pointer;
}

#offices1 .office_cell table .col1 div, #tp1 .office_cell table .col1 div{
	height: 17px;
	background-color: #CCCCCC;
}

#offices1 .office_cell table .col1 div.pending, #tp1 .office_cell table .col1 div.pending {
	background: url("../images/search_monitor/loading.gif") no-repeat;
}

#offices1 .office_cell table .col1 div.ok, #tp1 .office_cell table .col1 div.ok{
	background: url("../images/search_monitor/icon-ok.png") no-repeat;
}

#offices1 .office_cell table .col1 div.warning, #tp1 .office_cell table .col1 div.warning {
	background: url("../images/search_monitor/icon-warning.png") no-repeat;
}

#offices1 .office_cell table .col1 div.exceeded, #tp1 .office_cell table .col1 div.exceeded {
	background: url("../images/search_monitor/icon-plus.png") no-repeat;
}

#offices1 .office_cell table .col1 div.error, #tp1 .office_cell table .col1 div.error {
	background: url("../images/search_monitor/icon-error.png") no-repeat;
}

#offices1 .office_cell table .col1 div.ok.inactive, #tp1 .office_cell table .col1 div.ok.inactive {
/*	background: url("../images/search_monitor/icon-ok-bw.png") no-repeat;*/
}

#offices1 .office_cell table .col1 div.exceeded.inactive, #tp1 .office_cell table .col1 div.exceeded.inactive {
	background: url("../images/search_monitor/icon-plus-bw.png") no-repeat;
}

#offices1 .office_cell table td.col3, #tp1 .office_cell table td.col3 {
	text-align: left;
	padding-left: 2px;
}

#monitor_status button {
    display: inline !important;
    padding-top: 2.5px !important;
    position: relative;
    top: 1px;
}

#monitor_status_bt {
    font-size: 0.83em;
    height: 21px;
    margin-left: 15%;
    text-align: center;
    width: 56px;
}

#monitor .officeInfoLinkActive {
    color: #224488;
}

#monitor .officeInfoLinkActive:hover{
    text-decoration:underline;
    cursor: pointer;
}

/* STATUS MONITOR PROVISIONAL END*/



/* ADVANCED SEARCH - START */

	#SearchBoxIndicators, #BasicSearchBoxIndicators{
		position: absolute;
		right: 5px;
		top: 35px;
	}
	
	#SearchBoxIndicators{
		display: none;
	}
	
	.selectedcriteria {
		padding: 0;
	}
	
	.deleteDates{ cursor: pointer; }
	.ui-datepicker-trigger{ cursor: pointer; }
	
	ul.criterialist {
		list-style-type: none;
		padding: 10px 0px;
		text-align: left;
	}
	
	#mynewwatch ul.criterialist {
		list-style-type: none;
		padding: 10px 0px;
		text-align: left;
		/*border: 2px solid #CCCCCC !important;*/
	}

	.buttonRight_OLD{
		float: right;
		padding-top: 30px;
	}
	
	.buttonRight{
		float: right;
		padding-right: 5px;
	}
	
	.buttonLeft{
		float: left;
		padding-left: 5px;
	}
	
	.criteriabox {
		padding: 10px 20px;
		text-align: center;
	}

	.criterialist li {
		padding: 5px 50px 5px 245px;
		position: relative;
		vertical-align: top;
		margin: 5px;
	}
	
	.criterialist li.doubleHeight {
		display: block;/*inline*/
		height: 30px;
	}
	
	.criterialist li:hover { 
		background-color:#f7f7f7;
	  -webkit-border-radius: 8px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
     -moz-border-radius: 8px; /* FF1-3.6 */
          border-radius: 8px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	 }
	
	.criterialist li span.label, .sortcriteria span.label {
		position: absolute;
		top: 6px;
		left: 40px;
		max-width: 250px;
	}
	
	.sortcriteria span.label#locarnoLabel {
		top: 16px;
	}

	.controlrow {
		margin: 0 50px;
		display: inline-block;
		width: 100%;
	}
	
	.logiccombo {
		left: 10px;
		position: absolute;
	}
	
	.LocarnoClassClassControl{
		padding: 5px 5px 5px 0px;
	}
	
	.LocarnoSubClassClassControl{
	 	padding: 5px 5px 5px 0px;
	}
	
	#LocarnoClass,#LocarnoSubClass{
		width: 400px;
	}
	.LabelAdvancedSearch{
		font-weight: bold;
		font-size: x-small;
		margin-left: 5px;
	}
	
	.smallFont{
		font-size: 90%;
		padding-left: 10px;
	}
	
	#DesignatedTerritories,
	#SelectedOffices,
	#SelectedOfficesWatch,
	#PriorityCountry,
	#DesignStatusControl,
	#DesignStatusWatch,
	#LocarnoClass, 
	#LocarnoSubClass, 
	#cmbSortField, 
	#cmbOrder,
	#TradeMarkType{
		width: 395px;
		padding: 6px 2px 2px 3px!important; 
		/*padding: 4px;*/
		border: 2px inset #EEEEEE;
		-moz-border-radius: 4px 4px 4px 4px; /* FF1+ */
		-webkit-border-radius: 4px 4px 4px 4px;/* Saf3-4, iOS 1+, Android 1.5+ */
		border-radius: 4px 4px 4px 4px;/* Opera 10.5, IE9, Saf5, Chrome, FF4 */
		background-color: white;
	}
	
	#LocarnoClass,#LocarnoClassWatch, #LocarnoSubClass, #LocarnoSubClassWatch, #cmbSortField, #cmbOrder{
		padding: 2px 2px 0px 3px!important;
		width: 400px!important;
	}
	
	#TradeMarkStatus{
		width: 200px;
		background-color: white;
		padding: 6px 2px 2px 3px!important; 
		border: 2px inset #EEEEEE;
		-moz-border-radius: 4px 4px 4px 4px; /* FF1+ */
		-webkit-border-radius: 4px 4px 4px 4px;/* Saf3-4, iOS 1+, Android 1.5+ */
		border-radius: 4px 4px 4px 4px;/* Opera 10.5, IE9, Saf5, Chrome, FF4 */
		background-color: white;
		margin-top: 3px;
		margin-bottom: 3px;
		
	}
	
	#IndicationOfProduct,#OwnerName,#PreviousOwnerName,#RepresentativeName,#DesignerName,#VerbalElement, #TrademarkName, #ApplicantName, #TrademarkReferenceNumber, #watch_name, #ApplicationNumber{
		width: 400px;
		background-color: white;
	}
	
	#NiceClass, #ViennaClass{
		width: 400px;
		background-color: white;
	}
		
	#DesignStatus,#DesignNumber,#ConventionPriorityNumber,#ExhibitionPriority{
		width: 200px; background-color: white; }
	
	
	#closeButton{
		background-color: red;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 2px;
		font-size: 7px;
		border: 1px solid black;
		color: white;
		font-weight: bold;
		margin: 3px;
	}
	
	#multiselectCountries{ 	width: 200px; z-index: 10 }
	
	#multiselectCountries ul{
	 position:absolute;
	 z-index:999999999999999;
	 background-color:white;
	 text-decoration: none;
	 list-style-type:none; 
	 width: 200px; 
	 height:200px;
	 overflow-y: scroll;
	 overflow-x: hidden;  
	 border: 2px solid #EDEDED;
		-webkit-border-bottom-right-radius: 7px;
		-webkit-border-bottom-left-radius: 7px;
		-moz-border-radius-bottomright: 7px;
		-moz-border-radius-bottomleft: 7px;
		border-bottom-right-radius: 7px;
		border-bottom-left-radius: 7px;	 	
	}

	#multiselectCountries ul li{
	 float: left;
	 text-decoration: none;
	 list-style-type:none;
	  width: 180px;
	  padding: 2px;
	  margin: 0px;
	}
	
	#multiselectCountries ul li img{
		width:16px;
		height:12px;
		margin: 0px;
		padding: 0px;
		margin-left: 3px;
		margin-right: 3px;
		margin-top: 3px;
	}
	.country{
		padding: 0px;
		margin: 0px;
	}
	
	.labelMultiselect{
		font-size: 9px;
		color: navy;
		float: right;
		margin: 2px;
	}
	
	.resetSearch{
		position: relative;
		height: 40px;
	}
	
	#btnClearAdvancedSearch{
		position: relative;
		float: right;
		/*right: 5px;*/
		top: 5px;
		bottom: 5px;
	}
	
	#SearchCopy{
		position: relative;
		float: right;
		right: 5px;
		top: 5px;
		bottom: 5px;
	}
	
	#advanced_search_form .error{
		border: 1px inset red; /*solid*/
	}
	
	#mynewwatch .error{
		border: 2px inset red;
		border-radius: 4px 4px 4px 4px;   
	}
	
	#searchForm .error{
		border: 1px inset red;/*solid*/
	}
	
	#watchForm {
	}
	
	.watchQuery{
		display: none;
	}
	
	
	#lnkAdvancedSearch[disabled="disabled"],
	#lnkFilters[disabled="disabled"] {
		color: #AAA !important;
		pointer-events: none;
		/*background-image: url("../images/button-advsearch-open-disabled.gif");*/
	}

	
	#advanced_search_form .resetSearch input{ padding:5px; margin:0 5px 0 5px;	}
	#mynewwatch .dpicker{ width: 70px; }
	
	
	
	
	

/* ADVANCED SEARCH - END */



/* AUTOCOMPLETE TMDSVIEW */
.autocomplete-header, .clearHistory{
	float: right;
	float: right;
	float: r;
	color: blue;
	font-size: x-small;
}

.ui-menu-item{
	font-size: small;
}

/******************/
	/*help center menu*/
		
			/* toolbar menu */
			.helpCenter_menu
			{
				background-color: #D3D3D3;
			    border-radius: 4px 4px 4px 4px;
			    height: 85%;
			    left: -190px;
			    margin-left: 50%;
			    position: absolute;
			    top: 4px;
			}

			.helpCenter_menu ul li{
				float: left;
			    height: 50px;
			    list-style: none outside none;
			    margin: 3px;
			    position: relative;
			    text-align: center;
			    width: 60px;
			}

			.helpCenter_menu ul li:hover{
				bottom: 15px;
			}
			
			.helpCenter_menu ul li img{
				cursor: pointer;
			    height: 40px;
			    padding: 0;
			    width: 40px;
			}
			
			.helpCenter_menu ul li img:hover{
				width: 50px;
				height: 50px;
			}
			
			.helpCenter_menu ul li.active{
				border: solid 1px #F5F5F5;
				border-color: #004D94;
			}
	
	/*help center menu*/
	/******************/


/****************************/
/* GRID PRINT RESULT DIALOG */
/****************************/

.printCornerButton{
	float: right;
	margin: 10px;
}

#ContentResults .row {
	width: 100%;
	margin-top: 10px;
	float: left;
	border: 1px solid grey;
	margin-bottom: 10px;
	text-align: center;
}

#ContentResults .image { 
	 width: 23%;
	 float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0px;
	margin: 1%;
	font-size: 90%;
	position: relative;
	
}
#ContentResults .numberid{
	position: absolute;
	font-size: 8px;
	top: 154px;
	left: 43%;
}

#ContentResults .image .size { 
	width: auto;
	height: 150px;
	max-width:150px;
	padding: 2px;
	text-align: center;
}

#ContentResults .data { 
	width: 74%; 
	float: left; 
	padding: 3px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 80%;
	text-align: left;
}

#ContentResults .data .info { float: left; width: 95%; margin-left: 10px; margin-top: 5px; margin-right: 5px;}
#ContentResults .data .info .infoKey {font-weight:bold; float: left;}
#ContentResults .data .info .infoVal {margin-left: 5px; padding-right: 20px;}

.paddingHeader{ padding: 10px; }
.previewPrintRows{ list-style-type: none; margin: 5px; }
.previewPrintRows li {
	width: 22%;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 85%;
}
.checkBoxPanel{
	float: left;
	padding: 1%;
}

.wrapword{
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	word-break: break-all;
	white-space: normal;
}

/**********************************/
/* END - GRID PRINT RESULT DIALOG */
/**********************************/


.multiSelectOptions{
	height: 450px;
}



.DesignatedTerritoriesControl .multiSelectOptions{
	height: 300px!important;
} 

.SelectedOfficesControl .multiSelectOptions{
	height: 300px!important;
} 

.TrademarkTypeControl .multiSelectOptions{
	/*min-width: 205px;
	width: 205px;*/
	height: 410px!important;
}

.TrademarkStatusControl .multiSelectOptions{
	min-width: 205px;
	height: 100px;
	width: 205px;
}

/*LOGIN/REGISTER*/

.captcha_box{
	background-color: white;
}
.registerButton{
	margin-top: 10px;
}

#loginBox { width:40%; /*height:300px;*/float:left;margin-right: 10px;}

#registerBox {width:auto; /*height:300px;*/float:left;margin-right: 10px;}
	
.toolbar ul li.login {
	padding-top: 6px;
	margin: 0;
}

.toolbar ul li.login img {
	float: right;
	vertical-align: sub;
	margin: 0;
}

.ie6 .toolbar ul li.login img,.ie7 .toolbar ul li.login img {
	/*float: none;*/
}
/* login button */
.toolbar ul li.login .button,.button:visited {
	background: -moz-linear-gradient(center top, #5177B8 0%, #002970 100%)
		repeat scroll 0 0 transparent;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	position: relative;
	cursor: pointer;
	font-weight: 700;
	line-height: 1;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	font-size: 14px;
	background-color: #036;
	padding: 5px 14px 6px;
}

.toolbar ul li.login .button:hover {
	background-color: #111;
	color: #fff;
}

.toolbar ul li.login .button {
	font-size: 95%;
	float: right;
	top: 13px;
	right: -42px;
}

#topBar .login {
	background-image: none;
	display: inline;
	float: right;
	position: absolute;
	right: 10px;
	top: 65px;
}

/* 
 * Login form
 */
#login, #lnkwatch, #btnSave, #btnCancel {
	display: block;
	font-size: 85%;
	margin-bottom: 5px;
	position: relative;
	text-decoration: none;
	top: 7px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

#logout {
	font-size: 85%;
	text-decoration: none;
	top: 7px;
}

.ie6 #login {
	width: 120px;
}

#login .roundBox {
	display: block;
}

#login .panelLogin {
	padding: 10px;
}

#login .submit {
	padding: 10px;
	position: absolute;
	right: 20px;
	top: 62px;
}

#login .submit p {
	padding: 0px 0 5px;
}

#login .panelLogin div {
	margin: 0;
	padding-bottom: 18px;
	width: 456px;
}

#login label {
	color: #888888;
	display: block;
	font-size: 12px;
}

#login .text {
	font-size: 18px;
	line-height: 20px;
	margin: 0;
	padding: 3px;
	width: 280px;
}

#loginBox #loginDiv, #registerBox #registerDiv {
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	background: url(../img/background-box-pattern.gif) repeat scroll 0 0
		transparent;
}

#loginForm #loginPasswordBar div {
	width: 95%;
	text-align: right;
	padding-bottom: 5px;
}

.ie7 #loginForm #loginPasswordBar div {
	width: 70%;
	text-align: right;
	padding-bottom: 5px;
}

#loginForm .passwordLinks {
	font-size: 0.9em;
	vertical-align: bottom;
}

/*LOGIN END*/

	#pleaseLogin{
		color:	red;
		margin-left: 0px !important;
		padding: 0;
	}
	
	#tabShowAlerts{
		height: 220px;
		font-size: 12px;
	}

	#trackTmds{
		padding: 10px;
		background: white !important;
		height: 160px !important;
		z-index: 10;
	}
	
	.checkbox_no{
		background: url("../images/alerts/checkbox_no.png") no-repeat;
		height: 20px;
		width: 20px;
	}
	
	.checkbox_yes{
		background: url("../images/alerts/checkbox_yes.png") no-repeat;
		height: 20px;
		width: 20px;
	}
	
	.alert_flag{
		background: url("../images/alerts/flag_grey.png") no-repeat;
		height: 16px;
		width: 16px;
		cursor: pointer;
	}
	
	.alert_flag.flag_red{
		background: url("../images/alerts/flag_red.png") no-repeat;
		height: 16px;
		width: 16px;
	}
	
	div#trackContainer{
		padding: 10px;
	}
	
	#alertsTabTable{
		z-index: 10;
	}

    #alertsTab {
        height: 156px;
        background-color: #fbfaf8;
        font-size: 12px;
    }
    
    #alertsTab.needLogin {
        height: 156px;
        background-color: #fbfaf8;
        color: gray;
    }
    
    #alertsTab td {
        padding-top:        2px;
        padding-bottom: 2px;
        padding-right:  20px;
        padding-left:       20px;
    }
    
    #alertsTab .lefttd {
        padding-left:       0px;
        font-weight: bold;
    }
    
    #alertsTab.needLogin td{
        color: #A1A1A1;
    }
    
    #alertsTab .vBar {
        width:      1px;
        padding:    0px;
        border:   0px;
        margin:     0px;
        background-color: #e1e1e1;
    }
	
	#alertsTabButtons{
		text-align: right;
		float: right;
		/*padding-bottom: 5px;*/
		margin-top: -30px;
	}
	
	#alertsErrorMessage{
		float: left;
    	left: 13px;
    	padding-left: 10px;
    	padding-top: 15px;
    	position: absolute;
    	width: 400px;
    	color: #FF9999 !important;
    	bottom: 15px;
	}
	
	#alertsInfoMessage{
		color: #228800 !important;
    	float: left;
    	left: 15px;
    	padding-left: 10px;
    	padding-top: 15px;
    	position: absolute;
    	width: 300px;
    	bottom: 15px;
	}
	
	#triggers {
  		border: 1px solid #CCCCCC;
  		width: 60%;
  		padding: 5px;
  		height: 95px;
	}
	#triggers input{
	}
	
	#triggers #daysLimit{
		display: none;
		padding-bottom: 5px;
	}

	#triggers #triggerDatePeriodDaysLimit{
		margin-left: 20px;
	}
	
	td.lefttd{
		width: 250px;
	}
	
	.validationHighlighted {
  		border: 2px solid #FF9999 !important;
	}

	
	.imgCalendar {
		background-image: url("../img/icon-calendar.gif");
		background-repeat: no-repeat;
		width: 18px;
		height: 18px;
		vertical-align: middle;
    	/*padding-top: 7px;*/
	}


   .ie6   .imgCalendar {
		background: url("../img/icon-calendar.gif");
		background-repeat: no-repeat;
		width: 25px;
		height: 5px;
    	padding-top: 7px;
	}

.hand{
	cursor: pointer;
}


	#myalerts{
		color: #FAA61A !important;
		font-size: 12px !important;
	}
	.myAlertsSpan{
		float: left;
	}

	#userAlerts{
		background-color: transparent;
		padding: 0px;
		width: 100%;
		margin-left:0px;
		margin-top:5px;
		border: 1px #bbb solid;
	}
	
	#userWatches{
		background-color: transparent;
		padding: 0px;
		width: 100%;
		margin-left:0px;
		margin-top:5px;
		border: 1px #bbb solid;
	}
	
	.ie9 #userAlerts{
				 
	}
	
	.ie8 #userAlerts{
				 
	}
	
	.ie7 #userAlerts{
				 
	}
	 
	
	.ie6 #userAlerts{
		
	}
	
	
	
	#userAlerts th, #userWatches th{
		color:			#fff;
		font-size: 12px !important;
		
		-moz-background-clip: border;
    	-moz-background-origin: padding;
    	-moz-background-size: auto auto;
    	
    	background-repeat: repeat-x;
    	height: 20px;
    	line-height: 20px;
    	border-right: 1px solid #fff !important;
    	padding-bottom: 0 10px 0 10px;
    	white-space: normal!important;
	}
	
	#userAlerts .titleCenter, 
	#userWatches .titleCenter{
    	border: none; 
		background-color: #5177B8;
		background-repeat: repeat;
	}
	
	 
	
	.ie7 #userAlerts .titleCenter{
    	font-size:80%;
    	text-align:left;
   	 	height: -10px; 
		background-repeat: repeat;
		background-color: #5177B8;
	}
	
	.ie6 #userAlerts .titleCenter{
    	font-size:80%;
    	text-align:left;
   	 	height: -10px; 
	  	background-repeat: repeat;
		background-color: #5177B8;
	}
	
			
	#userAlerts .titleLeft,
	#userWatches .titleLeft{
		background-position: left top;
    	background-repeat: repeat;
		border-bottom-color: -moz-use-text-color;
    	border-bottom-style: none;
		background-color: #5177B8;
	}
	
	.ie7 #userAlerts .titleLeft{
		 
    	margin-top:5px;
    	font-size:80%;
    	height: -10px; 
    	text-align:left;
     	background-repeat: repeat;
		background-color: #5177B8;
	}
	
	.ie6 #userAlerts .titleLeft{
    	margin-top:5px;
    	font-size:80%;
		height: -10px; 
    	text-align:left;
     	background-repeat: repeat;
		background-color: #5177B8;
	}
	
	
	#userAlerts .titleRight,
	#userWatches .titleRight{
		background-position: right top;
    	background-repeat: repeat;
		border: none !important;
		background-color: #5177B8;
	}
	
	.ie7 #userAlerts .titleRight{
    	font-size:80%;
    	height: -10px; 
    	text-align:left;
    	background-repeat: repeat;
    	background-position: right top;
		background-color: #5177B8;
	}
	
	.ie6 #userAlerts .titleRight{
			 
    	font-size:80%;
    	height: -10px; 
    	text-align:left;
    	background-repeat: repeat;
    	background-position: right top;
		background-color: #5177B8;
	}
	
	.ie8 #userAlerts .titleRight{
		 
		 
    	font-size:80%;
    	height: -10px; 
    	text-align:left;
    	background-repeat: repeat;
    	background-position: right top;
		background-color: #5177B8;
	}
	
	
	
	
	#userAlerts thead th, 
	#userWatches thead th{
		border: 1px solid #CCCCCC;
		font-weight: bold;
		text-align: left;
		vertical-align: middle;
	}
 
	
	#userAlerts thead tr,
	#userWatches thead tr{
		height: 25px;
		border: 1px #bbb solid;
	}
	
	
	#userAlerts tr,
	#userWatches tr{
		height: 20px;
	}
	
	#userAlerts tr.even{
	}
	
	#userAlerts tr.odd, 
	#userWatches tr.odd{
		background-color: #f3f3f3;
	}
	
	#userAlerts tr.even, 
	#userWatches tr.even{
		background-color: #f3f3f3;
	}
	
	#userAlerts td.actions{
		width: 7% !important;
	}
	
	#userAlerts th, 
	#userAlerts td {
		align:	left;
		padding: 2px 10px 2px 10px;
		border: 1px solid #CCC !important;
	}


	
	#userWatches td.actions{
		width: 10%;
	}
	
	#userWatches td.watchPublication{
		width: 160px;
		max-width: 160px;
	}
	
	#userWatches th, 
	#userWatches td {
		align:	left;
		padding:2px 0 2px 10px;
		border: 1px solid #CCC !important;
	}
	
	#userAlerts td.trademarkName{
		width:	190px;
	}
	
	#userAlerts td.trademarkOffice{
		width:	10%;
		text-align: left;
	}
	
	#userAlerts td.trademarkReferenceNumber{
		width:	20%;
		text-align: right;
	}
	
	#userAlerts td.trademarkOppositionDeadline{
		width:	50px;
	}
	
	#userAlerts td.active{
		width: 8%;
	}
	
	#userAlerts td.active input.activeCheck{
		width:	15px;
	}
	
	#userAlerts td.activationDate{
		width:	10%;
	}
	
	#userAlerts td.daysLeft{
		text-align: right;
		width: 10%;
	}
	
	#userAlerts td.daysLeftLimit{
    	text-align: right;
    	width: 10%;
	}

	#userAlerts td.daysLeftLimit input{
		width:	60px;
		text-align: right;
		float: right;
	}
	
	
	
	#userAlerts td .editAlert,
	#userWatches td .editWatch{
		height: 15px;
		padding-left: 5px !important;
		cursor: pointer;
		display: block;
		width: 15px;
		position: relative;
		background: transparent url(../images/slideLogin/editAlert.png) no-repeat 0 0;
	}

	#userAlerts a.deleteAlert,
	#userWatches td .deleteWatch{
		height: 15px;
		padding-left: 5px !important;
		cursor: pointer;
		display: block;
		width: 15px;
		position: relative;
		background: transparent url(../images/slideLogin/deleteAlert.png) no-repeat 0 0;
	}
	
	#userWatches td .loadWatch{
		height: 15px;
		padding-left: 5px !important;
		cursor: pointer;
		display: block;
		width: 15px;
		position: relative;
		background: transparent url(../images/icon-magnifying.png) no-repeat 0 0;
	}
	
	#userAlerts a.saveChangesAlert{
		height: 15px;
		padding-left: 5px !important;
		cursor: pointer;
		display: block;
		width: 15px;
		position: relative;
		background: transparent url(../images/slideLogin/saveChangesAlert.png) no-repeat 0 0;
	}
	
	
	#userAlertresults #displayTagFrame{
		margin-top: 5px;
		padding: 0 5px 30px;
		width: 97%;
	} 
	
	#userAlertresults #displayTagFrame #paginationNumbers{
		display: inline;
	}
	
	#userAlertresults #myAlerts{
		min-height: 20px;
    	padding: 10px;
	}
	
	#watchresults #watchDisplayTagFrame{
		float: left; 
		margin-top: 25px;
		padding: 0 5px 10px 5px;
		width: 99%;
	} 
	
	#addNewWatch{
		float: right;
		padding-top: 5px;
	}
	
 .ie8 #userAlertresults #displayTagFrame{
		float: left; 
		padding: -40px 35px 10px 25px;
	} 
	
	.ie9 #userAlertresults #displayTagFrame{
		float: left; 
		padding: 0 0px 10px 5px;
	} 
	
	.ie8 #myAlerts
	{
		padding: -40px 35px 10px 20px;
	  	margin-top: -33px;
	
	}
	
	#myAlerts .overview{
	 	margin-left: 5px; 
	 	float:left;
	 }
	
	#alertLegend{
		 
		 margin-left:10%;
		 position:relative;
		 padding: 0px 0px 0px 0px;
		 width: 90%;
		 font-size: 80%;
	}
	
	
	#alertLegend td{
		padding-left: 0px;
	    width: 5px;
	}
	
	#alertLegend span,
	#alertLegend div{
		float: right;
	}
 
 
	.ie8 #alertLegend .legendText{
		color: #6E6E6E;
		height:30px;
	 	float: right;
	 	padding-right: 10px;
	}
	
	.ie8 #alertLegend .legendText2{
		color: #6E6E6E;
		height:30px;
	 	float: right;
	 	padding-right: 10px;
	 	margin-right: -227px;
	}
	
	.ie8 #alertLegend .monitoringImage2{
		margin-right: -239px;
	}
	
	
	
	.ie8 #tabShowAlerts
	{
	 /* height:140px; (problem big table) */
	  padding: 43px 100px 50px 50px;
	}
	
	#alertLegend .legendText{
		color: #6E6E6E;
		padding-right: 10px;
		float: right;
	}
	
	  
   .ie7 #alertLegend table{
		width: 240px;
		 
		margin-top: 80px;
		margin-left: 100px;
	 
	}
	 
  
   .ie6 #alertLegend table{
			width: 240px;
		 
		margin-top: 80px;
		margin-left: 100px;
	}
	 
	#subAlertLegend{
		 margin-right:10px;
	}
	 
	 @-moz-document url-prefix() {
		  
		   #refresh {
		 
		  /*margin-left: -2%;
		  margin-top: 25px;
		 position:absolute;*/
		 }
		 
}
		 
	#userAlertresults .pagebanner,
	#mywatches .pagebanner{
		color:	#6E6E6E;
		float: left;
		padding-top: 10px;
	}
	
	
	#userAlertresults .pagelinks,
	#mywatches .pagelinks{
		float: right;
		padding-top: 10px;
	}
	
	label[hidden]{
		display:none;
	}
	
	#userAlertresults .first{
		float: left;
	}
	
	#userAlertresults .prev{
		float: left;
	}
	
	#userAlertresults .next{
		float: left;
	}
	
	#userAlertresults .last{
		float: left;
	}

	#alertsTabTable .errorHighlighted{
		border-color: #CC0033;
		background-color: #F2F5A9;
	}

/* ALERTS */

/* ALERTS END */


/* tipsy */

/* 
 * Tipsy Tooltips 
 * Source Code: http://plugins.jquery.com/project/tipsy
 * 
 */
	.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../img/tipsy.gif); }
	.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 350px; text-align: center; }
	.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
	.tipsy-north { background-position: top center; }
	.tipsy-south { background-position: bottom center; }
	.tipsy-east { background-position: right center; }
	.tipsy-west { background-position: left center; }

/* tipsy END*/

.RowsView{
	width:100%;
}



/* invite a friend */

.ifriend h2 {
	margin-top: 0px;
}

.ifriend #form_mesg {
	background-color: #004D94;
	color: white;
	padding: 10px;
	font-weight: bold;
}

.ifriend .errorHighlighted {
	border-color: #CC0033;
}

.ifriend .noHighlighted {
	border-color: #777777;
}


.ifriend .rounded {
	-moz-border-radius: 4px 4px 4px 4px; 
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.ifriend .tag_pdescription {
	float: left;
}

.ifriend .tag_supportedl {
	float: right;
	margin-right: 5px;
}

.ifriend .textareapd {
	width: 540px;
}

.ifriend .wrapper_button {
	float: right;
	padding-top: 10px;
}

.ifriend #sChoice {
	margin: 0px 0px 20px 0px;
}

.ifriend .box_notice {
	background: #4A8A24;
	color: white;
	font-weight: bold;
	padding-top: 20px;
	padding-left: 20px;
}

.ifriend .box_title {
	color: #EFE708;
	font-size: 13px;
	font-weight: 700;
	margin: -19px -19px 5px;
	padding: 5px 10px;
	border-bottom: 1px dotted #CCC;
}

.ifriend .box_notice_error {
	background: #FF3333;
}

.ifriend .wrapper_support_languages {
	width: 100%;
	float: right;
}

.ifriend .button,.ifriend .button:visited {
	position: relative;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	cursor: pointer;
	line-height: 1;
	font-size: 100%;
	padding: 5px 14px 6px;
	text-shadow: 2px 1px 3px #193A72;
	font-weight: bold;
	border: 1px solid #012B71;
	background: #5177B8;
	background: none;
	background: -moz-linear-gradient(top, #5177B8 0%, #002970 100%)	!important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5177B8),color-stop(100%, #002970)) !important;
	background: -webkit-linear-gradient(top, #5177B8 0%, #002970 100%) !important;
	background: -o-linear-gradient(top, #5177B8 0%, #002970 100%) !important;
	background: -ms-linear-gradient(top, #5177B8 0%, #002970 100%);
	background: linear-gradient(top, #5177B8 0%, #002970 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5177b8',endColorstr='#002970', GradientType=0) !important;
}

.ifriend #error_description {
	float: right;
}

.ifriend .captcha_box {
	width: 600px;
	height: 140px;
	padding-top: 9px;
}

.ifriend .captcha_box_l {
	width: 240px;
	float: left;
	border: dotted 1px;
	height: 67px;
	padding-left: 8px;
}

.ifriend .captcha_text_up {
	float: left;
	padding: 5px;
}

.ifriend .captcha_resp {
	float: left;
	padding: 5px;
}

.ifriend .captcha_box_r {
	border: solid 1px;
	height: 67px;
	width: 195px;
	overflow: hidden;
	border-left: none;
}

.ifriend .tomail_box {
	padding: 5px;
	padding-left: 0px;
}
.ifriend .name_box {
	padding: 5px;
	padding-left: 0px;
}

.ifriend .subject_box {
	padding: 5px;
	padding-left: 0px;
}

.ifriend .file_box {
	padding: 10px;
	padding-left: 0px;
}

.ifriend #error_captcha {
	height: 0px;
	position: relative;
	left: 322px;
	top: 78px;
}

.ifriend #error_mail {
	position: relative;
	left: 485px;
	top: -20px;
	height: 0px;
}

.ifriend #error_description {
	position: relative;
	top: 3px;
	left: 6px;
}

/* end invite a friend*/


/*  wizard search report*/

	/* Flag error */
	.flagImageError{
		padding: 10px;
		border: 1px solid #7A0000;
		background-color: #F0B1AA;
		color: black;
		margin: 10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		box-shadow: 3px 3px 3px #888888;
		margin-bottom: 20px;
		font-weight: bold;
	}

	/* STEP 2 carousel */
	#containerCarousel{

	/*
		float: left;
		margin-top: 10px;
		margin-bottom: 10px;
		width: 100%;
		border: 1px solid #AAAAAA;
	*/

float: left;
width: 96%;
border: 1px dotted #AAAAAA;
padding: 1%;
margin: 1%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;


		
	}
	#carousel{ 
		list-style-type: none; 
	}
	#carousel li{ float: left; }
	#carousel img{
		width: 75px;
		height: auto;
		margin: 3px;
		box-shadow: 3px 3px 5px #888888;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	.upload-up{
	 	width: 35px;
	 	height: auto;
	}

	.upload-del{
	 	width: 35px;
	 	height: auto;
	}

	#step2FormFile input{
		margin: 2px;
	}
	.searchReportBar input{
		margin: 2px;
	}

	.wizard{
		width: 80%;
		margin-left: 10%;
		margin-top: 1%;
		margin-bottom: 1%;
		background-color: white!important;
		background: white!important;
		float: left;
	}
	
	.subwizard{
	    height: 100%;
	    width: 100%;
	}

	.wizard .roundBox h3 {
        padding: 15px 5px;
        background: url("../images/background-top-box-h3.gif") repeat-x scroll 0 0 transparent;
    }
    
    .wizard .leftDiv{
		float: left;
	    width: 70%;
	   	height: 100%;
	   	padding: 2%;
	   	border-right: 5px solid #DDD;
    }
	
	.wizard .rightDiv{
	    float: left;
	    width: 20%;  
	    height: 100%;
	    padding: 2%;
    }
    
	.wizard form.form{
	    width: 100%;
	    min-height: inherit;
	}
	
	.wizard form.formLogoStep1{
	    width: 100%;
	}
	
	.wizard form.formStep1{
	    width: 100%;
	}
	
	.wizard form div.searchReportBar{
		width: 100%;
		padding-top: 10px;
	}
	
	.wizard form div.searchReportBar input{
		margin-right: 5px;
	}
	
	.wizard span.label {
	    left: 40px;
	    max-width: 300px;
	    width: 300px;
	    color: #444444;
	    font: Verdana 12px;
	}
	
	.wizard input.srinput {
	    left: 40px;
	    max-width: 500px;
	    width: 500px;
	    color: #002970;
	    font: Verdana 12px;
	    background-color: #FFFFFF;
	    border: 1px solid #AAA;
	    padding: 2px;
	}
	
	.wizard input.srinput.errorHighlighted {
		border-color: #CC0033;
		background-color: #F2F5A9;
	}
	
	.wizard .freeTextBlock input.srinput{
		max-width: 600px;
	    width: 85%;
	}
	
	.wizard input.srinput:hover {
		border-color: #5177B8;
	}
	
	.wizard input.rounded {
		-moz-border-radius: 4px 4px 4px 4px; 
		-webkit-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;
	}
	
	.wizard img#searchReportLogoImg,
	.wizard img#desownReportLogoImg{
		max-height: 100px;
		max-width: 100px;
	}
	
	.wizard #searchReportFile,
	.wizard #desownReportFile
	{
		/*display: -moz-box;*/
	}
	
	.wizard #uploadMultiple
	{
		margin-top: 20px;
		margin-bottom: 30px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background: #F6F6F6;
		border: 1px solid #ccc;
		padding: 1%;
		min-height: 60px;
		width: 97%;
		display: inline-block;
		padding: 3px;
	}
	.wizard #uploadMultiple #uploadButtons{
		float: right;
	}
	
	.wizard .subshadow-wrapper {
		width: 100px;
		height: 100px;
		max-width: 100px;
		max-height: 100px;
		margin-bottom: 20px;
	}
	.wizard input#searchReportLogo,
	.wizard input#desownReportLogo{
		border-radius: 4px 4px 4px 4px;
    	margin-bottom: 15px;
	}
	
	.wizard .rightDiv .stepHelpInfoIcon{
    	 background: url("../images/help_40.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	    color: #224488;
	    font-size: 150%;
	    height: 40px;
	    margin: 3px;
	    padding-left: 50px;
	    padding-top: 8px;
	    vertical-align: middle;
	    width: 90%;
    }
	
	
	.wizard .rightDiv .stepHelp{
    	color: #224488;
    	font-style: italic;
    }
    
    
    .wizard .rightDiv .stepHelp .helpTitle{
    	font-weight: bold;
    }
    
    .wizard .rightDiv .stepHelp .helpText{
    }
    
    .wizard #step3Form #searchReportQueryDiv {
    	border: 1px solid #808080;
    	padding: 4px;
    	color: #444444;
    	font-weight: bold;
	}
	
	.wizard #step3Form #searchReportQueryDiv #searchReportQuery {
		cursor: default;
		font-weight: bold;
		color: #5177B8;
	}
	
	.wizard #step3Form .searchReportBox,
	.wizard #step5Form .searchReportBox,
	.wizard #desownStep12Form .searchReportBox{
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background: #F6F6F6;
		border: 1px solid #ccc;
		padding: 1%;
		margin: 10px 0;
	}
	
	.wizard #step3Form #searchReportColumns input[type="checkbox"],
	.wizard #step12Form #searchReportColumns input[type="checkbox"],
	.wizard #desownStep12Form #desownReportColumns input[type="checkbox"] {
		margin: 3px;
		padding: 3px;
	}
	
	.wizard #step4Form .addbuttons,
	.wizard #desownStep2Form .addButtons,
	#desownAboutAddText,
	#desownReferencesAddText,
	.addbuttons{
    	border: 1px solid #ABABAB;
    	padding: 0.4em 0.5em;
    	margin-right: 5px;
    	color: #002970;
    	-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		font-weight: bold;
	}
    
    .wizard textarea{
    	resizable: none;
    	color: #002970;
    	font-family: PT Sans,Verdana;
    	font-size: 13px;
    	max-width: 600px;
    	width: 85%;
    } 
    
    .wizard .freeTextBlock{
    	border: 3px solid #DDDDDD;
    	padding: 10px;
    	-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		margin-top: 10px;
    }
    
    .wizard .sectionDelete{
    	background: url("../images/deleteSection.png") no-repeat;
		cursor: pointer;
		float: right;
		height: 16px;
		width: 	16px;
		margin-top: 1px;
		margin-left: 8px;
    }
    
    .wizard .sectionDelete:hover{
    	background: url("../images/deleteSection-hover.png") no-repeat;
    }
    
    
    .wizard .sectionUp{
    	background: url("../images/arrow-up.png") no-repeat;
		cursor: pointer;
		float: right;
		height: 16px;
		width: 	16px;
		padding-left: 2px;
    }
    
    .wizard .sectionUp:hover{
    	background: url("../images/arrow-up-hover.png") no-repeat;
    }
    
    
    .wizard .sectionDown{
    	background: url("../images/arrow-down.png") no-repeat;
		cursor: pointer;
		float: right;
		height: 16px;
		width: 	16px;
		padding-left: 2px;
    }
    
    .wizard .sectionDown:hover{
    	background: url("../images/arrow-down-hover.png") no-repeat;
    }
    
    
    .wizard .searchReportBar .disabled{
    	cursor: default;
    }
    
    .wizard div#accept.red,
    .wizard div#desownAccept.red{
    	border: 1px solid #CC0033;
    	background-color: #F2F5A9;
    }
    
    .wizard div#accept,
    .wizard div#desownAccept{
    	padding: 5px;
    	border: 1px solid #DDD;
    	border-radius: 4px 4px 4px 4px;
    }
    
    .wizard span#selectOne.red,
    .wizard span#desownSelectOne.red{
    	color: #CC0033;
    }
    
    .wizard span.disclaimer{
    	font-style: italic;
    }
    
/*  END wizard search report*/



/* tables print statistics */
table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
	background: url("../images/background-top-box-h3.gif") repeat-x scroll 0 0 transparent;

}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}

.tableKey,.printStatisticsHeader{
	font-weight: bold;
	color: #22447B;
}
.noresults{
	color: gray;
}
/* tables print statistics */


/* sub shadow 3d effect for divs */

.subshadow-wrapper:before, .subshadow-wrapper:after {
    border-radius: 10px 10px 10px 10px / 90px 90px 90px 90px;
    bottom: 15px;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    content: "";
    height: 20%;
    left: 10px;
    position: absolute;
    transform: rotate(-3deg);
    width: 150px;
    max-width: 150px;
    z-index: -2;
    float: left;
}
.subshadow-wrapper:after {
    left: auto;
    right: 10px;
    transform: rotate(3deg);
    max-width: 150px;
}
.subshadow-horizontal {
    /*border-radius: 10px 10px 10px 10px / 90px 90px 90px 90px;*/
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), -2px 0 3px 2px rgba(255, 255, 255, 0.6) inset, 2px 0 3px 2px rgba(255, 255, 255, 0.6) inset, -10px 0 10px 1px rgba(155, 155, 155, 0.1) inset, 10px 0 10px 1px rgba(155, 155, 155, 0.1) inset;
    padding: 10px 37px;
}
.subshadow-horizontal {
    /*padding: 10px 40px;*/
}
.subshadow-wrapper {
    background-color: #F7F8E0;
    box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.6);
    margin: 0 auto;
    min-height: 60px;
    position: relative;
}

.subshadow-carousel {
    height: 102px;
    overflow: hidden;
    position: relative;
}

/* sub shadow 3d effect for divs END*/

.floater {
	/*background: yellow;
    height: 200px;
    width: 100%;
    position: fixed;
    bottom: 0px;
    z-index: 5;
    border-top: 2px solid gold;*/
}


/* sidebar navigation */
.sidebar-nav {
    float: left !important; 
    background: #d3d3d3 !important;
    margin-top: -2px !important;
    margin-bottom: -2000px !important; 
    padding-bottom: 2000px !important;
    border: none !important;
    list-style: none outside none !important;
    padding-right: 0 !important;
    font-size: 0.7rem;
    min-width: 160px;
    border-right: #aaa 1px solid !important;
    width: 120px;
}

.sidebar-nav li {
    text-indent: 5px;
    line-height: 25px;
    padding: 0 !important;
}
.sidebar-nav li:last-child {
    border-bottom: #aaa 1px solid !important;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}

.sidebar-nav li:hover a {
    min-width: 134px;
    text-decoration: none;
    color: #000;
    text-indent: 15px;
    font-weight: 800;
    background: rgba(255,255,255,0.5);
    border-right: #d3d3d3 4px solid;  
    
    /*position: relative;
	background: #aaa;
	border: 1px solid #aaa;*/
}

.sidebar-nav li.sidebar-nav-active a {
    min-width: 159px;
    border-right: #aaa 1px solid !important;
    font-weight: 800 !important;
    background: #ffffff;
}

.sidebar-nav li.sidebar-nav-active:hover a:hover {
    min-width: 159px;
    border-right: #aaa 1px solid !important;
    text-indent: 20px;
    background: #ffffff;
    color: #555555;
    cursor: default;
}


/* show arrow */
.arrow_box {
	position: relative;
	background: #aaa;
	border: 1px solid #aaa;
}

/*.arrow_box:hover:after, .arrow_box:hover:before,*/
.arrow_box.ui-tabs-selected:after, .arrow_box.ui-tabs-selected:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(100, 100, 100, 0);
	border-left-color: #bbb;
	border-width: 15px;
	margin-top: -15px;
}
/*.arrow_box:hover:before ,*/
.arrow_box.ui-tabs-selected:before{
	border-color: rgba(100, 100, 100, 0);
	border-left-color: #bbb;
	border-width: 16px;
	margin-top: -16px;
}


/* main content */
.filter-inner-container {
    left: 15px !important;
    width: 77%;
    position: relative !important;
    top: -30px;
    border: 1px solid #aaa !important;
    border-radius: 10px;
}

#monitor_tabs #filter-tabs .ui-widget-header{
	background: none; 
	border: none;
	padding: 0px;
}

#monitor_tabs #filter-tabs .ui-widget-header li{
	border-radius: 0px;
	/*background: url("../../../images/jquery-ui/smoothness/ui-bg_glass_75_e6e6e6_1x400.png") repeat scroll 0 0 rgba(0, 0, 0, 0);*/
}


div#filter-tabs-tp div#tp-warning {
    float: left;
    margin-top: 20px;
    padding: 5px 5px 5px 10px;
}