/*******************************************************************************

	Cascading stylesheet
  
  0. Typography
	  0.1 Body typography
	  0.2 Titles & subtitles typography
	  0.3 Form elements typography
	  0.4. Table typography

  1. BASE
      1.1 Reset
      1.2 HTML5 Elements
      1.3 Accessibility Navigation & Hide
      1.4 Clear floated elements
      1.5 Default styles
	  
  2. COMMON
      2.1 Container
      2.2 Header
      2.3 Navigation
      2.4 Content
      2.5 Sidebar
      2.6 Footer

  3. PAGES
      3.1 Home page
		3.2 Plans and pricing
		3.3 Advantage
		3.4 Text
		3.5 New alert
		3.6 My alerts
		3.7 Registration
		3.8 Login
		3.9 Dashboard
		3.10 My account

*******************************************************************************/


/* 1. BASE
--------------------------------------------------------------------------------
==============================================================================*/


/* 1.1 Reset
------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }

.cleaner {   /* zalamovaci prvek */
    clear: both !important;
    font-size: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: auto !important;
}

/* 1.2 HTML5 Elements
------------------------------------------------------------------------------*/

article, aside, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

/* 1.3 Accessibility Navigation & Hide
------------------------------------------------------------------------------*/

#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }

/* 1.4 Clear floated elements
------------------------------------------------------------------------------*/

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.cleaner { clear: both; }
.clearfix:after, .cols:after, .btn:after, .box:after, .box-grey:after, .post-its:after,
.plans:after, .spacer:after, .spacer-2:after { clear: both; content: '&nbsp;'; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }

.fl {float: left}
.fr {float: right}
.displayblock {
	display: block !important;
}

/* 1.5 Default styles
------------------------------------------------------------------------------*/

html,
body {height: 100%;}

/* Hide all sections from alert creation and editing, so they won't show on loading
 * 
 */

p,
ul,
ol,
table { margin: 0 0 20px; }
ol li { list-style: decimal inside; padding: 3px 0; }
ul li { padding: 3px 0 3px 20px; background: url(../gfx/bullet_1.png) left 10px no-repeat; }
th,
td { padding: 5px 10px; border: 1px solid #2b547c; }

 
 
 
#query_builder_basic, #industries, #regions, #topics_not, #final-settings {display: none;}
hr { display: none; }


.inner ul.submenu li {list-style-type:none;display:inline; background:none;}


.graypadding {padding:15px 30px 10px 30px; margin-bottom:-5px; text-align:left;}

.fl-right {float:right !important;}
.fl-left {float:left !important;}

.whytable td {width:300px;}

#alert_keywords_label {margin-bottom:10px;}
#examptext {margin-bottom:10px; height:40px !important;}


.next-step, .create-alert-button {margin-left:10px;}


#eyesymbol {	
	background: url('../gfx/infoboxc.png');
	background-position: 30px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
	zoom: 1;}
	
#upgradebrowser {display:none;text-align:center;background-color:#fffcce;}




/* T. TYPOGRAPHY */

/* T1. Body typography */

