/* SONRU CSS by Birdie - http://www.bird.ie */

body#homebody{
background: #fff url(../img/bodybg_home.gif) top left repeat-x;}

body#inner{
background: #fff url(../img/bodybg_inner.gif) top left repeat-x;}

body#plain{
background: #fff url(../img/bodybg_inner.gif) top left repeat-x;}


a:link{
color: #104b7d;
outline: none;
font-weight: bold;
}

a:hover{
color: #8dc63f;
outline: none; 
}

a:visited{
color: #44637e;
font-weight: bold;
outline: none;}

a.current{
color: #8dc63f; }

a.button{
height: 30px;
line-height: 30px;
padding: 0 10px;
background: url(../img/btnbg.gif) top left repeat-x;
color: #fff;
margin-top: -6px;
display: block;
text-decoration: none;
-moz-box-shadow:0 0 10px #666; 
-webkit-box-shadow:0 0 10px #666; 
box-shadow:0 0 10px #666;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

a.button:hover{
background-position: bottom left;}

a.button:visited{
color: #fff;}


h3{
color: #104b7d;
}

/* header styles */
h1#sonruLogo a{
width: 165px;
height: 30px;
background: #fff url('../img/sonrulogo.gif') bottom left no-repeat;
display: block;
text-indent: -2999em;
}

div.span-1 p, div.span-2 p, div.span-3 p, div.span-4 p {padding-right: 10px;}

#navigation{
position: relative;

}

ul#mainNavigation{
list-style-type: none;
padding: 0;
margin: 0;
margin-left: 170px;
height: 30px;
}

/*CHANGE*/

ul#mainNavigation li{
float: left;
display: block;
text-align: left;
margin: 0;
padding: 0;

padding-right: 15px;
margin-top: 16px;
}

ul#mainNavigation li.loginBtn{
float: right;
text-align: center;
padding-right: 0;
}

/*END CHANGE*/

ul#mainNavigation li a{
text-decoration: none;
}

#productsDrop{
position: relative;
padding: 10px;
display: block;
height: 30px;
padding-left: 20px;

}

#productsDrop ul { position:absolute; left:-20px; top:0px; margin-top:0px; width:150px; line-height:16px;
    background-color:#104b7d; color:#fff; /* for IE */ display:none; }
ul#mainNavigation li:hover ul { display:block;}
#productsDrop ul li{ display:block; margin:0px; padding: 5px 0px;  border-top: dotted 1px #fff;
    list-style-type:none; float: none;}
#productsDrop ul li:first-child { border-top: none; }
#productsDrop ul li a { display:block; color:#fff; }
#productsDrop ul li a:hover { color:#7FCDFE; }
/* main submenu */
ul#mainNavigation #productsNav { 
left:-23px; 
top:22px; 
padding:8px; 
padding-top: 0px; 
background-color:#104b7d; 
color:#fff;
z-index:5000; 

-moz-box-shadow:0 0 10px #000; 
-webkit-box-shadow:0 0 10px #000; 
box-shadow:0 0 10px #000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;

} 


#homebody p#signUpbtn{
position: absolute;
top: 278px;
left: 480px;
z-index: 20;
background-color: #9fb7cd;
}
#inner p#signUpbtn{
position: absolute;
top: 70px;
left: 480px;
background-color: #104b7d;
z-index: inherit;
}


p#signUpbtn a{
height: 39px;
display: block;
background: url(../img/signupbtnbg.gif) top left repeat-x;
line-height: 39px;
color: white;
font-size: 140%;
width: 210px;
text-align: center;
text-decoration: none;
-moz-box-shadow:0 0 10px #000; 
-webkit-box-shadow:0 0 10px #000; 
box-shadow:0 0 10px #000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
p#signUpbtn a:hover{
background-position: bottom left;
}

#inner p#signUpbtn.productsSignup{
position: inherit;
float: right;
background-color: #104b7d;
z-index: inherit;
}



