@import url(tripoli/tripoli.base.css);
@import url(tripoli/plugins/tripoli.visual.css);
@import url(tripoli/plugins/tripoli.layout.css);

html,
body {
  font-family:"lucida grande","lucida sans unicode",garuda,sans-serif;
  color:#464648;
  background-color:#FBFBFB;
}

.content a {
  color:#D43C11;
  text-decoration:none;
}

.content a:hover {
  text-decoration:underline;
}

.georgia {
  font-family:Georgia,"Nimbus Roman No9 L",serif;
}

.uppercase {
  text-transform:uppercase;
}

.lowercase {
  text-transform:lowercase;
}

.italic {
  font-style:italic;
}

.orange {
  color:#F25325;
}

.sans_title {
  font-size:1.384em;
}

.serif_title {
  font-size:1.692em;
}

.serif_title.with-border {
  border-bottom:1px solid #E0E0E0;
  margin-right:5em;
}

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

.semirounded {
  -moz-border-radius-topright:10px;
  -moz-border-radius-bottomright:10px;
}

.small-rounded {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}

.box {
  background:white;
  border:1px solid #E0E0E0;
  margin-top:0;
}

.box + .box {
  margin-top:1em;
}

body a#siwapp-feedback-tab, 
body a#siwapp-feedback-tab:link { 
  background-position: 2px 50% !important; 
  position: fixed !important; top: 45% !important; 
  display: block !important; 
  width: 25px !important; 
  height: 98px !important; 
  margin: -45px 0 0 0 !important; 
  padding: 0 !important; 
  z-index: 100001 !important; 
  background-position: 2px 50% !important; 
  background-repeat: none !important; 
  text-indent: -9000px; 
}
 
body a#siwapp-feedback-tab:hover { 
  cursor: pointer; 
} 

* html a#siwapp-feedback-tab, 
* html a#siwapp-feedback-tab:link { 
  position: absolute !important; 
  background-image: none !important; 
}
 
a#siwapp-feedback-tab { 
  left: 0; 
  background-repeat: no-repeat; 
  background-color: #f00; 
  background-image: url(../images/feedback_tab_white.png); 
  border: outset 1px #f00; 
  border-left: none; 
  -moz-border-radius: 1em; 
  -moz-border-radius-topleft: 0; 
  -moz-border-radius-bottomleft: 0; 
  -webkit-border-radius: 1em; 
  -webkit-border-top-left-radius: 0; 
  -webkit-border-bottom-left-radius: 0; 
} 

a#siwapp-feedback-tab:hover { 
  background-color: #06C; 
  border: outset 1px #06C; 
  border-left: none; 
} * html 
a#siwapp-feedback-tab { 
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/feedback_tab_white.png'); 
}

#primary div.wrapper {
  padding:2em 3.5em 2em;
}

#primary div.content {
  font-size:1.3em;
}

#secondary {}
#secondary > div.content {
  padding-top:1.5em;
}

#secondary .box {
  padding:1em;
}

/*
  HEADER
*/

div#header {
  overflow:hidden;
  padding:1.5em 0 0;
}

.languages{
  float:right;
  margin-top:-10px;
}

.languages li{
  display:inline;
}

#version {
  position:relative;
  top:0px; left:-20px;
  color:#464648;
  font-size:3em;
  letter-spacing:-2px;
}

#version span {
  font-size:0.4em;
  letter-spacing:0px;
}

#version a { color:inherit; text-decoration:none; }
#version a:hover { color:#D43C11;}

/*
  HEADER: MENU
*/

ul#top-menu {
  float:right;
  overflow:hidden;
  background:#0077EB url(../images/menu_bg.gif) repeat-x bottom left;
  margin-top:1.5em;
}

ul#top-menu li {
  color:white;
  padding:1.3em 1em;
  float:left;
  border-style:solid;
  border-width:0 1px;
  border-left-color:#0077EB;
  border-right-color:#0B3D9C;
}

ul#top-menu li.first {
  border-left-width:0;
}

ul#top-menu li.last {
  border-right-width:0;
}

ul#top-menu li a {
  color:white;
  text-decoration:none;
  font-size:1.6em;
}

ul#top-menu li label{
  color:white;
  text-decoration:none;
  font-size:1em;
}

ul#top-menu li span{
  color:white;
  text-decoration:none;
  font-size:1.3em;
}

ul#top-menu li span a{
  margin-top:20px;
  color:white;
  text-decoration:none;
  font-size:0.8em;
}

ul#top-menu li a:hover,
ul#top-menu li a.selected {
  text-decoration:underline;
}

/*
  HOME: SLOGAN
*/

#slogan-home {
  position:relative;
  padding-top:19px;
  margin-bottom:1em;
}

#slogan-home .box {
  font-size:1.8em;
  margin-top:0;
}