body { font: 14px/1.6 Arial, Helvetica, sans-serif; background: #fff; color: #000; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
a, a:visited { color: #3c9235; text-decoration: underline; }
a:hover, a:active { color: #3c9235; text-decoration: none; }
a:focus { outline: none; }

/* T2. Titles & subtitles typography */

h1 { font: bold 60px 'RockwellStd', Verdana, Arial, sans-serif; color: #c5221d; text-shadow: rgba(255, 255, 255, .90) 0 -1px 0; }
.sub h1 { font: bold 45px/1 'RockwellStd', Verdana, Arial, sans-serif; }
h1 span { color: #43709b; }
h2 { margin: 0 0 20px; font: normal 36px 'VodafoneRg', Arial, sans-serif; color: #000;
text-shadow: rgba(255, 255, 255, .01) 0 -1px 0; }
h2.new-alert-title { color:#fff; font: bold 36px/1 'RockwellStd', Verdana, Arial, sans-serif;text-shadow: 0 -1px 0 rgba(156, 156, 156, 0.9);}
h2.thin { font-size: 33px; font-weight: 100; color: #2b547c; }
h2 span { font-weight: bold; color: #c5221d; }
h3 { margin: 0 0 5px; font: normal 22px 'RockwellStd', Verdana, Arial, sans-serif; text-transform: uppercase;
color: #3d3d3d; text-shadow: rgba(255, 255, 255, .90) 0 -1px 0; }
h3.smaller { font-size: 18px; }
h4 { margin: 0 0 5px; font-size: 15px; text-transform: uppercase; color: #3d3d3d; text-shadow: rgba(255, 255, 255, .90) 0 -1px 0; }
h6 {font-size:13px; color:#888888;}


/* T3. Form elements typography */

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif; 
	letter-spacing: 1px;
}

.watermark {
   color: #888 !important; /* Used for examples in inputs and textarea */
}


/* T4. Table typography */
th { 
	font-weight: bold; 
	color: #2b547c; 
}


.inner ul.submenu li.active a {
	color:black; 
	text-decoration:none;
}


#examptext {
	font-size:12px; 
	font-weight:400; 
	font-style:italic; 
	color:#555;}





/* 2. COMMON
--------------------------------------------------------------------------------
==============================================================================*/



/* 2.1 Container
------------------------------------------------------------------------------*/

.container { position: relative; min-height: 100%; height: 100%;background: #F2F2F2; }
body>.container { height: auto; }
.container-inner { padding-bottom: 153px;background: #F2F2F2; }
.inner { position: relative; width: 960px; margin: 0 auto; }


/* 2.2 Header
------------------------------------------------------------------------------*/

#header { height: 80px; overflow: hidden; background: #2b373f url(../gfx/bg_header.png) repeat-x; }
#header .inner { height: 80px; }
.login { position: absolute; right: 20px; top: 7px; font-size: 10px; line-height: 12px; color: #c3c3c3; overflow:visible;}

.login a { color: #71d6ec; }
.top .inner.no-bgd {
    background: none repeat scroll 0 0 transparent;
    margin: 0 auto;
    text-align: left;
    width: 940px !important;
	padding: 30px 0 15px;
}

#header .site-name { position: relative; top: 14px; left: 17px; display: block; overflow: hidden; width: 186px; height: 50px;
background: url(../gfx/logo_beta.png) no-repeat; }
#header .site-name a { display: block; width: 100%; height: 100%; text-decoration: none; }
#header .site-name a span { visibility: hidden; cursor: pointer; }


/* 2.3 Navigation
------------------------------------------------------------------------------*/

#navigation { position: absolute; right: 0; top: 25px; height: 36px; overflow: hidden;
font: bold 17px/34px 'VodafoneRg', Arial, sans-serif; text-shadow: rgba(0, 0, 0, .90) 0 -1px 0; }
#navigation ul { margin: 0; }
#navigation li { float: left; height: 36px; margin: 0 0 0 5px; padding: 0; background: none; }
#navigation li a { display: block; text-decoration: none; color: #b4c2cd; }
#navigation li.active a { color: #fff; }
#navigation a:hover { color: #f7fcff; }
#navigation a span,
#navigation a strong { display: inline-block; height: 36px; background-image: url(../gfx/sprite.png); }
#navigation a span { width: 15px; }

#navigation a strong { background-position: center 0; }
#navigation a span:last-child, #navigation a span.last-child { background-position: right 0; }
#navigation a span:first-child { background-position: 0 0; }
#navigation li.active a strong { background-position: center -36px; }
#navigation li.active a span:last-child, #navigation li.active a span.last-child { background-position: right -36px; }
#navigation li.active a span:first-child { background-position: 0 -36px; }
#navigation a:hover strong { background-position: center -72px; }
#navigation a:hover span:last-child { background-position: right -72px; }
#navigation a:hover span:first-child { background-position: 0 -72px; }


/* 2.4 Content
------------------------------------------------------------------------------*/

.top { border-bottom: 4px solid #dcdcdc; text-align: center; background: #72d6ec url(../gfx/bg_top.png) center top; }
.top .inner { width: auto !important; padding: 40px 0 0; background: url(../gfx/bg_top-inner.png) center bottom repeat-x; }

.middle { background: #f2f2f2; background-image:url(../gfx/middle-bg-bottom.png); background-repeat: repeat-x; background-position-y: bottom; background-position:bottom;}
.middle .inner { width: 940px; padding: 20px 10px; padding-bottom:0px; }

.middle-landing { background: #f2f2f2; }
.middle-landing .inner { width: 940px; padding: 20px 10px; }
.middle-landing .left-col #homeleftbox  {padding:25px 30px 0px 30px; text-align: justify; text-justify: newspaper; min-height:280px; }
.middle-landing .right-col #homerightbox {padding:15px 30px 10px 30px; text-align: justify; text-justify: newspaper; min-height:280px; font-size:95%;}


.insert { background: #dcdcdc url(../gfx/bg_insert-bottom.png) center bottom no-repeat; }
.insert .inner { width: 940px; padding: 20px 10px; background: url(../gfx/bg_insert-top.png) center top no-repeat; }

.bottom { background: #fff; }
.bottom .inner { padding: 20px 0; }
.text-only .inner { width: 880px; padding-left: 40px; padding-right: 40px; }





/* 2.5 Sidebar
------------------------------------------------------------------------------*/

#sidebar { }


/* 2.6 Footer
------------------------------------------------------------------------------*/

#footer { position: absolute; left: 0; bottom: 0; width: 100%; height: 153px; overflow: hidden; font-size: 12px;
background: #26333c url(../gfx/bg_footer.png) repeat-x; color: #637784; }
#footer .inner { height: 153px; background: url(../gfx/bg_footer-inner.png) center top no-repeat; }
#footer nav { position: absolute; left: 27px; bottom: 22px; }
#footer nav li { float: left; padding: 0; background: none; }
.copy { position: absolute; right: 27px; bottom: 22px; display: block; }
#footer a { color: #85a3b7; }
#footer .active a,
#footer a:hover { color: #cbe0ee; }



/*2.7 Corporate colors
------------------------------------------------------------------------------*/
.bluetext {color:#43709a !important;}
.redtext {color:#c4211c !important;}


/* 3. PAGES
--------------------------------------------------------------------------------
==============================================================================*/


/* 3.1 Home page
------------------------------------------------------------------------------*/

.envelope {position: relative; width: 960px; min-height: 150px; margin: 0 auto; font-size: 13px;
background: url(../gfx/bg_envelope-top.png) center top no-repeat; }
.envelope-inner { padding: 35px 190px 68px; background: url(../gfx/bg_envelope.png) -1px bottom no-repeat; }
.envelope-inner p #motto {padding-bottom:10px;} 
.sub .envelope-inner { padding: 35px 90px 110px;}
.envelope p { margin: 0 0 10px; }
.envelope a { color: #000; }
.motto { font: normal 21px 'VodafoneRg', Verdana, Arial, sans-serif; color: #2b2b2b;
text-shadow: rgba(255, 255, 255, .01) 0 -1px 0; }
.arr { position: absolute; left: 165px; bottom: 109px; display: block; width: 156px; height: 90px; overflow: hidden;
background: url(../gfx/bg_arr.png) no-repeat; }

.btn { display: inline-block; text-align: center; font-family: 'RockwellStd', Arial, sans-serif; text-decoration: none !important;
color: #fff !important; cursor: pointer; }
.btn em,
.btn b { display: block; overflow: hidden; line-height: 1; }
.btn em { font-style: normal; }
.btn b { }
.btn span,
.btn strong { position: relative; float: left; background-image: url(../gfx/sprite.png); }

.btn-1 { height: 86px; }
.btn-1 span { width: 40px; height: 86px; }
.btn-1 span:last-child { background-position: right -108px; }
.btn-1 span:first-child { background-position: left -108px; }
.btn-1 strong { height: 86px; background-position: 50% -108px; }
.btn-1 em { padding-top: 5px; font: normal 16px 'VodafoneRg', Verdana, Arial, sans-serif;
text-shadow: rgba(48, 142, 40, .01) 0 -1px 0; }
.btn-1 b { padding-top: 20px; font-size: 22px; text-shadow: rgba(48, 142, 40, .90) 0 -1px 0; }

.btn-2 { height: 73px; }
.btn-2 span { width: 40px; height: 73px; }
.btn-2 span:last-child, .btn-2 span.last-child{ background-position: right -194px; }
.btn-2 span:first-child { background-position: left -194px; }
.btn-2 strong { height: 73px; background-position: 50% -194px; }
.btn-2 b { font: normal 22px/73px 'RockwellStd', Arial, sans-serif; text-shadow: rgba(48, 142, 40, .90) 0 -1px 0; }

.btn-3 { height: 73px; }
.btn-3 span { width: 40px; height: 73px; }
.btn-3 span:last-child { background-position: right -267px; }
.btn-3 span:first-child { background-position: left -267px; }
.btn-3 strong { height: 73px; background-position: 50% -267px; }
.btn-3 b { font: normal 22px/73px 'RockwellStd', Arial, sans-serif; text-shadow: rgba(141, 141, 127, .90) 0 -1px 0; }

.btn-4 { height: 39px; }
.btn-4 span { width: 15px; height: 39px; }
.btn-4 span:last-child { background-position: right -340px; }
.btn-4 span:first-child { background-position: left -340px; }
.btn-4 strong { height: 39px; background-position: 50% -340px; }
.btn-4 b { font: normal 16px/39px 'RockwellStd', Arial, sans-serif; text-shadow: rgba(48, 142, 40, .90) 0 -1px 0; }

.btn-5 { height: 25px; }
.btn-5 span { width: 8px; height: 25px; }
.btn-5 span:last-child { background-position: right -415px; }
.btn-5 span:first-child { background-position: left -415px; }
.btn-5 strong { height: 25px; background-position: 50% -415px; }
.btn-5 b { font: bold 15px/25px 'RockwellStd', Arial, sans-serif; text-shadow: rgba(127, 208, 240, .90) 0 -1px 0; }
.btn-5 i { font-weight: normal; font-style: normal; }

.btn-6 { height: 36px; }
.btn-6 span { width: 8px; height: 36px; }
.btn-6 span:last-child { background-position: right -379px; }
.btn-6 span:first-child { background-position: left -379px; }
.btn-6 strong { height: 36px; background-position: 50% -379px; }
.btn-6 b { font: normal 16px/36px 'RockwellStd', Arial, sans-serif; text-shadow: rgba(48, 142, 40, .90) 0 -1px 0; }

.btn-7 {
	height: 40px;
}

.btn-7 span { 
	width: 15px; 
	height: 40px;
}

.btn-7 span:last-child, .btn-7 span.last-child { 
	background-position: right -446px; 
}

.btn-7 span:first-child { 
	background-position: left -446px;
}

.btn-7 strong { 
	height: 40px;
	background-position: 50% -446px;
}

.btn-7 b { font: normal 14px/36px 'RockwellStd', Arial, sans-serif; text-shadow: rgba(48, 142, 40, .90) 0 -1px 0; }

.btn-12 {
	height: 40px;
}

.btn-12 span { 
	width: 15px; 
	height: 40px;
}

.btn-12 span:last-child, .btn-12 span.last-child { 
	background-position: right -975px; 
}

.btn-12 span:first-child { 
	background-position: left -975px;
}

.btn-12 strong { 
	height: 40px;
	background-position: 50% -975px;
}

.btn-12 b { font: normal 14px/36px 'RockwellStd', Arial, sans-serif; text-shadow: rgba(48, 142, 40, .90) 0 -1px 0; }

.btn-19 {
	height: 40px;
}

.btn-19 span { 
	width: 15px; 
	height: 40px;
}

.btn-19 span:last-child, .btn-19 span.last-child { 
	background-position: right -1015px; 
}

.btn-19 span:first-child { 
	background-position: left -1015px;
}

.btn-19 strong { 
	height: 40px;
	background-position: 50% -1015px;
}

.btn-19 b { font: normal 14px/36px 'RockwellStd', Arial, sans-serif; text-shadow: rgba(48, 142, 40, .90) 0 -1px 0; }

.btn-8 {
	height: 40px;
}

.btn-8 span { 
	width: 15px; 
	height: 40px;
}

.btn-8 span:last-child, .btn-8 span.last-child { 
	background-position: right -491px; 
}

.btn-8 span:first-child { 
	background-position: left -491px;
}

.btn-8 strong { 
	height: 40px;
	background-position: 50% -491px;
}

.btn-8 b { font: normal 14px/36px 'RockwellStd', Arial, sans-serif; text-shadow: rgba(48, 142, 40, .90) 0 -1px 0; }

.btn-9 {
	height: 40px;
}

.btn-9 span { 
	width: 20px; 
	height: 40px;
}

.btn-9 span:last-child { 
	background-position: right -533px; 
}

.btn-9 span:first-child { 
	background-position: left -533px;
	width:25px;
}

.btn-9 strong { 
	height: 40px;
	background-position: 50% -533px;
}

.btn-9 b { font: normal 14px/36px 'RockwellStd', Arial, sans-serif; text-shadow: rgba(48, 142, 40, .90) 0 -1px 0; }

.btn-10 {
	height: 40px;
}

.btn-10 span { 
	width: 15px; 
	height: 40px;
}

.btn-10 span:last-child { 
	background-position: right -577px; 
	width: 24px;
}

.btn-10 span:first-child { 
	background-position: left -577px;
}

.btn-10 strong { 
	height: 40px;
	background-position: 50% -577px;
}

.btn-10 b { font: normal 14px/36px 'RockwellStd', Arial, sans-serif; text-shadow: rgba(48, 142, 40, .90) 0 -1px 0; }

.btn-11 {
	height: 31px;
	float:right;
	/*margin: 6px 6px 0px 0px;*/
	position: relative;
	margin-top: 6px;
	right: 6px;
}

.btn-11 span { 
	width: 15px; 
	height: 31px;
}

.btn-11 span:last-child, .btn-11 span.last-child { 
	background-position: right -620px; 
	width: 31px;
}

.btn-11 span:first-child { 
	background-position: left -620px;
}

.btn-11 strong { 
	height: 31px;
	background-position: 50% -620px;
}

.btn-11 b { font: normal 12px/30px Arial, sans-serif; color:#505050; }

.topic.excluded .btn-12 {
	height: 31px;
	float:right;
	margin: 6px 6px 0px 0px;
}

.topic.excluded .btn-12 span { 
	width: 15px; 
	height: 31px;
}

.topic.excluded .btn-12 span:last-child { 
	background-position: right -692px; 
	width: 15px;
}

.topic.excluded .btn-12 span:first-child { 
	background-position: left -692px;
}

.topic.excluded .btn-12 strong { 
	height: 31px;
	background-position: 50% -692px;
}

.topic.excluded .btn-12 b { font: normal 12px/30px Arial, sans-serif; color:#505050; }

.topic .btn-12 {
	height: 31px;
	float:right;
	margin: 6px 6px 0px 0px;
}

.topic .btn-13 {
	height: 31px;
	float:right;
	margin: 6px 6px 0px 0px;
}


.topic .btn-12 span { 
	width: 15px; 
	height: 31px;
}

.topic .btn-13 span { 
	width: 15px; 
	height: 31px;
}

.topic .btn-12 span:last-child { 
	background-position: right -941px; 
	width: 15px;
}

.topic .btn-13 span:last-child { 
	background-position: right -951px; 
	width: 15px;
}



.topic .btn-12 span:first-child { 
	background-position: left -941px;
}

.topic .btn-13 span:first-child { 
	background-position: left -951px;
}

.topic .btn-12 strong { 
	height: 31px;
	background-position: 50% -941px;
	/*width:74px;*/
}

.topic .btn-13 strong { 
	height: 31px;
	background-position: 50% -951px;
	/*width:74px;*/
}


.topic .btn-12 b { font: normal 12px/30px Arial, sans-serif; color:#fff; }
.topic .btn-13 b { font: normal 12px/30px Arial, sans-serif; color:#fff; }


.btn-14 {
	height: 49px;
	float:right;
	margin: 6px 6px 0px 0px;
	font-family:Rockwell, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	text-shadow: 0 -1px 0 rgba(32, 90, 120, 0.9);
	text-align:left;
}

.btn-14 span { 
	width: 15px; 
	height: 49px;
}

.btn-14 span:last-child, .btn-14 span.last-child { 
	background-position: right -761px; 
	width: 15px;
}

.btn-14 span:last-child img, .btn-14 span.last-child img { 
	position: relative;
	top: -10px;
	right: 25px;
}

.btn-14 span:first-child { 
	background-position: left -761px;
}

.btn-14 strong { 
	height: 40px;
	background-position: 50% -761px;
	padding:9px 65px 0px 10px;
}

.btn-14 b { font: normal 12px/30px Arial, sans-serif; color:#fff; }

.btn-14 {
	height: 40px;
	float:right;
	margin: 6px 6px 0px 0px;
	font-family:Rockwell, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	text-shadow: 0 -1px 0 rgba(32, 90, 120, 0.9);
	text-align:left;
}

.btn-15 span { 
	width: 15px; 
	height: 40px;
}

.btn-15 span:last-child, .btn-15 span.last-child { 
	background-position: right -815px; 
	width: 23px;
}

.btn-15 span:last-child img, .btn-15 span.last-child img { 
	position: relative;
	top: -10px;
	right: 25px;
}

.btn-15 span:first-child { 
	background-position: left -815px;
}

.btn-15 strong { 
	height: 40px;
	background-position: 50% -815px;
	padding:0px 15px 0px 10px;
}

.btn-15 b { font: normal 14px/36px 'RockwellStd', Arial, sans-serif; text-shadow: rgba(48, 142, 40, .90) 0 -1px 0; }

.btn-16 span { 
	width: 15px; 
	height: 40px;
}

.btn-16 span:last-child { 
	background-position: right -857px; 

}

.btn-16 span:last-child img { 
	position: relative;
	top: -10px;
	right: 25px;
}

.btn-16 span:first-child { 
	background-position: left -857px;
	width: 23px;
}

.btn-16 strong { 
	height: 40px;
	background-position: 50% -857px;
}

.btn-16 b { font: normal 14px/36px 'RockwellStd', Arial, sans-serif; text-shadow: rgba(48, 142, 40, .90) 0 -1px 0; }

.btn-11.open {
	height: 31px;
	float:right;
	/*margin: 6px 6px 0px 0px;*/
}

.btn-11.open span { 
	width: 15px; 
	height: 31px;
}

.btn-11.open span:last-child { 
	background-position: right -658px; 
	width: 31px;
}

.btn-11.open span:first-child { 
	background-position: left -658px;
}

.btn-11.open strong { 
	height: 31px;
	background-position: 50% -658px;
}

.btn-11.open { font: normal 12px/30px Arial, sans-serif; color:#505050; }

.left-col,
.right-col { width: 460px; }
.left-col { float: left; }
.right-col { float: right; }
.cols h3 { text-align: center;/*padding-left: 23px;*/ }
.color-1 { color: #2c5882; }
.color-2 { color: #c5221d; }
.box { padding: 10px 20px; background: #fff; border-radius: 7px; }
.box-grey { padding: 10px 20px; background: #edede6; border-radius: 7px; }
.logos { text-align: center; margin: 40px 0 20px; }
.single-logos { height: 120px; margin: 0; line-height: 120px; }
.logos img { margin: 0 15px; }
.single-logos img { vertical-align: middle; }
.number { position: relative; padding: 5px 0 10px 33px; }
.nr { position: absolute; left: -10px; top: 20; width: 32px; height: 32px; overflow: hidden; line-height: 32px; text-align: center;
font-weight: bold; background: url(../gfx/bg_circle.png) no-repeat; color: #3d3d3d; text-shadow: rgba(255, 255, 255, .90) 0 -1px 0; }
.upper { display: block; text-transform: uppercase; color: #2b547c; }
.center { text-align: center; }
.indent { padding-left: 23px; }
.smaller { font-size: 13px; }
.box-logos { padding: 7px 45px; }
.box-logos img { float: left; }
.box-logos .margin { margin-right: 35px; }

.big-btn { position: relative; width: 940px; margin: 0 auto; padding: 7px 0;
background: url(../gfx/bg_big-btn.png) left top no-repeat; color: #2a2929; }
.big-btn-top,
.big-btn-bottom { position: absolute; left: 0; width: 100%; overflow: hidden; }
.big-btn-top { top: 0; height: 5px; background: url(../gfx/bg_big-btn.png) left top no-repeat; }
.big-btn-bottom { bottom: 0; height: 10px; background: url(../gfx/bg_big-btn.png) left bottom no-repeat; }
.big-btn-middle { background: url(../gfx/bg_big-btn.png) -940px 56px no-repeat; }
.big-btn-single { text-align: center; font: normal 30px/60px 'RockwellStd', Verdana, Arial, sans-serif;
text-shadow: rgba(255, 255, 255, .01) 0 -1px 0; }
.big-btn-single .big-btn-middle { padding: 0 10px; }
.big-btn-single a { text-decoration: none; font-weight: bold; color: #42719d; }
.underline { background-image: url(../gfx/bg_underline.png); background-repeat: no-repeat; }
.underline-1 { background-position: 0 37px; }
.underline-2 { background-position: 0 -263px; }
.underline-3 { background-position: 0 -566px; }
.big-btn-safe p { margin: 0; }
.big-btn-safe .safe { min-height: 68px; padding: 5px 20px 5px 105px; background: url(../gfx/ico_safe.png) 0 5px no-repeat; }
.big-btn-safe .safe strong { display: block; margin: 0 0 5px; font: normal 22px/22px 'RockwellStd', Verdana, Arial, sans-serif;
color: #42719d; text-shadow: rgba(255, 255, 255, .01) 0 -1px 0; }
.big-btn-safe .safe p { line-height: 18px; }

.post-its { margin: 0 0 20px; }
.post-it { float: left; width: 267px; height: 176px; padding: 26px 25px 0; overflow: hidden;
background: url(../gfx/bg_post-it.png) no-repeat; }
.post-it.margin { margin: 0 4px 0 0; }
.post-it h3 { margin: 0 0 10px; font: bold 24px 'VodafoneRg', Arial, sans-serif; text-transform: none; color: #2b547c; }
.block { display: block; }
.post-it .block { margin: 10px 0 0; }
.padded-box { padding: 0 10px; }
.main-image { display: block; margin: 0 0 20px; }

.box-grey h3 { float: left; width: 45%; padding: 0; font: normal 28px 'RockwellStd', Arial, sans-serif; text-transform: none;
color: #2b547c; }
.box-grey .btn { float: right; }
.box-grey p { margin: 0; }


/* Reasons to use IQalerts */

.imgKeywords {
	width:900px;
	height:305px; 
	background: url(../gfx/keywords.png); 
	}






/* 3.2 Plans and pricing
------------------------------------------------------------------------------*/

.plans { margin: 0 auto; }
.four-plans { width: 644px; }
.three-plans { width: 494px; }
.plan { float: left; }
.plan-margin { margin-right: 7px; }
.plan header,
.plan section { overflow: hidden; background-image: url(../gfx/sprite_plans_gray.png); }
.plan header { font-family: 'RockwellStd', Arial, sans-serif; color: #fff;
text-shadow: rgba(255, 255, 255, .01) 0 -1px 0; }
.plan section { padding: 0 7px; }
.plan ul { margin: 0 0 12px; font-size: 13px; }
.plan li { height: 29px; padding: 0; line-height: 29px; background: none; }
.plan .font { font: normal 13px/28px 'VodafoneRg', Arial, sans-serif;
text-shadow: rgba(255, 255, 255, .01) 0 -1px 0; }
.plan-3 .font { font-size: 15px; }
.plan .big { font-size: 17px; }

.plan-1 { width: 150px; margin-top: 19px; }
.plan-1 header { height: 40px; font-size: 22px; line-height: 40px; background-position: -320px 0; color: #64522e; }
.plan-1 section { height: 211px; padding: 0 5px; background-position: -320px bottom; }
.plan-1 ul { margin: 0 0 1px; }
.plan-1 li { height: 25px; line-height: 25px; border-bottom: 1px dashed #a8c6a7; }
.plan-1 .font { line-height: 25px; }
li.blue-btn { height: 57px !important; padding-top: 3px !important; line-height: 12px !important; }
.blue-btn div strong { display: block; margin: 0 -3px; font-size: 11px; }
.no-border { border-bottom: 0 !important; }

.plan-2 { width: 160px; margin-top: 0px; }
.plan-2 header { height: 43px; font-size: 22px; line-height: 43px; }
.plan-2 section { height: 280px; background-position: 0 bottom; }
.plan-2 li { border-bottom: 1px dashed #83c3d1; }

.plan-3 { width: 160px; }
.plan-3 header { height: 50px; font-size: 18px; line-height: 52px; background-position: -160px 0; }
.plan-3 section { height: 270px; background-position: -160px bottom; }
.plan-3 ul { margin: 0 0 16px; }
.plan-3 li { border-bottom: 1px dashed #a8c6a7; }

.spacer { margin-bottom: 25px; padding-bottom: 30px; background: url(../gfx/bg_spacer.png) center bottom no-repeat; }
.spacer-2 { margin-bottom: 25px; padding-bottom: 30px; background: url(../gfx/bg_spacer-2.png) center bottom no-repeat; }
.questions {font-size: 13px; }
.question { font-size: 16px; text-transform: none; }

.browsers { text-align: center; }
.browser { display: inline-block; margin: 15px 0 20px; line-height: 60px; color: #42719d; padding: 0 30px 0 70px; }
.browser-1 { background: url(../gfx/ico_ie.png) left center no-repeat; }
.browser-2 { background: url(../gfx/ico_ff.png) left center no-repeat; }
.browser-3 { background: url(../gfx/ico_sa.png) left center no-repeat; }
.browser-4 { background: url(../gfx/ico_ch.png) left center no-repeat; }

/* 3.3 Reasons to use + Advantages
------------------------------------------------------------------------------*/

.big-logos { float: right; width: 200px; margin: 0 0 0 60px; }
.big-logos { display: block; }
.big-logos img.margin { margin: 0 0 65px; }
.no-margin { margin: 0; }

.point { margin: 0 0 10px; padding: 20px 0 40px; background: url(../gfx/bg_spacer.png) center bottom no-repeat; }
.point-last { padding-bottom: 0; background: none; }
.point h2 { font: normal 22px 'RockwellStd', Verdana, Arial, sans-serif; text-transform: uppercase; color: #42719d; }
.point h2 span { font-weight: normal; color: #42719d; }
.point h2 strong { color: #c5221d; }
.point h2 .underline-1 { background-position: 0 24px; }
.point h2 .underline-2 { background-position: 0 -276px; }
.point h2 .underline-3 { background-position: 0 -576px; }

.point-inner { min-height: 160px; }
.point-1 .point-inner { padding: 0 70px 0 260px; background: url(../gfx/bg_point-1.png) 53px 5px no-repeat; }
.point-2 .point-inner { padding: 0 250px 0 70px; background: url(../gfx/bg_point-2.png) 740px 5px no-repeat; }
.point-3 .point-inner { padding: 0 70px 0 260px; background: url(../gfx/bg_point-3.png) 53px 5px no-repeat; }


/* Other landing pages: 
	Search balancer

*/ 

.img-search-balancer {
background: url("../gfx/search-balancer.jpg"); 
width:800px;
}



/* 3.4 Text
------------------------------------------------------------------------------*/

.left-img,
.right-img { width: 200px; font-size: smaller; }
.left-img { float: left; margin: 0 15px 10px 0; }
.right-img { float: right; margin: 0 0 10px 15px; }
.left-img img,
.right-img img { display: block; margin-bottom: 5px;}
.left-fig { float: left; width: 170px; margin: 0 15px 10px 0; padding: 10px; background: #f2f2f2; }
.right-fig { float: right; width: 170px; margin: 0 0 10px 15px; padding: 10px; background: #f2f2f2; }

/* 3.5 New Alert
------------------------------------------------------------------------------*/
#new-alert-container {
	margin:0 auto;
  width:955px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}


#new-alert-container section {
	margin:0 auto;
  	width:955px; /* reduce by 20 pixels to avoid horizontal scroll */
}


form#new-alert-form #getting_started label {
	display:block;
	font: normal 18px 'RockwellCE', Verdana, Arial, sans-serif;
	color:#42719d;
	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.9);
}

/* Keywords section - Getting Started */

.form-step-bubble { display: block; left: -10px; top: 0; height: 32px; width: 32px; overflow: hidden; line-height: 32px; text-align: center;
font-weight: bold; background: url(../gfx/bg_circle.png) no-repeat; color: #3d3d3d; text-shadow: rgba(255, 255, 255, .90) 0 -1px 0; }

#getting_started .form-step-bubble {
margin-bottom: 0px;
}
#new-alert-form .form-step-bubble {
float: left;
margin-right: 10px;
}



#getting_started label {
	margin-bottom: 10px;
}




input#keywords-textarea {
	width:730px !important; /*710px*/
	padding:0px 10px;
}

#rules-legend {
	margin-left:107px;
		width:712px; /*720px*/
}


input#keywords-textarea {
	margin-left:105px;
}



#button-advanced{
	float:right;
	margin-top:5px;
	margin-right: 100px /*195px*/;
}

/*determines all slider element position */

.ui-slider, #underslider, #slider-label {margin-left:300px;} 

#slider-preview-button {margin-left:420px; cursor:pointer; padding-top:0px;}

#slider-label {width:363px; text-align:center;}
#slider-label label {font: Arial 18px bold !important; font-weight: bold; }
#underslider {width:362px; background-color:blue; font-size:12px; color: #555; font-weight: bold;vertical-align:middle;}
#underslider img {margin-top:4px;}
#toleft {float:left;}
#toright {float:right;}


form#new-alert-form input,
form#new-alert-form textarea,
form#new-alert-form select {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#222;
}

form#new-alert-form input {
	border: 1px solid #cccccc;
	border-radius:5px;
	height:35px;
	/*width:427px;*/
}



form#new-alert-form #getting_started input,
form#new-alert-form #getting_started textarea,
form#new-alert-form #getting_started .tooltip-icon,
form#new-alert-form #getting_started .tooltip-help {
	float:left;
}

#alert-name-error {
	background-color: #FF6900;
	border: 1px solid white;
	border-radius: 5px;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	font-weight: bold;
	z-index: 1;
	margin-top: -37px;
	margin-right: 193px;
	position: relative;
	float: right;
	/*display: none;*/
}

#alert-keywords-error, #negative-keywords-error {
	background-color: #FF6900;
	border: 1px solid white;
	border-radius: 5px;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	font-weight: bold;
	z-index: 10;
	margin: -23px 138px 3px 0;
	position: relative;
	top: -5px;
	float: right;
	/*display: none;*/
	width:250px;
}

#negative-keywords-error {
    	display: none;
}

form#new-alert-form input[type=checkbox] {
	width: 18px;
	height: 18px;
	margin-top: 0;
	margin-left: 0;
}

form#new-alert-form textarea {
	border: 1px solid #cccccc;
	border-radius:5px;
}

form#new-alert-form .tooltip-icon {
	background: url('../gfx/tooltip-eye.png') no-repeat;
	display:block;
	height:30px;
	width:37px;
	display: inline-block;
	vertical-align:top;
	margin: 3px 0 0 10px;
	cursor: pointer;
	padding-right:13px;
}

form#new-alert-form .tooltip-icon:hover + .tooltip-help,
form#new-alert-form .tooltip-icon:hover + .tooltip-help2 {
	visibility:visible;
}

.visible {visibility:visible !important;}


.step-circle {
background-image: url('../gfx/step-circle.png');
width:20px !important;
}

#new-alert-form .step-subtitle {
	padding-top:5px;
	margin-left:32px;
}


#rules-legend {
	display:none;

	margin-top:10px;

	background:#f6f6f6;
	border:1px #ddd solid;
	padding:14px 20px 20px 14px;
	border-radius:5px;
}


.syntaxerror, .error {
	font: italic 15px Arial, sans-serif; color: #c63b38;

}


.syntaxerror {
	margin-top:10px;
	margin-left:45px;
}


.step-ms a {color:#888;font-weight:bold;}



a#button-advanced  {
	font-size:13px;
}
	



form#new-alert-form #getting_started label.radio {
	font:bold 12px Verdana;
	font-size: 12px;
	padding:5px;
	cursor:pointer;
	height:15px;
	border-radius:5px;
	}

form#new-alert-form #getting_started  label#queryrules-label {
	font:bold 13px Verdana; 
	float:left; 
	cursor:pointer;
}

form#new-alert-form #getting_started  input#queryrules-checkbox{
	width:auto; 
	cursor:pointer; 
	display:block;
		float:left; 
}
	
/*
form#new-alert-form #getting_started label.radio#defaultlabel:hover {
	background-color:#f6f6f6;
}	

form#new-alert-form #getting_started label.radio#booleanlabel:hover {
	background-color:#dadada;
}	
	*/

form#new-alert-form input[type=radio] {
	margin:0px;
	padding:0px;
	height: auto;
	width: auto;
	border:0px;
}




#tooltip_queryrules {
	width:700px; 
	padding:10px; 
	background-color:#c7e9f2; 
	border:1px #fff solid; 
	color:#505050; 
	border-radius:5px;
	font-size: 12px;
}


.rules-table i {
font-weight:bold;
}

#default-rules-table td {border: solid 1px #ccc; }
#boolean-rules-table td {border: solid 1px #ccc; }




.radio-container {
	border: 0px;
	
} 

.radio-container td {border:0px;padding:5px;}





#tooltip_queryrules b, #tooltip_queryrules i 
{font-size:14px;
color:#206a99;
font-family:courier new;}

#tooltip_queryrules b {
color:#206a99;
font-style:normal;}

#tooltip_queryrules b.upr {
font-size:12px;
font-weight:550;}

#alert_name {
	padding:0px 10px;
	width: 395px;
}

.tooltip-help {
	width:180px;
	display:inline-block;
	background-color:#c6eaf2;
	border:1px solid #fff;
	color:#505050;
	border-radius:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:8px;
	visibility:hidden;
}

.tooltip-help2 {
	position: absolute;
	background-color: #C6EAF2;
	border: 1px solid white;
	color: #505050;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 8px;
	visibility: hidden;
	left: 490px;
	margin-top: -36px;
}

.tooltip-help:hover, .tooltip-help2:hover {
	visibility: visible;
}


.step-subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#2c5882;
	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.9);
	font-size:15px;	
}

.step-subtitle a {
	font-weight:normal;
	color:#3c9235;
	text-decoration:underline;
}

/**/
	
.select_all{
	display:inline-block;
	background-color:#efe5bf;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#505050;
	z-index: 5;
	position: relative;
	height:31px;
	text-align:center;
	padding-left: 10px;
	padding-right:10px;
	padding-top: 10px;
	margin-top:0px;
	margin-bottom:20px;
	border:1px solid #ddd;
}

.select_all input {
	margin-right: 7px;
}

.industries-top, .regions-top, .query-builder-top {
	display:block;
	background-color:#dadada;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#505050;
	z-index: 5;
	position: relative;
	height:41px;
	text-align:center;
}

.subregion-top {
	display:block;
	background-color:#e5e5e5;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#505050;
	z-index: 5;
	position: relative;
	height:41px;
	text-align:center;
}

.subregion-top .custom-checkbox + label {
	margin-left:-17px;
}

.subregion-top .custom-checkbox + .checked_count.fl + label {
	margin-left:13px;
}

.regions-top .custom-checkbox + label {
	margin-left:-34px;
}

.regions-top .custom-checkbox + .checked_count.fl + label {
	margin-left:0px;
}

.industries-top input, .regions-top input, .query-builder-top input, .subregion-top input {
	float:left;
	margin-left:1px;
}

.industries-top label, .regions-top label, .query-builder-top label, .subregion-top label {
	position:relative;
	top:10px;
}

.query-builder-top label {
	max-width: 800px;
	overflow: hidden;
	display: inline-block;
	height: 21px;
	cursor: pointer;
}

.industries-top label, .regions-top label, .subregion-top label {
	cursor: pointer;
}

.industries-bottom, .regions-bottom, .query-builder-bottom, .subregion-bottom {
	background-color:#f6f6f6;
	border:1px solid #e4e4e4;
	position: relative;
	top: -5px;
	z-index: 1;
	border-radius: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#505050;
	padding: 20px 9px 5px 9px;
	display: none;
	overflow: hidden;
}

.industry + .industry, .region + .region {
	padding-top:10px;
}

.industries-bottom .btn-8, .regions-bottom .btn-8 {
	float:right;
}

.industry-button-container {
	height:44px;
}

.industry-item, .region-item {
	min-width:150px;
	display:inline-block;
	height:18px;
	padding-right:17px;
	padding-bottom:10px;
}

.industry-item input[type=checkbox], .region-item input[type=checkbox] {
	float:left;
	margin-right:11px;
}

.industries-top input[type=checkbox] {
	margin-left:1px;	
}

.industry-item label, .region-item label {
	/*position:relative;
	top:11px;*/
	min-width: 290px;
	display: block;
}

.subregion-bottom .region-item label {
	min-width: 278px;
}

#industries .custom-checkbox, .query-builder-top .custom-checkbox {
	float:left;
}

#industries .industries-top .custom-checkbox, .query-builder-top .custom-checkbox {
	margin-left:10px;
	margin-top:11px;
}

#industries .custom-checkbox {
	margin-right: 5px;
}

#regions .custom-checkbox {
	float:left;
	margin-right:5px;
}

#regions .regions-top .custom-checkbox {
	margin-left:10px;
	margin-top:11px;
}

#regions .subregion-top .custom-checkbox {
	margin-left:10px;
	margin-top:11px;
}


.subregion {
	/*float:left;*/
	padding-bottom:15px;

	width: 800px;
	margin-left:60px;
	margin-right: 8px;
}

.regions-top.subregion-top {
	/*width:450px;
	float: left;*/
	margin-right: 4px;
	margin-bottom: 6px;
	margin-left: 5px;
}

.regions-bottom.subregion-bottom {
	/*width: 430px;*/
	top: -15px;
	left: 0px;
	width: 907px;
	/*float: left;*/
}

.subregion-top .btn-s {
	background: url('../gfx/subregion-button.png') no-repeat;
	display: block;
	height: 30px;
	width: 33px;
	float: right;
	margin-right: 7px;
	margin-top: 6px;
}

.subregion-top .btn-s.open {
	background-position: 0px -34px;
}

/**/

.infobox {
	margin-bottom:30px;
	margin-left:40px;
}

.infobox span {
	background: url('../gfx/infobox.png') no-repeat;
	display:inline-block;
	height:84px;
	margin:0;
	padding:0;
	float:left;
}

.infobox_left {
	background-position:top left;
	width:25px;
	display: inline;
}
.infobox_right {
	background-position:top right !important;
	width:25px;
	display: inline;
}

.infobox .infobox_center {
	background: url('../gfx/infoboxc.png');
	width:850px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:13px;
	padding-top:20px;
	height:64px;
	text-align:center;
	display: inline;
}

.infobox_center img {
	float:left;
	margin-right:20px;
}

.infobox_center p {
	margin-bottom:2px;
}

.topic {
	height:41px;
	border-radius:5px;
	margin-bottom:8px;
	text-align:center;
	background-color:#dadada;
	border:1px solid #959595;
	color:#505050;
	overflow: hidden; 
}

.topic .btn, .topic.excluded .btn {
	float:left;
	margin-left:5px;
}

.topic .btn b{
	color:#fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}

.topic.excluded {
	background-color:#e4e4e4;
	color:#888888;
	border: solid 1px #e4e4e4;
}

.topic-label {
	display:inline-block;
	margin-top:10px;
	margin-left:-113px;
	font-weight:bold;
}

form#new-alert-form .topic input.ez-hide {
	float: right;
	margin-right: 0px;
	height:19px;
	width:19px;
}

.topic .custom-checkbox {
	float: right;
	margin-right: 9px;
	margin-top: 11px;
}

.topic .custom-checkbox.ez-checked {
	background-position: 0px -21px !important;
}

.topic.excluded .custom-checkbox {
	background-position: 0px 0px;
}

.topic .custom-checkbox {
	background-position: 0px 0px;
}

/**/

#keywords-not input[type=text]{
	padding: 0px 36px 0px 5px;
	width: 220px !important;
}

.keyword {
	border:7px solid #dadada;
	display:inline-block;
	border-radius:10px;
	margin-right:25px;
	height:39px;
	margin-bottom:10px;
	background: #DADADA;
	width: 264px;
}

.keyword input {
	width:268px !important;
}

#first-keywords .keyword {
	margin-left:-4px;
}

#first-keywords .keyword:first-child {
	margin-left:0px;
}

.cross {
	background: url("../gfx/cross.png") no-repeat scroll center center transparent;
	display: block;
	height: 35px;
	width: 32px;
	position: relative;
	left: 230px;
	top: -37px;
	border: 1px solid #CCC;
	background-color: white;
	border-left: none;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}

.cross:hover {
	cursor:pointer;
}

/**/

.customStyleSelectBox {
/* Styles For Your Select Box */
	padding:8px 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	background:url('../gfx/selectbox.png') no-repeat center right;
}

.customStyleSelectBox.changed {
/* You can use this if you want a different style after user has made a selection */
}

/* on the next line we add a down arrow on the right to indicate that it is a select box */
.customStyleSelectBoxInner {
	display: inline-block;
	height: 18px;
	overflow: hidden;
}

#final-settings .customStyleSelectBoxInner {
        width:209px !important;
}

#final-settings table td {
	border:none;
	padding-bottom:20px;
	color:#666;
}

#final-settings table td:first-child label {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#4a4a4a;
	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4);
	display:block;
	margin-top:6px;
}

#final-settings select {
	position: absolute;
	opacity: 0;
	font-size: 14px;
	height: 36px !important;
	width: 226px;
	margin-left:6px;	
}

#final-settings .custom-checkbox {
	float:left;
	margin-top: 5px;
	margin-left: 5px;
}

#final-settings .hidden_box {
	border: 2px solid #CCC;
	padding: 15px;
	border-radius: 5px;
	display:none;
	color:#666;
}