p#signUpbtn.productsSignup a{
float: right;
height: 39px;
display: block;
background: url(../img/signupbtnbg.gif) top left repeat-x;
line-height: 39px;
color: white;
font-size: 140%;
width: auto;
padding: 0 15px;
text-align: center;
text-decoration: none;
-moz-box-shadow:0 0 10px #000; 
-webkit-box-shadow:0 0 10px #000; 
box-shadow:0 0 10px #000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
p#signUpbtn a:hover{
background-position: bottom left;
}


/* Home page styles */


#slider{
height: 290px;
background: #104b7d url(../img/sliderbg.gif) bottom left repeat-x;
}

#tour{
background: #104b7d;
height: 198px;
}

.tourText{
padding: 10px 10px 10px 0;
width: 440px;
height: 180px;
position: relative;
}

.tourText h2{
color: white;
font-weight: bold;
padding-top: 10px;
padding-bottom: 6px;
margin-bottom: 5px;
}

.tourText p{
color: #fff;
padding-top: 0;}

h2#sonruIntro{
background: url(../img/sonruintro.gif) top left no-repeat;
text-indent: -2999em;
height: 115px;
}


h2#tourCreate{
background: url(../img/tour01.gif) top left no-repeat;
text-indent: -2999em;
}

h2#tourAdd{
background: url(../img/tour02.gif) top left no-repeat;
text-indent: -2999em;
}

h2#tourQuestions{
background: url(../img/tour03.gif) top left no-repeat;
text-indent: -2999em;
}

h2#tourVideos{
background: url(../img/tour04.gif) top left no-repeat;
text-indent: -2999em;
}

h3{
font-weight: bold;}


#homeAreas{
padding-top: 20px;
}

/*CHANGE*/

/*#homeCasestudy h3,
#homeDemovideo h3,
#homeTestimonials h3,
#homeLatestnews h3{
height: 20px;
width: 150px;
text-indent: -2999em;
}
#homeCasestudy h3{
background: url(../img/head_casestudy.gif) bottom left no-repeat;
}

#homeDemovideo h3{
background: url(../img/head_demovideo.gif) bottom left no-repeat;
}

#homeTestimonials h3{
background: url(../img/head_testimonials.gif) bottom left no-repeat;
}

#homeLatestnews h3{
background: url(../img/head_latestnews.gif) bottom left no-repeat;
}*/


#homeMorefeatures h4{
color: green;
text-transform: uppercase;
font-weight: bold;
font-size: 90%;
}

h4.green{
color: green;
font-weight: bold;
text-transform: uppercase;
}

/*END CHANGE*/

#homeCasestudy p,
#homeDemovideo p{
padding-left: 65px;
min-height: 80px;
}

#homeCasestudy p{
background: url(/img/icon_casestudy.gif) top left no-repeat;
}
#homeDemovideo p{
background: url(/img/icon_demovideo.gif) top left no-repeat;
}

#homeCasestudy p.moreLink,
#homeDemovideo p.moreLink{
background: none;
min-height: 30px;
}

p.videoTutorial {
background: url(/img/icon_demovideo.gif) top left no-repeat;
padding: 20px 0 0 70px;
min-height:50px;
font-size:120%;
margin:0;
}


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

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

ul.testimonialList li p{
color: #104b7d;
font-weight: bold;
margin-bottom: 0;
}

ul.testimonialList li p.quoteSource{
color: black;
font-style: italic;
font-weight: normal;
padding: 5px 0 10px 0;
margin-top: 0;

}

/*CHANGE*/

#homeAreas{
/*background: #e8f1f8;*/
}

/*END CHANGE*/

#homeAreas a.button{
width: 80px;
text-align: center;
display: block;

}

/* Footer styles */

.footBg{
background: #e8f1f8;
}

#footer{
background: #104b7d;
margin-top: 30px;
height: 30px;
margin-left: -20px;
width: 980px;
}



#footer p{

display: inline;
line-height: 30px;
font-size: 90%;
padding-left: 20px;
color: #fff;
float: left;
}

