/*----------PAGE DEFAULTS-----------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    font-size: 1em;
    text-decoration: none;
    border: none;
    list-style: none; 
    outline: none; 
}


input, textarea {
    border: 1px solid #8d8d8d;
    padding: 0.3em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 300px;
    float: right;
    line-height: 16px;
}

input.required_field {
  border-color: #f00;
}

label {
    line-height: 16px;
    padding-right: 2em;
}

form p {
    padding-top: 2px;
    text-align: right;
    clear: right;
}

#submitButton {
    float: right;
    margin-right: 5px;
}

form {
    padding-top: 1em;
    padding-bottom: 5em;
    padding-left: 1em;
    float: left;
}

html { }

body { 
    background: #006ec6 url(../img/bg-hor-gradient.png) repeat-x 0 0;
    font-family: Tahoma,Arial, Helvetica, Verdana, Sans-serif;
    font-size: 1em;
    color: #666;
    text-align: left;

}

a {
    color: #006ec6;

}
a:hover {
    text-decoration:underline;

}

abbr, acronym, span.abbr {
    cursor: help;
    border-bottom: 1px dashed #27759D;
}

.hidden {
    display: none;
}

#background {
    max-width: 1226px;
    margin:auto;
    overflow: hidden;
    background: url(../img/bg-border.png) no-repeat top center;
}

#block { /* celá stránka */
         background: #fff;
         width: 1000px;
         overflow:hidden;
         margin: auto;
}

table
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    width: 80%;
    border-collapse:collapse;
    margin: 0px 50px 0px 60px;
}
table td, table th
{
    color: #555;
    font-size:0.8em;
    border:1px solid #eee;
    padding:3px 7px 2px 7px;
}
table th
{   border:1px solid #CDE8FD;
    font-size:0.9em;
    text-align:left;
    padding-top:5px;
    padding-bottom:4px;
    background-color:#CDE8FD;
    color:#1373AD;
}
table tr.alt td
{
    color: #555;
    background-color:#f5f5f5;
}
td.green, table tr.alt td.green {background-color:#C1FFDE; }
td.yellow, table tr.alt td.yellow{ background-color:#FFFAC1; }
td.pink, table tr.alt td.pink {background-color:#FEC1FF; }

.benefits table tr.alt td.yellow {
	background-color: #f8f5bc;
}


/*----------HEADER----------------------------------------------------*/

#logo {
    float: left;
    width: 1000px;
    height: 130px;
    font: bold 1.5em/1.45em "Arial Narrow", Verdana, sans-serif;
    background: #fff url("../img/header-bg.png") no-repeat center;
    display:block;
}

#logo img {
    float:left;
    text-align:left;
    padding-left:35px;
    padding-top:30px;

}

#header {
    margin: auto;
    height: 130px;
}

#login { 
    width: 190px;
    height: 30px;
    position: relative;
    top: -130px;
    left:790px;
    overflow:hidden;    
}

#login-bubble {
    width: 190px;
    height: 100px;
    overflow: hidden;
    position: relative;
    top: -130px;
    left: 790px;
    background: url('../img/login.png') 0 -30px;
}

#navigation {
    background-color: #fff;
    height: 28px;
    padding: 0px 10px 0px 15px; /* U R D L*/

}
#nav li {
    display: block;
    float: left;
    padding-right: 2px;
    font: bold 1.2em "Arial Narrow", Verdana, sans-serif;
}

#nav { height: 17px; padding-top:15px;}
#nav dl { margin: 0; padding: 0px;}

/* IE5 Mac Hack \*/ 
#nav { padding-left: 11px; } 
/*/ 
#nav { padding-left: 11px; overflow: hidden; } 
/* End Hack */

#nav dt { float: left; 
          padding-right:22px;
          background-repeat: repeat-y;
          overflow:hidden;
}