#final-settings .hidden {
	display: none;
}

#final-settings table tr td:first-child label {
	width:165px;
}

form#new-alert-form #alert_start_time {
	width: 54px;
	padding-left: 16px;
}

.custom-checkbox {
	background:url(../gfx/checkbox.png) no-repeat;
	height:18px;
	width: 18px;
}

.select_all .custom-checkbox {
	margin-right: 5px;
}

.custom-checkbox.ez-checked {
	background-position:0px -21px;
}

.chkbox-genre {
	display:inline-block;
	margin-right:5px;	
}

.chkbox-genre label {
	margin-left:5px;
	padding-top:3px;
	display:inline-block;
}

.query-builder-top strong {
	color:#303030;
	font-weight:bold;
	font-size:13px;
}

.or-word {
	text-align:center;
	height:30px;
	padding-top:10px;
	color:#777777;
	font-size:16px;
	font-weight:bold;
	padding-right:99px;
}

/**/
	
#query-container {
	background-color:#ebebeb;
	border: 1px solid #d7d7d7;
	border-radius: 7px;
	padding: 10px 7px;
}

#qc-title {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #505050;
}

#query-container p {
	margin-bottom: 5px;
}

#query-container textarea {
	width: 902px;
	min-height: 250px;
	padding: 10px;
}