ul#footerNav{
float: right;
margin-top: 5px;
}

ul#footerNav li{
float: left;
display: inline;
}

ul#footerNav li a{
padding: 0px 0px 0px 10px;
color: #fff;
font-size: 90%;
}


/* Inner Page Styles */

#sectionOverview{
padding: 25px 0px;
padding-top: 20px;
}

body#inner h2{
color: #fff;
font-size: 220%;
width: 450px;
height: 32px;
display: block;
}

body#inner #sectionOverview h2{
font-size: 240%;
text-shadow: #082a46 1px 1px 1px;
}


h2#headOverview{
background: url(../img/head_overview.gif) 0 50% no-repeat;
text-indent: -2999em;}

h2#headPricing{
background: url(../img/head_pricing.gif) 0 50% no-repeat;
text-indent: -2999em;}

h2#headLogin{
background: url(../img/head_login.gif) 0 50% no-repeat;
text-indent: -2999em;}

h2#headSignup{
background: url(../img/head_signup.gif) 0 50% no-repeat;
text-indent: -2999em;}

h2#headBlog{
background: url(../img/head_blog.gif) 0 50% no-repeat;
text-indent: -2999em;}

h2#headNews{
background: url(../img/head_news.gif) 0 50% no-repeat;
text-indent: -2999em;}



#pageContent h3{
font-size: 180%;
}

#pageContent{
background: url(../img/sidebar_shadow.gif) top right no-repeat;
min-height: 285px;
padding-top: 10px;
margin-bottom: 20px;
}



body#inner.plain #pageContent{
background: none;
}



#pageContent h4{
font-size: 160%;
font-weight: normal;
padding-bottom: 0px;
margin-bottom: .5em;
color: #104b7d;
}

#pageContent h4 a{
font-weight: normal;}

#pageContent p{
padding-bottom: 10px;
}

ul#subNavigation{
list-style-type: none;
margin: 0;
padding: 0;
padding-left: 10px;
}

ul#subNavigation li{
line-height: 250%;}

ul#subNavigation li a.current{
height: 30px;
line-height: 30px;
padding: 0 10px;
background: url(../img/btnbg.gif) top left repeat-x;
color: #fff;
margin-left: -10px;
margin-right: 20px;
display: block;
text-decoration: none;
-moz-box-shadow:0 0 10px #666; 
-webkit-box-shadow:0 0 10px #666; 
box-shadow:0 0 10px #666;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