#nav dt a {
    display: block;
    height: 0px !important;
    height /**/:17px; /* IE 5/Win hack */
    padding: 17px 0px 0 5px;	/*
	overflow: hidden;*/
    background-repeat: repeat-y;
}
#nav dt a:hover {background-position: 0 -17px;}

body.solutions #subnavigation dt a:hover {background-position: 0 -18px;}

#nav dt#about,
#nav dt#about a { width: 62px; background-image: url(../img/nav-about.png);  text-indent: 150%; overflow:hidden;}
#nav dt#azzly,
#nav dt#azzly a { width: 144px; background-image: url(../img/nav-azzly.png); text-indent: 150%; overflow:hidden; }
#nav dt#solutions,
#nav dt#solutions a { width: 65px; background-image: url(../img/nav-solutions.png); text-indent: 150%; overflow:hidden; }
#nav dt#services,
#nav dt#services a { width: 123px; background-image: url(../img/nav-services.png); text-indent: 150%; overflow:hidden; }
#nav dt#partners,
#nav dt#partners a { width: 62px; background-image: url(../img/nav-partners.png); text-indent: 150%; overflow:hidden;}
#nav dt#economic,
#nav dt#economic a { width: 136px; background-image: url(../img/nav-economic.png); text-indent: 150%; overflow:hidden; }
#nav dt#news,
#nav dt#news a { width: 38px; background-image: url(../img/nav-news.png); text-indent: 150%; overflow:hidden; }
#nav dt#contact,
#nav dt#contact a { width: 56px; background-image: url(../img/nav-contact.png); text-indent: 150%; overflow:hidden; }
#nav dt#learn,
#nav dt#learn a { width: 80px; background-image: url(../img/nav-learn.png); text-indent: 150%; overflow:hidden; }

body.about dt#about,
body.about dt#about a,
body.azzly dt#azzly,
body.azzly dt#azzly a,
body.solutions dt#solutions,
body.solutions dt#solutions a,
body.services dt#services,
body.services dt#services a,
body.partners dt#partners,
body.partners dt#partners a,
body.economic dt#economic,
body.economic dt#economic a,
body.news dt#news,
body.news dt#news a,
body.contact dt#contact,
body.contact dt#contact a,
body.learn dt#learn,
body.learn dt#learn a {
    background-position: 0 -17px;
}


#subnavigation {
    background-color: #fff;
    height: 28px;
    padding: 20px 15px 20px 15px; /* U R D L*/
    /*border-top:1px solid #bdd9f0;*/

}

#subnavigation #nav dt {
    padding-right:44px;
}

body.solutions #subnavigation #nav dt {
    padding-right: 36px;
}

#line {
    width: 935px;
    color: #bdd9f0;
    background-color: #bdd9f0;
    height: 1px;
}


#nav dt#company,
#nav dt#company a { width: 61px; background-image: url(../img/submenu/company.png); text-indent: 150%; overflow:hidden;}
#nav dt#video,
#nav dt#video a { width: 37px; background-image: url(../img/submenu/video.png); text-indent: 150%; overflow:hidden; }
#nav dt#leadership,
#nav dt#leadership a { width: 69px; background-image: url(../img/submenu/leadership.png); text-indent: 150%; overflow:hidden; }
#nav dt#mission,
#nav dt#mission a { width: 123px; background-image: url(../img/submenu/mission.png); text-indent: 150%; overflow:hidden; }
#nav dt#brochure,
#nav dt#brochure a { width: 63px; background-image: url(../img/submenu/brochure.png); text-indent: 150%; overflow:hidden; }

body.company dt#company,
body.company dt#company a,
body.video dt#video,
body.video dt#video a,
body.leadership dt#leadership,
body.leadership dt#leadership a,
body.mission dt#mission,
body.mission dt#mission a,
body.brochure dt#brochure,
body.brochure dt#brochure a {
    background-position: 0 -17px;
}