.syntax-error {
    	font-weight: bold;
	color: red;
}

.text-right {
	text-align: right;
}

#keywords-new-row {
	height:70px;
	text-align: center;
	padding-top: 16px;
}


/*ALERT PREVIEW*/

#alert-preview-container {
	position: fixed;
	top: 5%;
	left: 50%;
	margin-left:-350px;
	width: 700px;
	height: 83%;
	padding: 16px;
	z-index: 1002;
	-moz-opacity: 1;
	opacity:1;
	filter: alpha(opacity=100);
	display: none;
}

.black-bgd{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
}

#alert-preview-welcome {
	font-size: 22px;
	color: #515151;
	margin-bottom: 10px;
	display: block;
}

#alert-preview-graybox {
	background-color: #ebebeb;
	padding: 25px 25px 25px 25px;
/*	height:298px;*/
	border-radius: 5px;
	margin-top: 20px;
	height: 450px;
	overflow: auto;

}

#alert-preview-whitebox {
	background-color: #fff;
	overflow: auto;
/*	height:282px;*/
	padding: 10px 13px;
	height: 386px;

}

#alert-preview-whitebox .infobox {
	margin-left: 0px;
	height: 89px;
	width:600px !important;
	text-align:center;
}

#alert-preview-whitebox .infobox .infobox_center {
width:550px;}