#slogan-home .box .wrapper {
  margin:1px;
  padding:0.55em 1em;
  line-height:1.2em;
  background:white url(../images/slogan_bg.gif) repeat-x bottom left;
}

#slogan-home-arrow {
  position:absolute;
  top:0;
  left:75px;
  width:39px;
  height:20px;
  background:transparent url(../images/slogan_arrow.gif) no-repeat 0 0;
}

/*
  HOME: FEATURES
*/

ul.features {
  list-style-type:none;
  margin-left:0;
}

ul.features li {
  line-height:1.2em;
  padding-left:45px;
  margin-bottom:1.5em;
  background:transparent no-repeat 15px 0;
}

ul.features li strong {
  font-size:1.23em;
}

#feature-01 { background-image:url(../images/features/01.gif); }
#feature-02 { background-image:url(../images/features/02.gif); }
#feature-03 { background-image:url(../images/features/03.gif); }
#feature-04 { background-image:url(../images/features/04.gif); }
#feature-05 { background-image:url(../images/features/05.gif); }
#feature-06 { background-image:url(../images/features/06.gif); }
#feature-07 { background-image:url(../images/features/07.gif); }
#feature-08 { background-image:url(../images/features/08.gif); }
#feature-09 { background-image:url(../images/features/09.gif); }
#feature-10 { background-image:url(../images/features/10.gif); background-position:13px 0; }

/*
  SCREENSHOTS
*/

ul#screenshots {
  overflow:hidden;
  list-style-type:none;
  margin-left:0;
}

ul#screenshots li {
  float:left;
  margin:15px;
  padding:0;
}

ul#screenshots li a {
  display:block;
  width:230px;
  height:230px;
  overflow:hidden;
  border:1px solid #E0E0E0;
  padding:0;
}

/*
  RIGHT COLUMN
*/

#secondary .big-button {
  color:white;
  border:1px solid #E0E0E0;
  background:#CCCCCC;
  padding:2em 2em 2em 3em;
  margin-top:0;
}

#secondary .big-button a,
#secondary .big-button p {
  display:block;
  color:white;
  text-decoration:none;
  font-size:1.307em;
  line-height:1em;
  margin-bottom: 1em;
}

#secondary .big-button small a
{
  font-size:1em;
}

#secondary .big-button a:hover {
  text-decoration:underline;
}

#secondary .big-button small {
  display:block;
  font-size:0.846em;
  line-height:1em;
  margin-top:0.3em;
}

#secondary .big-button.bg-orange {
  background:#FC7954 url(../images/btn_o_bg.gif) repeat-x bottom left;
  border-color:#D43C11;
}

#secondary .big-button.bg-blue {
  background:#248FFA url(../images/btn_b_bg.gif) repeat-x bottom left;
  border-color:#0167C9;
}

#secondary .big-button.bg-gray {
  background:#FEFEFE;
  border-color:#E0E0E0;
}

#secondary .big-button.bg-gray,
#secondary .big-button.bg-gray a {
  color:#464648;
}

#secondary .big-button + .box,
#secondary .box + .big-button,
#secondary .big-button + .big-button {
  margin-top:1em;
}

/* Blog News (web) */
#blog-news {
  padding:2em !important;
}
#blog-news p.georgia {
  margin:0 5em 0.8em 0;
  border-bottom:1px solid #e0e0e0;
}
#blog-news ul {
  list-style-type:none;
  margin-left:0;
  margin-bottom:0;
}
#blog-news ul li {
  font-size:1em;
  line-height:1em;
  border-bottom:1px dotted #E0E0E0;
  padding-bottom:0.5em;
  margin-top:0.5em;
}

#blog-news span {
  display:block;
}

#blog-news span.rss-meta {
  font-size:0.769em;
  font-weight:bold;
}

#blog-news #twitter {
  margin-top: 0.8em;
}
#blog-news #twitter img {
  position: relative;
  top: 7px;
  margin-right: 0.6em;
}
#blog-news #twitter a {
  font-size: 0.9em;
}
/*
  FOOTER
*/

#footer {
  padding:5em 0 3em;
  text-align:center;
}

/*
  FEEDBACK FORM
*/
#feedback { padding:0.3em !important; }
#feedback .serif_title { margin:0.4em 1.3em 1.0em 0.3em; border-bottom:1px solid #E0E0E0; }
#feedback ul { list-style-type:none; margin:0; }
#feedback li + li { margin-top:0.3em; }
#feedback label { font-weight:bold; display:block; }
#feedback input, #feedback textarea { font:inherit; }
#feedback ul.error_list { color:#D43C11; }
#feedback p { margin:0.5em 0.2em; }
#feedback p+p { margin-bottom:0.3em; }
#feedback span { margin:0.2em 0.6em; }

/*
  Close Button
*/
#close a { opacity: 0.4;}
#close hover { opacity: 0.8;}

/* PAYPAL */
#paypal {
  margin-top:1em;
  text-align:center;
}