#nav dt#sub_solutions,
#nav dt#sub_solutions a { width: 62px; background-image: url(../img/solutions/sub_solutions.png); text-indent: 150%; overflow:hidden;}
#nav dt#ehr,
#nav dt#ehr a { width: 32px; background-image: url(../img/solutions/ehr.png); text-indent: 150%; overflow:hidden; }
#nav dt#pm,
#nav dt#pm a { width: 23px; background-image: url(../img/solutions/pm.png); text-indent: 150%; overflow:hidden; }
#nav dt#phr,
#nav dt#phr a { width: 31px; background-image: url(../img/solutions/phr.png); text-indent: 150%; overflow:hidden; }
#nav dt#cutting,
#nav dt#cutting a { width: 162px; background-image: url(../img/solutions/cutting.png); text-indent: 150%; overflow:hidden; }
#nav dt#enterprise,
#nav dt#enterprise a { width: 128px; background-image: url(../img/solutions/enterprise.png); text-indent: 150%; overflow:hidden; }
#nav dt#patient,
#nav dt#patient a { width: 198px; background-image: url(../img/solutions/patient.png); text-indent: 150%; overflow:hidden; }
#nav dt#benefits,
#nav dt#benefits a { width: 53px; background-image: url(../img/solutions/benefits.png); text-indent: 150%; overflow:hidden; padding-right: 0 !important; }

#nav dt span.explanation span { display: none; }

#nav dt span.explanation {
    height: 45px;
    position: absolute;
    visibility: hidden;
}

#nav dt#ehr span.explanation {
    width: 211px;
    background: url('../img/solutions/altEHR.png');
    margin-left: -88px;
}

#nav dt#pm span.explanation {
    width: 182px;
    background: url('../img/solutions/altPM.png');
    margin-left: -74px;
}

#nav dt#phr span.explanation {
    width: 188px;
    background: url('../img/solutions/altPHR.png');
    margin-left: -80px;
}

body.sub_solutions #nav dt#sub_solutions,
body.sub_solutions #nav dt#sub_solutions a,
body.ehr #nav dt#ehr,
body.ehr #nav dt#ehr a,
body.pm #nav dt#pm,
body.pm #nav dt#pm a,
body.phr #nav dt#phr,
body.phr #nav dt#phr a,
body.cutting #nav dt#cutting,
body.cutting #nav dt#cutting a,
body.enterprise #nav dt#enterprise,
body.enterprise #nav dt#enterprise a,
body.patient #nav dt#patient,
body.patient #nav dt#patient a,
body.benefits #nav dt#benefits,
body.benefits #nav dt#benefits a {
    background-position: 0 -18px;
}


/*----------BODY-----------------------------------------------------*/
#container {
    text-align: left;
    width: 700px;
    margin-right: 300px; /* musí být stejný, jako šířka sidebar */
    background-color: #fff;
    line-height: 18px;
    font-family: Tahoma, Arial, Helvetica, Sans-serif;
}

h1 {
 padding-bottom: 10px;
    margin-top: 10px;
	color: #1373ad;
    font-family: Gill Sans / Gill Sans MT, sans-serif;
	font-size:13pt;
	font-weight:bold;
	text-align:justify;

}

h2 {
    padding-bottom: 10px;
    margin-top: 10px;
	color: #1373ad;
    font-family: Gill Sans / Gill Sans MT, sans-serif;
	font-size:11pt;
	font-weight:bold;
	text-align:justify;
	

}

p {
    padding-bottom: 15px;
    margin-right: 5px;
    font-family: Tahoma, Arial, Helvetica, Sans-serif;
    font-size: 0.79em;
    text-align: justify;
}

h3 {
   
    padding-bottom: 10px;
    margin-top: 10px;
   	color: #1373ad;
    font-family: Gill Sans / Gill Sans MT, sans-serif;
	font-size:10.5pt;
	font-weight: 600;
	text-align:justify;
}

#container ul {
    font-size: 0.79em;
    font-family: Tahoma, Arial, Helvetica, Sans-serif;
    padding-bottom: 15px;
    padding-left: 2em;
}