.alert-preview-example {
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	width:600px;
}

.alert-preview-bubble {
	display: block;
	left: -10px;
	top: 0;
	width: 32px;
	float: left;
	margin-right: 16px;
	height: 131px;
	overflow: hidden;
	line-height: 32px;
	text-align: center;
	font-weight: bold;
	background: url(../gfx/bg_circle.png) no-repeat;
	color: #3D3D3D;
	text-shadow: rgba(255, 255, 255, .90) 0 -1px 0;
}

.alert-preview-title {
	color: #429635;
	font-size: 14px;
	text-decoration: underline;
}

#alert-preview-title {
	color: #fff;
}

.alert-preview-subtitle {
	color: #989898;
	font-size: 12px;
	padding-bottom: 10px;
}

.alert-preview-text {
	color: #000;
	font-size: 13px;
	line-height: 21px;
}


.alert-preview-messages {
	margin-top:100px; 
	text-align:center;	

}


/**/

#alert-preview-bckgd, #alert-expert-mode-bckgd, #alert-basic-mode-bckgd {
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	height:100%;  
	width:100%;  
	top:0;  
	left:0;  
	background:#000000;  
	border:1px solid #cecece;  
	z-index:20;
}

.preview-count {
    margin: 0 5px 0 5px;
}

/*ALERT STEPS STYLING*/