table{
border-bottom: 1px solid #104b7d;}

table tr{
background-color: #fff;
}

table tr.tHead{
background-color: #104b7d;
color: #fff;
}

tr.tHead td{
font-weight: bold;
}

tr.rowEven{
background-color: #d4e0ea;
}

td.tdSave{
font-weight: bold;
color: #8dc63f;
}


/* Form Styles */

form.loginForm{
margin-bottom: 20px;
border-top: 1px solid #104b7d;
border-bottom: 1px solid #104b7d;
padding: 10px 0px;
background: #fff;
}

dl.loginForm{
margin-bottom: 0;}

dl.loginForm dt{
float: left;
width: 130px;
text-align: right;
padding-right: 10px;
line-height: 23px;
}

dl.loginForm dd{
height: 30px;
}

dl.loginForm dd input{
margin-right: 10px;
}

dl.loginForm dd.rowEven{
background-color: #f2f8fc;
}

form input.loginButton{
margin-left: 140px;}

form.signupForm{
margin-bottom: 20px;
border-top: 1px solid #104b7d;
border-bottom: 1px solid #104b7d;
padding: 10px 0px;
background: #fff;
margin-right: 30px;
}

dl.signupForm{
margin-bottom: 0;
}

dl.signupForm dt{
float: left;
width: 130px;
text-align: right;
padding-right: 10px;
line-height: 40px;
}

dl.signupForm dd{
min-height: 30px;
border-bottom: 1px solid #ccc;
padding-top: 10px;
margin-right: 15px;
}

dl.signupForm dd input{
margin-right: 10px;
}

dd.signupAddress{
margin-left: 20px;

}
dd.signupAddress div{
padding-left: 120px;
}

dd.signupAddress div.formNote{
padding-left: 378px;
margin-top: -108px;
height: 108px;
}

dd.signupAddress div input{
margin-bottom: 5px;
}

form input.signupButton{
margin-left: 140px;
margin-top: 10px;}

div.formNote{
padding-left: 380px;
margin-top: -21px;
padding-bottom: 10px;
color: #666;
}


form.commentForm{
margin-bottom: 20px;
border-top: 1px solid #104b7d;
border-bottom: 1px solid #104b7d;
padding: 10px 0px;
background: #fff;
}

dl.commentForm{
margin-bottom: 14px;}

dl.commentForm dt{
float: left;
width: 130px;
text-align: right;
padding-right: 10px;
line-height: 23px;
}

dl.commentForm dd{
height: 30px;
}

dl.commentForm dd input{
margin-right: 10px;
}

dl.commentForm dd.rowEven{
background-color: #f2f8fc;
}

dl.commentForm dd textarea{
margin-top: 5px;
display: block;
width: 200px;
height: 100px;
}

dl.commentForm dd input{
width: 160px;}

dl.commentForm dt.commentformComment{

}

dl.commentForm dd div.formNote{
padding-left: 300px;
margin-top: -21px;
padding-bottom: 10px;
color: #666;
}

dl.commentForm dd.commentformComment{
height: 120px;
}




form input#commentButton{
margin-left: 140px;}


/* Blog Styles */



p.blogInfo{
color: #666;
font-size: 90%;
margin-top: -20px;
}


#sideBarblog h4{
color: #104b7d;
font-size: 140%;
width: 200px;
height: 20px;
display: block;
margin-bottom: 10px;
text-indent: -2999em;
}

h4#headBlogcategories{
background: url(../img/head_blogcats.gif) 0 50% no-repeat;}

h4#headBlogsearch{
background: url(../img/head_blogsearch.gif) 0 50% no-repeat;
margin-top: 20px;}

h4#headBlogfeed{
background: url(/img/head_blogfeed.gif) 0 50% no-repeat;
margin-top: 20px;
}

#blogFeed a{
background: url(../img/rssicon.gif) bottom left no-repeat;
padding-left: 22px;
margin-left: 1px;}

.blogPaginate{
list-style: none;
padding: 0;
margin: 0;
margin-top: 20px;
margin-left: -3px;
}


.blogPaginate a{
padding: 6px;
border: 1px solid #104b7d;
margin: 0px;
background: #f2f8fc;
}

.blogPaginate strong{
padding: 6px;
border: 1px solid #104b7d;
margin: 0px;
background: #ccc;
}

.blogPaginate a:hover{
background: #104b7d;
color: #fff;}



p.blogIntro{
font-size: 140%;
}

.blogArticle p.blogInfo{
border-top: 1px solid #ccc;
margin-top: 0;
padding-top: 5px;
}

#commentDetails{
}

.comment{
border-bottom: 1px solid #ccc;}
.comment p{
margin-bottom: 0;}
.commentTime{
color: #666;
font-size: 90%;
}

.commentForm p{
margin-bottom: 0;
}

.commentForm p label{
font-weight: bold;
width: 70px;
display: block;
float: left;}

.commentForm textarea{
width: 345px;
margin-top: 0px;
}

.commentOptions{
margin-left: 70px;}

p.commentInfo{
color: #666;
font-size: 90%;
margin-top: -20px;
margin-bottom: 5px;
}

.commentEntry{
margin-bottom: 10px;}

.commentSingle{
border-bottom: 1px dotted #ccc;
padding-top: 10px;
}

#blogCats,
#blogSearch{
margin-bottom: 15px;
}

#blogCats h4,
#blogSearch h4,
#blogFeed h4{
font-size: 140%;
font-weight: normal;
padding-bottom: 0px;
margin-bottom: .5em;
color: #104b7d;
}