#container table ul {
	font-size: 1em;
}

#container ul.doublespacing li {
    padding-bottom: 1em;
}

#container li {
    list-style-type: disc;
}

.right {
    text-align:right;
    float: right;
}
.left {
    text-align:left;
    float: left;
}

#container .padding {
    padding: 21px;
}

#view {
    margin-bottom: 26px;
    -moz-box-shadow: #ededed 0 3px 3px;
    -webkit-box-shadow: #ededed 0 3px 3px;
    -khtml-box-shadow: #ededed 0 3px 3px;
    box-shadow: #ededed 0 3px 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    width:640;
    min-height: 300px;
}

/* Round corners
<div class="bl"><div class="br"><div class="tl"><div class="tr">
Lorem ipsum dolor sit amet consectetur adipisicing elit
</div></div></div></div>
<div class="clear">&nbsp;</div>


.bl {background: url(bl.gif) 0 100% no-repeat #e68200; width: 20em}
.br {background: url(br.gif) 100% 100% no-repeat}
.tl {background: url(tl.gif) 0 0 no-repeat}
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}

*/

/*----------SPECIALS---------------------------------------------------*/
/* ---- ABOUT ---- */

#about-container {
    text-align: left;
    margin-right: 400px; /* musí být stejný, jako šířka sidebar */
    margin-left: 5px;
    background-color: #fff;
    line-height: 18px;
}

#about-container h2 {
    margin-bottom: 10px;
    padding-bottom: 10px;
	color:#1373AD;
font-size:10.5pt;
font-weight:bold;
text-align:justify;

}

#about-container .padding {
    padding: 21px 0px 21px 21px;
}

#about-sidebar {
    float: right;
    width: 400px;
    background-color: #fff;
    /*line-height: 18px;*/

}
#about-sidebar .padding {
    padding: 70px 30px 25px 0px; /* U R D L*/
    margin-right:20px;
}

#about-left {
    float:left;
    width: 300px;
}

#about-right {
    padding-top: 20px;
    margin-left: 300px;
    width: 240px;
}

/* ---- AZZLY advantage ---- */

#azzly-top {
    width:940px;
    margin: 30px 30px 0px 30px;

}
#top-left {
    margin-right:323px;
    background:  url("../img/advantage/picture.png") no-repeat bottom;
    height: 232px;
    width: 323px;
    text-align: left;
    padding: 0px 0px 0px 21px;
}

#top-right {
    float:right;
    width: 566px;
    /*background-color: #ccc;*/
    line-height: 18px;
    padding: 20px 30px 0px 0px;
    margin-left:0px;
}
#top-right h2{
	color: #1373ad;
    font-family: Gill Sans / Gill Sans MT, sans-serif;
	font-size:12pt;
	font-weight: 600;
	text-align:justify;
}

#azzly-bottom {
    width:1000px;
    min-height:200px;
    /*margin-top: 30px;*/
    padding-left:5px;
    padding-right:5px;
    /*background-color: #bbb;*/ /* U R D L*/
    overflow: hidden;

}

#azzly-bottom li{
    font-family: Tahoma, Arial, Helvetica, Sans-serif;
    font-size: 0.8em;
    /* padding-left: 5px;**/
    margin-left:15px;
    list-style-type: disc;
}


#bottom-left {
    float: left;
    width: 280px;
    /*background-color: #ddd;*/
    margin: 25px;

}
#bottom-center {
    float: left;
    width: 280px;
    /*background-color: #ccc;*/
    margin: 25px;
}

#bottom-right {
    float: left;
    width: 280px;
    /*background-color: #aaa;*/
    margin: 25px;

}