#new-alert-steps {
	margin-top: 10px;
	margin-bottom: 10px;
}

#new-alert-steps .step {
	display: inline-block;
	height: 52px;
	margin-left: -28px;
}

#new-alert-steps .step.first {
	margin-left: 0px;
}

#new-alert-steps .step .step-ls {
	background-image: url('../gfx/step-ls.png');
	background-position: top left;
	float: left;
	display: block;
	height: 52px;
	width: 33px;
}

#new-alert-steps .step.yellow .step-ls {
	background-image: url('../gfx/step-ls-yellow.png');
}

#new-alert-steps .step.red .step-ls {
	background-image: url('../gfx/step-ls-red.png');
}

#new-alert-steps .step .step-ms {
	background-color: #dadada;
	float: left;
	display: block;
	height: 36px;
	width: 125px;
	text-align:center;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 5px;
}

#new-alert-steps .step.yellow .step-ms {
	background-color: #ffd538;
}

#new-alert-steps .step.red .step-ms {
	background-color: #ff3600;
}

#new-alert-steps .step.yellow .step-ms a {
	color: #000;
	font-weight: bold;
}

#new-alert-steps .step.red .step-ms a {
	color: #fff;
	font-weight: bold;
}

#new-alert-steps .step .step-ms a {
	text-decoration: none;
	cursor: pointer;
}