.socialBookmarksholder{
border-top: 1px solid #ccc;
padding-top: 5px;
}

.socialBookmarks{
list-style: none;
margin: 0;
padding: 0;
height: 30px;
}

.socialBookmarks li{
float: left;
margin-right: 3px;}



#ShadowBox table{
background: none;
border: none;
}

#ShadowBox table tr{
background: none;
}

.tourScreen{
position: relative;
} 

.tourScreen p.zoomBtn{
position: absolute;
top: 0;
left: 0;
}

#sectionNav{
border-bottom: 1px solid #104b7d;
padding-bottom: 20px;
list-style-type: none;
margin: 0;
margin-bottom: 20px;
}

#sectionNav li{
padding: 5px 0px;}

#sectionNav.casestudies li a{
background: url(../img/icon_casestudylink.gif) 0% 50% no-repeat;
padding-left: 25px;
height: 21px;
line-height: 21px;
display: block;
}

.casestudyLogo{
margin: 5px 10px 5px 0px;
padding: 10px;
background: #fff;
border: 1px solid #d1dfea;
}


/*CHANGE*/
table#sidebyside{


}

table#sidebyside td{
text-align: center;
}

table#sidebyside tr td{
border-top: 1px solid #f4f7f0;
border-collapse: separate;
}
table#sidebyside td.sideQuestion{
text-align: right;
font-weight: bold;
}

td.tableSonru{

}

ul.featuresList{
padding: 0;
margin: 0;
list-style: none;
margin-bottom: 10px;
}

ul.featuresList li{background: url(../img/featuretick.gif) 0px 2px no-repeat;
padding-left: 20px;
padding-bottom: 5px;
}



/*END CHANGE*/

img.headshot{
float: left;
margin: 0px 20px 0px 0px;
border: 1px solid #104b7d;
}

 /* TOUR STYLES */
 
 
 
 body#tour{
 
 background: #e8f1f8 url(../img/bodybg_tour.gif) top left repeat-x;
 
 }
 
 
 
 #tourhead{
 
 height: 100px;
 
 }
 
 
 
 #tourhead h2{
 
 color: #fff;
 
 }
 
 
 
 div.tourItems{
 
 margin-left: 20px;
 
 margin-top: 10px;
 
 }
 
 
 
 div.tourItems p{
 
 font-size: 120%;
 
 width: 600px;
 
 margin-bottom: 10px;
 
 }
 
 
 
 div.tourBlock{
 
 margin-bottom: 40px;
 
 }
 
 
ul.ticklist{
  list-style-type: none;
  margin-left: 0;
}
  
.tick{
  background: url(/img/tabletick.gif) 0px 0px no-repeat;
  padding-left: 35px;
  padding-top: 5px;
  padding-bottom: 5px;
}
  
.ex{
  background: url(/img/tableex.gif) 0px 0px no-repeat;
  padding-left: 35px;
  line-height: 30px;
} 

#footer{
background: #104b7d;
margin-top: 30px;
height: 30px;
margin-left: -20px;
width: 980px;

border: 1px solid #d4e4f1;
}

#newsSignup{
background: #e8f1f8;
border: 1px solid #d4e4f1;
margin-left: -19px;
width: 978px;

-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-bottom: -40px;
}


#newsSignup h4{
color: green;
text-transform: uppercase;
font-weight: bold;
font-size: 90%;
}

.padder{
padding: 20px;}

.marker { background-color: #ff0; }  

#article_image img{
margin-top: 50px;}

.blogEntry{
border-bottom: 1px solid #ccc;
margin-bottom: 15px;
}

img.blogImg{
-moz-box-shadow:0 0 10px #666; 
-webkit-box-shadow:0 0 10px #666; 
box-shadow:0 0 10px #666;
margin-bottom: 20px;
}

.clear{
clear: both;
}

img.profileImage{
padding-right: 10px;
padding-bottom: 10px;}