/* ---- LEADERSHIP ---- */
#persons {
    padding-left: 0px;
    padding-bottom: 200px;
    padding-right: 0px;
    padding-top: 10px;
    height:100%;
    width: 100%;

}
.person {
    width: 950px;
    margin-left:25px;
    display:block;
    clear:both;
    padding-top:15px;
}
.picture {
    width: 200px;
    /*background-color: #aaa;*/
    text-align: center;

}
.person-info {
    float: right;
    width: 800px;
    margin-right: 80px;
    /*background-color: #bbb;*/
}

/* ---- NEWS ---- */
#new-header {

	padding-left: 48px;

	padding-bottom: 0px;

	padding-right: 0px;

	padding-top: 2em;

}

#new-top {
    width: 100%;
    padding: 25px 0px 50px 0px;
}
.new {
    width: 950px;
    margin-left:25px;
    display:block;
    clear:both;
    padding-top:15px;
}
.new-picture {
    margin-top: 12px;
    width: 350px;
    /*background-color: #aaa;*/
    text-align: center;
}
.new-info {
    float: right;
    width: 650px;
    margin-right: 80px;
    /*background-color: #bbb;*/
}
.new-info h3{
    font-weight: bolder;

}


/* ---- LEARN ---- */
#learn-top { /* U R D L*/
             width: 900px;
             padding: 40px 0px 0px 40px;
}
#learn-left{
    padding: 20px 80px 50px 50px;
    float:left;
    width: 600px;
}
#learn-right{
    padding-top: 20px;
    line-height: 0px;
    margin-left: 600px;
}
/* ---- VIDEO ---- */
#video-left{
    padding: 10px 0px 50px 10px;
    float:left;
    width: 700px;
}
#video-right{
    padding: 20px 30px 50px 10px;
    margin-left: 700px;
}

/* ---- CONTACT ---- */
.contact-top {
    width: 920px;
    padding: 40px 0px 0px 40px;
    margin-left:25px;
}
.contact-left {
    width: 300px;
    padding-bottom:30px;
    /*background-color: #aaa;*/   
}
.contact-left p{
    padding-left:15px;
    padding-bottom:20px;

}
.contact-left h2{
    padding-left:15px;
    padding-bottom:0px;   
}

.contact-left h3{

    padding-bottom:30px;
}

.contact-right {
    float: right;
    width: 420px;
    margin-left: 15px;
    margin-right: 80px;
    /*min-height:300px;*/
    padding-left:100px;
    margin-top:50px;

}

/* ---- ECONOMIC ---- */
.economic-top {
    width: 660px;
    padding: 15px 0px 0px 0px;
    margin-left:55px;
}
.economic-top p{
    padding-left:15px;   
}
.economic-top h2{
    padding-left:15px;
    margin-bottom:5px;
    font-size: 11pt;

}
#economic-header {

	padding-top: 1.5em;

	padding-left: 28px;

	padding-bottom: 0px;

	padding-right: 0px;

}

#economic-header h3{
    font-size: 0em;

}

.eco-table {
    margin-left:50px;
    width:80%;
    font-size: 0.7em;
    margin-bottom:30px;
}
.eco-table-head {
    margin-bottom:8px;
    margin-left:60px;
    width:80%;
    font-size: 0.9em;
    margin-top:10px;
}


/*----------SIDEBAR----------------------------------------------------*/
#sidebar {
    padding-top: 30px;
    float: right;
    width: 300px;        
    background-color: #fff;
    line-height: 18px;
}

#sidebar2 {
    padding-top: 30px;
    float: right;
    width: 300px;        
    background-color: #fff;
    line-height: 18px;
}

#sidebar .padding {
    padding: 15px 21px 25px 0px; /* U R D L*/

}

#preview { /* U R D L*/
           width: 274;
           height: 170;
           padding: 135px 28px 0px 20px;
           margin-bottom: 20px;
           background: #fff url("../img/demo.png") -5px no-repeat;
           font:  0.83em Tahoma, Arial, Sans-serif;
           color: #1C7ECA;
           /*-moz-box-shadow: #ccc 0 0px 8px;
           -webkit-box-shadow: #ccc 0 0px 8px;
           -khtml-box-shadow: #ccc 0 0px 8px;
           box-shadow: #ccc 0 0px 8px;
           -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
           -khtml-border-radius: 5px;
           border-radius: 5px;*/

}