#new-alert-steps .step.m .step-ms a {
	text-decoration: none;
	display: block;
	height: 20px;
	width: 15px;
	padding-left: 6px;
	padding-top: 1px;
	color: #515151;
	background-image: url('../gfx/step-circle.png');
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

#new-alert-steps .step .step-rs {
	background-image: url('../gfx/step-rs.png');
	background-position: top left;
	float: left;
	display: block;
	height: 52px;
	width: 31px;
}

#new-alert-steps .step.yellow .step-rs {
	background-image: url('../gfx/step-rs-yellow.png');
}

#new-alert-steps .step.red .step-rs {
	background-image: url('../gfx/step-rs-red.png');
}

#getting_started {
	min-height:545px;

}

#getting_started .next-step {
	display: none;
}

#edit-keywords.first-keywords .keyword + .keyword {
	margin-left: -3px;
}

.query-builder-bottom input[type="text"] {
	padding: 0px 0px 0px 5px;
	width: 230px !important;
	border-right: none !important;
}

#keywords-container .remove {
	margin-right:51px;
}

#query_builder_basic, #query_builder_expert, 
#industries, #regions, #topics_not, #final-settings {
	min-height: 500px;
}

.bottom-buttons-container {
	padding:20px 10px;
	background: url(../gfx/bg_insert-top.png) center top no-repeat;
	background-color: #DCDCDC;
	margin-top: 20px;
	height: 46px;
	padding-left:0;
}

.bottom-buttons-container .next-step, .bottom-buttons-container .create-alert-button  {
	margin-right:-10px;
}

#query_builder_expert.under_basic {
	display: none;
}


.confirm-dialog{
	background: #f2f2f2 url('../gfx/userstat.png');
	display: inline-block;
	float: left;
	width:590px;
	color:#555;
	padding-top:20px;
	padding-left:30px;
	padding-right:30px;
	position: fixed;
	z-index: 21;
	border-radius:7px;
	border: 1px #fff solid;
}	

.confirm-dialog img.warningicon {
	float:left !important;
	margin-left: 0px;
	margin-right: 30px;

}

.confirm-dialog img .btn {
	float: right !important;
}


.confirm-dialog p {
	line-height:22px;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.confirm dialog a{
	cursor: pointer;
}



#alert-expert-mode, #alert-basic-mode {
	background: url('../gfx/infobox.png') no-repeat;
	display: inline-block;
	height: 52px;
	margin: 0;
	float: left;
	width:914px;
	font-family: Arial, Helvetica, sans-serif;
	color:#42719D;
	padding:16px 5px;
	position: fixed;
	z-index: 21;
}

#alert-expert-mode img, #alert-basic-mode img {
	float: left;
	margin-left: 20px;
	margin-right: 40px;
}

#alert-expert-mode p, #alert-basic-mode p {
	line-height: 8px;
	font-weight: bold;
	margin-bottom: 3px;
}

#alert-expert-mode p.detail, #alert-basic-mode p.detail {
	font-weight: normal;
	font-size: 10px;
}

#alert-expert-mode a.accept, #alert-basic-mode a.accept {
	color:#338c34;
	margin-right: 35px;
	text-decoration: underline;
}

#alert-expert-mode a.accept:hover, #alert-basic-mode a.accept:hover {
	text-decoration: none;
	cursor: pointer;
}

#alert-expert-mode a.negative, #alert-basic-mode a.negative {
	color:#ff3600;
	text-decoration: underline;
}

#alert-expert-mode a.negative:hover, #alert-basic-mode a.negative:hover {
	text-decoration: none;
	cursor: pointer;
}

.create-alert-button {
	display: none;
}

#close-preview {
	background-image: url(../gfx/close-preview.png);
	background-repeat: no-repeat;
	background-color: transparent;
	height: 39px;
	width: 171px;
	border: none;
	float: right;
	color: #fff;
	margin-top: -16px;
	cursor: pointer;
}

.insert-row {
	margin-right: 31px;
	margin-left: 5px;
}

.checked_count {
	margin-top: 13px;
	font-size: 10px;
	color: #167498;
}

.pointer {
	cursor: pointer;
}

.first-keywords + a + a {
	visibility: hidden;
}

.qbcf + #keywords-new-row .remove-keywords {
	display: none;
}

#first-keywords + .remove {
	display:none;
}

#first-keywords + .remove + .add {
	margin-right: 51px;
}
	
/* 3.6 My Alerts
------------------------------------------------------------------------------*/

.myalert-top {
	display:block;
	background-color:#dadada;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#505050;
	z-index: 5;
	position: relative;
	height:41px;
	text-align:center;
}

.myalert-top input {
	float:left;
	margin-left:1px;
}

.myalert-top label {
	position:relative;
	top:10px;
	cursor: pointer;
}

.myalert-bottom {
	background-color:#f6f6f6;
	border:1px solid #e4e4e4;
	position: relative;
	top: -5px;
	z-index: 1;
	border-radius: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#505050;
	padding: 20px 9px 5px 9px;
	display: none;
	overflow:hidden;
}

.middle2 {
background: #F2F2F2;
background-position: bottom;
background-position: bottom;
}

#myalerts_section input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin-top: 0;
	margin-left: 0;
}

.myalert-top .custom-checkbox {
	margin-left: 10px;
	margin-top: 11px;
	float: left;
}

.myalert-table td {
	border: none;
}

.first-td {
	min-width: 200px;
	font-weight: bold;
}

.myalert {
	padding-top: 15px;
}
	
.myalert-status {
	float: left;
	padding: 12px 0 0 7px;
}

#myalerts-buttons {
	margin-top: 10px;
	height: 50px;
}

#myalerts-buttons .btn-12 {
	margin-right: 10px;
}

#myalerts-buttons .btn-13 {
	margin-right: 10px;
}

#all_myalerts {
	padding-bottom: 15px;
}

#alertDelete, #alertCancel, #alertDiscard {
	display: none;
}

/* REGISTRATION, NEW PASSWORD, Account button and forms
------------------------------------------------------------------------------*/


/* this style created on july 2012 to unite styles on pages:
Login, register, forgot pswd etc. */ 
.account {
	width: 900px;
	margin-left:10px;
	margin-top: 20px;
	margin-bottom: 38px;
	color: #545454;
}

.account input[type=text], .account input[type=email], .account input[type=password] {
	display: block;
	border: 1px solid #CCC;
	border-radius: 5px;
	height: 36px;
	width: 236px;
	padding: 0 10px;
	color: #545454;
	margin-right:50px;
}

.account table {
	height: 120px;
	width: 66%;
}

.account table.3cl {
	width: 100%;
}


.account table td {
	border: none;
}

.account label {
	color: #6087ac;
	font-size: 15px;
}

.account label + input {
	margin-top: 10px;
}



.account table + label {
	margin-left: 10px;
	font-size: 14px;
}



.account table + label + p {
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
	font-size: 12px;
	color: #959595;
	margin-top: 5px;
	margin-left: 10px;
}


.account .btn {
	margin-left: 5px;
}

.account .btn b {
	font-size: 24px;
	font-weight: bold;
}

.account  .btn span{
	width: 50px;
	margin-top:0px !important;
}

.account .error{
	color: red;
}


.account .name-check {
	display: none;
}

.account form .reg-button strong b {
	margin-top: -2px;
}


.account .btn span {
	width: 70px;	
}

.login-question {
	color: #2D5983;
	font-weight: bold;
	text-shadow: 1px 1px 1px white;
	font-size: 12px;
	margin-left: 20px;
	margin-top: 28px;
	display: inline-block;
	margin-bottom: 20px;
}

.login-question a {
	font-weight: normal;
}


.account input[type=submit] {
	position: relative;
	left: -200px;
	z-index: 2;
	top: -24px;
	background-color: transparent;
	border: none;
	height: 65px;
	width: 198px;
	cursor: pointer;
}

.reg-button {
	display: block;
}

/* 3.10 MY ACCOUNT
------------------------------------------------------------------------------*/

.timeandatesettings table label,
.changepassword table label {
	display: block;
}

.timeandatesettings table td,
.changepassword table td {
	border: none;
}

.subscrplans .plan {
	text-align: center;
}

.currentplan {
	color: #1f7f31;
	font-size: 20px;
	font-family: 'RockwellStd', Arial, sans-serif;
	font-weight: bold;
	padding-top:8px; /* used to align with Coming soon labels on the left */
}

#accountDelete {
	display: none;
}

#accountDelete .detail {
	margin-top: 5px;
}

.accountDelete .negative {
	margin-right: 20px;
}

#timezone-select {
	width: 500px;
	cursor: pointer;
}

#timezone-select + .customStyleSelectBox {
	background: url('../gfx/selectbox_b.png') no-repeat;
	width: 489px;
	
}

.planstext {
	font-size: 10px;
	margin-top: 10px;
}
	
.allmyaccount #myalerts-buttons a {
	display: none;
}

.timeandatesettings select {
	height: 36px !important;
	width: 232px;
}

.allmyaccount label {
	font-size: 12px;
	font-weight: bold; 
}

.timeandatesettings label {
	margin-left: 5px;
}

.allmyaccount input {
	border: 1px solid #CCC;
	border-radius: 5px;
	height: 27px;
	width: 292px;
	margin-top: 8px;
}

.changepassword input[type=submit] {
	position: absolute;
	right: 10px;
	height: 38px;
	width: 61px;
	z-index: 2;
	background: transparent;
	border: none;
	display: none;
	cursor: pointer;
}

.changepassword .error {
	color: red;
}

#unsubscribe-button {
    float: right;
}


/* DASHBOARD and ERROR page style */

#dashboard {min-height:646px;}

#dashboard .inner {padding-top: 20px; padding-left: 20px; }
#errorsection .inner { }
#dashboard .inner h2, #errorsection .inner h2 {font: normal 20px 'RockwellStd', Arial, sans-serif; color: #42719d; line-height:20px; padding: 15px;}
#errorsection .inner h2 span.positive {color: #2a8631;}
#errorsection .inner h2 span.negative {color: #c63b38;}
#dashboard  .inner .leftcontent {width:300px !important; float:left;}
#dashboard  .inner .content {width:500px !important; float:left;}
#dashboard .inner p {font: italic 16px 'RockwellStd', Arial, sans-serif; color: #111;
text-shadow: rgba(255, 255, 255, .01) 0 -1px 0;}

#errorsection {background-color:#fff;}

#errorsection .inner h5, .middle2 label.error  {font: italic 14px Courier; color: #c63b38; clear:both; display:block;}




/* 1.Dashboard page style */

#dashboard .inner {padding-top: 20px; padding-left: 20px; }
#dashboard .inner h2 {font: italic 22px 'RockwellStd', Arial, sans-serif; color: #42719d; 
text-shadow: rgba(255, 255, 255, .01) 0 -1px 0; }
#dashboard  .inner .leftcontent {width:300px !important; float:left;}
#dashboard  .inner .content {width:500px !important; float:left;}
#dashboard .inner p {font: italic 16px 'RockwellStd', Arial, sans-serif; color: #111;
text-shadow: rgba(255, 255, 255, .01) 0 -1px 0;}


.userstat {width: 300px; background: url('../gfx/userstat.png') repeat-x; border:1px solid #cacaca; padding:10px; border-radius: 5px;}
.userstat td, .userstat th {border:0;}
.userstat td {color: #363636;}
.userstat th{color: #42719d;}


/*Infobox style correction for Dashboard*/

.infobox-dashboard {
	margin-bottom:30px;
	margin-top:50px;
}

.infobox-dashboard span {
	background: url('../gfx/infobox.png') no-repeat;
	display:inline-block;
	height:84px;
	margin:0;
	padding:0;
	float:left;
}

.infobox_left {
	background-position:top left;
	width:25px;
}
.infobox_right {
	background-position:top right !important;
	width:25px;
}

.infobox-dashboard .infobox_center {
	background: url('../gfx/infoboxc.png');
	width:450px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:13px;
	padding-top:20px;
	height:64px;
	text-align:left;
}

.infobox_center img {
	float:left;
	margin-right:20px;
}

.infobox_center p {
	margin-bottom:2px;
}

/*-- Subscription details Page --*/

#subscribe .inner h2 {font: italic 24px Arial, sans-serif; color: #42719d; 
text-shadow: rgba(255, 255, 255, .01) 0 -1px 0; }

#subscribe .inner h4 {font: 22px Arial, sans-serif; color: #42719d; 
text-shadow: rgba(255, 255, 255, .01) 0 -1px 0; text-transform:none; }

#subscribe .inner h5 {font: normal 16px Arial, sans-serif; color: #555; 
text-shadow: rgba(255, 255, 255, .01) 0 -1px 0; text-transform:none;}


#SubscribeForm table tr td 
{width: 400px !important;}


#SubscribeForm input[type=text]{
	display: block;
	border: 1px solid #CCC;
	border-radius: 5px;
	font-size:13px;
	padding: 0px 10px;
	color: #545454;
	width: 330px;
	height: 35px;
}

#SubscribeForm select {
	padding: 5px 10px;
	height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	border: 1px solid #CCC;
	border-radius: 5px;
	color: #545454;
	background: #fff;
	width: 350px !important;
	}



.subscribe-top {
	display:block;
	background-color:#dadada;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#505050;
	z-index: 5;
	position: relative;
	height:41px;
	text-align:center;
}

.subscribe-top input {
	float:left;
	margin-left:1px;
}

.subscribe-top label {
	position:relative;
	top:10px;

}

.subscribe-bottom {
	background-color:#f6f6f6;
	border:1px solid #e4e4e4;
	position: relative;
	top: -5px;
	z-index: 1;
	border-radius: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#505050;
	padding: 20px 9px 5px 9px;
	overflow:hidden;
}

.subscribe-bottom input, .subscribe-bottom select {'
padding:5px;
}


.subscribe-middle2 {
background: #F2F2F2;
background-position: bottom;
background-position: bottom;
}

#subscribe_section input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin-top: 0;
	margin-left: 0;
}

.subscribe-top .custom-checkbox {
	margin-left: 10px;
	margin-top: 11px;
	float: left;
}

.subscribe-table td {
	border: none;
}




#subscribe-buttons {
	margin-top: 10px;
	height: 50px;
}




/*-- Subscription Page --*/


#subscription .inner h2 {font: italic 24px Arial, sans-serif; color: #42719d; 
text-shadow: rgba(255, 255, 255, .01) 0 -1px 0; }

#subscription .inner table td {
width:290px;
border: solid 4px #eee;
padding:12px;
}
#subscription .inner table th {
border: solid 4px #eee;
background-color: #b4c2cd; /*#c9f5ff */
padding:8px;
}

#subscription .inner table {
background-color: #fff;
font-size: 120%;
}


#subscription .inner table .secondtr td{
background-color:#eee;
}


.paypalcards {

float:right;
margin-right:10px;

}

.aboutpayments {

width:535px;
padding:11px;

}

/** Status **/

#status .inner h2 {font: italic 22px 'RockwellStd', Arial, sans-serif; color: #42719d; 
text-shadow: rgba(255, 255, 255, .01) 0 -1px 0; }
#status .inner{padding-top: 20px; padding-left: 20px; }


/* from Landing.css */

.inner ul.submenu li {list-style-type:none;display:inline; background:none;}
.inner ul.submenu li.active a {color:black; text-decoration:none;}
.graypadding {padding:15px 30px 10px 30px; margin-bottom:-5px; text-align:left;}


.middle-landing  > .inner, .insert  > .inner, #footer .inner, .bottom > .inner { position: relative; width: 960px; margin: 0 auto; }