#button {
    margin:auto;
    padding: 0px 28px 0px 10px;
    width:210px;
    height:30px;
    background:  url("../img/button.png") top no-repeat;

}

#button:hover {
    padding: 0px 28px 0px 10px;
    background-position: 20px -30px;
}


#accordion-header {
    width:274px;
    background: #ededed url("../img/accordion-up.png") top no-repeat;
    height: 5px;
}


ul#menu, ul#menu ul {
    width: 274px;
    text-align: left;
}

ul#menu li {
    padding:9px 5px 0px 0px;
    background: #ededed;
    color:#00CCFF;
    border-top:1px solid #FFF;
    cursor:pointer;
}

ul#menu a { 
    display: block;
  text-decoration: none;	
}
ul#menu li a{
    padding-left: 15px;
}

ul#menu li:hover {
    background-color: #cbcbcb;
}

ul#menu li ul  {
    display: block;
    padding:8px 0px 10px 0px; /* U R D L*/
    background: #ededed url("../img/accordion-bg.png") repeat-x top;
    }

    
ul#menu li ul li {
    font-family: Tahoma, Arial, Helvetica, Sans-serif;
    font-size: 0.8em;
    padding: 0px;
    padding-right: 15px;
    margin-left:30px;
    
    background: none;
    color: #666;
    cursor:pointer;
    border-top:0px;    
    list-style-type: disc;
    
}

ul#menu li ul li a {
    padding-left: 0px;
    color: #666;
}
ul#menu li ul li:hover {
    background:none;
    
}

ul#menu li ul li a:hover {
    color: #006ec6;
    text-decoration:underline;
}

ul#menu li.top {
    border-top: none;
}

/* ------------------------------------ */


/*#basic-accordian{
    width: 274px;
    text-align: left;
}

.accordion_headings{    
    padding:9px 5px 4px 15px;
    background: #ededed;
    color:#00CCFF;
    border-top:1px solid #FFF;
    cursor:pointer;
    font-weight:bold;
}

.accordion_headings:hover{
    background-color: #cbcbcb;
}	


.accordion_child{
    padding:8px 15px 10px 15px; /* U R D L
    background: #ededed url("../img/accordion-bg.png") repeat-x top;
}

.accordion_child li{
    font-family: Tahoma, Arial, Helvetica, Sans-serif;
    font-size: 0.8em;
    margin-left:15px;
    list-style-type: disc;
}

.accordion_child li a{
    color: #666;
}
.accordion_child li a:hover{
    color: #006ec6;
    text-decoration:underline;
}*/

.header_highlight{
    background:#ededed;
}

h2#privacy-header {background: url("../img/privacy.png") no-repeat top; width:104px; height:10px;}
h2#terms-header {background: url("../img/terms.png") no-repeat top; width:166px; height:17px;}

/*----------FOOTER-----------------------------------------------------*/

#footer {
    clear: both;
    height: 140px;
    background-color: #fff;
    background: #fff url("../img/footer.png") no-repeat center;
    margin: 0px;
    padding-top: 0px;
    font: bold 0.8em Tahoma, Arial, Helvetica, Sans-serif;
    color: #0c6;
    line-height: 18px;
}

#footer a{
    color: #9ee1bd;
    text-decoration: none;
}
.adr {
    color: #9ee1bd;
}

#footer a:hover {
    color: #10e57b;
}

#footer-nav li {
    float: left;
    padding-top: 108px;
    padding-left: 17px;
    font: bold 0.85em Tahoma,"Arial Narrow", Verdana, sans-serif;
}

.ehr table {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 1em;
	margin-top: 0px;
	padding: 0px;
	float: left;
	width: 400px;
}

.ehr caption {
	padding-bottom: 0.5em;
}