/* Start of CMSMS style sheet 'Ludesi' */
/* --------------------------------------------------
    Global
   -------------------------------------------------- */

body {
  text-align: left;
  margin: 0;
  padding: 0;
  border: 0;
  color: #585858;
  background: #fff url(uploads/images/background-banner-grey_02.png) repeat-x 0 67px;
  font: 74% Helvetica, sans-serif;
}


/* --------------------------------------------------
    Printing
   -------------------------------------------------- */


@media print {
  #LeftContainer { display:none;}
  #header { display:none;}
  #footer { display:none;}
  #main { width: auto;}
}

#printButton {
           float: right;
           position: relative;
           top: -30px;
}



/* --------------------------------------------------
    Typography
   -------------------------------------------------- */
   
h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.1em;
  margin-bottom: 0.5em;
}

h1, h2 {
  margin-top: 0;
  padding-top: 0;
}

h1 {
  color: #74A5CD;
  font-size: 1.6em;
}

h2 {
  color: #000;
  font-size: 1.3em;
}

p {
  margin-top: 1em;
  margin-bottom: 1.5em;
  padding: 0;
}

p.check {
        background: url(uploads/images/tickmark.png) no-repeat;
        padding-left: 35px;
        padding-top: 6px;
        height: 25px;
        margin-left: 20px;
        display: block;
}

a, a:visited, a:hover {
   margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: #A0003D;
}

a:visited {
  color: #A0003D;
}

a:hover {
  color: #A0003D;
  text-decoration: underline;
}

h1.noMargin {
   margin: 0;
}

h2.pos_left
{
position:relative;
left:-0.4em;
}

a.readMore {
	background: url(uploads/images/arrow.gif) right center no-repeat;
	padding-right: 16px;
}

img {
        margin: 0;
        padding: 0;
        border: 0;
}

img.button {
        padding: 3px 0 0;
        display: block;
}

img.frameIt {
        border: 1px solid gray;
}

.imgAndText {
        float: left;
        display: inline;
        clear: both;
        margin-right: 20px;
}

.align-right { float:right; margin: 0 0 15px 15px; }

ul {
        margin: 0;
}

li {
       margin-left; 0;
       margin-bottom: 10px;
}

hr {
      border: 0px; /* For Firefox und Opera */
      border-top: solid 1px #999999;
      border-bottom: solid 1px #FFFFFF; /* For IE (background color!) */
}



/* --------------------------------------------------
    Layout
   -------------------------------------------------- */

#OuterContainer {
	margin-left: 1px;
	padding: 0;
	width: 974px;
    background: transparent;
}


/* HACK: IE6 bug makes outer container too small */
* html #OuterContainer {
	width: 1004px;
}

#LeftContainer {
	background: transparent;
        margin: 0;
	padding: 0;
	width: 150px;
	float: left;
	overflow: hidden;
}

#RightContainer {
	background: transparent;
        margin: 0;
	padding: 0;
	width: 824px;
	float: right;
}

/* HACK: IE6 makes the container too wide  
* html #RightContainer {
	width: 814px;
}*/

#header {
	float: left;
	background: transparent;
	width: 100%;
	height: 12em;
	padding-top: 1px; /* fix for firefox to prevent margins from collapsing */
}



#menu {
        position: relative;
        top: 0px;
	width:  135px;
	margin-left: 5px;
	padding-bottom: 1em;
	font-size: 11px;
}

#menu a {
	padding: 0;
	margin: 0;
	color: #848484;
}

#main {
	float: left;
	margin: 0;
        padding: 0 1em;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	background: #fff;
	width: 100%;
        overflow: hidden;
}


#subMainLeft {
	width: 532px;
	float: left;
        margin: 0;
        padding-right: 1em;
	height: 100%;
	border-right: 1px solid gray;
}

#TwoColumnLeft {
       float: left;
       width: 398px;
       border-right: 1px solid gray;
       padding-right: 1em;
       display: block;
}

#TwoColumnRight {
       float: right;
       width: 398px;
       padding-left: 1em;
}

#columnOne {
       float: left;
       width: 330px;
       padding-right: 1em;
       /* the following makes sure that all columns are equal height */
       padding-bottom: 500px;
       margin-bottom: -500px;
       height: 100%;
}

#columnTwo {
       float: left;
       width: 220px;
       padding-right: 1em;
       padding-left: 1em;
        padding-bottom: 500px;
       margin-bottom: -500px;
       border-left: 1px solid gray;
}

#columnThree {
       float: left;
       width: 220px;
       padding-left: 1em;
        padding-bottom: 500px;
       margin-bottom: -500px;
       border-left: 1px solid gray;
}

#oneThirdColumn {
       float: left;
       width: 257px;
       padding-left: 1em;
        padding-bottom: 500px;
       margin-bottom: -500px;
       border-left: 1px solid gray;
}

#oneThirdColumnWithoutBorder {
       float: left;
       width: 257px;
       padding-left: 1em;
        padding-bottom: 500px;
       margin-bottom: -500px;
}
       

#footer {
	float: left;
	background-color: #999999;
	width: 100.8%;
	margin-top: 1em;
	padding: 1em;
	font-size: 0.8em;
        color: #fff;
}





/* --------------------------------------------------
   Navigation
   -------------------------------------------------- */


#tabs { 
	margin: 0;
	padding: 0;
	list-style: none; 
	border: 0; 
	background: transparent;
}


#tabs li {
	margin: 0; 
	border: 0; 
	background: transparent; 
	color: #fff; 
	float: left;
	width: 100px;
	line-height: 34px; 
	display: block;
	text-align: center;
}

#tabs a, #tabs a:active, #tabs a:visited { 
	color: #fff; 
}

#tabs a:hover {
	color: #383838;
	text-decoration: none;
}



#tabs .download { 
	padding-right: 0; 
	float: right; 
	position: relative;
	top: -1.6px;
}

#tabs .download img { 
	border: 0;
}


/* --------------------------------------------------
   Specific Blocks
   -------------------------------------------------- */

#searchBox {
        float: right;
        position: relative;
        right: -28px;
}

#logo {
  vertical-align: bottom;
  border: 0;
  margin-top: 11px;
  padding: 0;
}

#logo img {
  padding: 0;
  margin: 0;
  border: 0;
}

#menuItem {
	border-bottom: 1px solid #848484;
	padding-bottom: 0.4em;
	padding-top: 0.4em;
}

#mainBanner {
	border-bottom: 1px solid gray;
	padding-bottom: 1em;
}

#mainBanner img { 
	display: block; /* without that there is a white space above the image in firefox */
	border: 0;
}

/* BOXES IN SUBMAINLEFT */

#box001 {
	width: 260px;
        height: 215px;
	float: left;
	display: block;
        margin-top: 1em;
        margin-right: 1em;
	background: #fff url('uploads/images/boximg10.jpg') no-repeat top right;
}	

#box002 {
	width: 260px;
        height: 215px;
	float: left;
	display: block;
        margin-top: 1em;
	background: #fff url('uploads/images/boximg12.jpg') no-repeat top right;
}

#box001bottom {
	width: 260px;
        height: 215px;
	float: left;
	display: block;
        margin-top: 1em;
        margin-right: 1em;
	background: #fff url('uploads/images/boximg11.jpg') no-repeat top right;
}	

#box002bottom {
	width: 260px;
        height: 215px;
	float: left;
	display: block;
        margin-top: 1em;
	background: #fff url('uploads/images/boximg9.jpg') no-repeat top right;
}

#box001 p, #box002 p, #box001bottom p, #box002bottom p {
	padding-left: 1em;
	padding-right: 1em;
}

.modulerssentry {
        padding-right: 1em;
}

#box001 ul, #box002 ul, #box001bottom ul, #box002bottom ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 1em;
}

#box001 li, #box002 li, #box001bottom li, #box002bottom li {
	background: url(uploads/images/arrow.gif) left center no-repeat;
	padding-left: 1em;
	margin-bottom: 0.6em;
}

#box001 h2, #box002 h2 , #box001bottom h2, #box002bottom h2 {
	font-family: Helvetica, Arial, sans-serif;
	margin-top: 110px;
	margin-left: 1em;
	padding-bottom: 0.1em;
        color: #000;
}

#box001 a, #box002 a , #box001bottom a, #box002bottom a {
        color: #000;
}

/* END OF BOXES IN SUBMAINLEFT */

.box003 {
	width: 270px;
	float: right;        
	padding: 0;
        margin: 0;
}

/* HACK: IE6 makes the div too wide  
* html .box003 {
	width: 260px;
}*/

#box004, #box005 {
        margin-top: 1em;
        width: 400px;
        height: 150px;
        background: url(uploads/images/boxbackgr.jpg) left center no-repeat;
}

#box004 {
        float: left;
}

#box005 {
        float: right;
}

#box004 h2, #box005 h2 {
         margin-top: 10px;
}

#box004 p, #box005 p {
         margin-right: 12px;
         font-size: 11px;
}

#box004 img, #box005 img {
        float: left;
        width: 126px;
        height: 130px;
        margin: 9px 12px 0px 10px;
}

/* HACK: IE6 doesn't have enough top margin  */
* html .#box004 img, #box005 img {
	margin-top: 16px;
}

#box006 {
        float: left;
        width: 52%;
}

#box007 {
         float: right;
         width: 45%;
}

#boxTotalWidth {
         clear: both;
         width: 100%;
}

#boxAbout {
        margin-top: 1em;
	width: 100%;
	float: left;
       padding-top: 0.4em;
}


#boxIntro {
        width: 100%;
        padding-top: 1em;
}

#downloadButton {
        width: 145px;
        height: 41px;
        position: absolute;
        top: 68px;
        left: 856px;
}

/*
#downloadButton a {
        position: absolute;
        top: 0;
        left: 0;
        width: 145px;
        height: 41px;
        display: block;
}

#downloadButton a:hover {
        background: url(uploads/images/downloadButton2.png);
}
 
#downloadButton a h1 {
        display: none;
}
*/

a.back {
        background: url(uploads/images/back.jpg) no-repeat;
        padding-left: 45px;
        padding-top: 6px;
        height: 33px;
        display: block;
        color: #BDBDBD;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 1.5em;
        font-weight: bold;
}

a.pdf {
        background: url(uploads/images/pdf_icon.png) no-repeat right;
        padding-top: 14px;
        height: 30px;
        display: block;
        text-align: right;
        padding-right: 45px;
}

/*
#search-items {
        font-family: verdana;
        font-size: 8px;
}
*/

/* --------------------------------------------------
   Testimonial styling
   -------------------------------------------------- */

p.smallQuote {
        background: url(uploads/images/quote1.jpg) no-repeat;
        padding-left: 45px;
        margin-bottom: 0;
}

p.smallQuoteName {
        text-align: right;
        margin-top: 0.4em;
        margin-bottom: 1.5em;
        font-weight: bold;
}
        

.testimonial {
       width:700px;
       margin: 15px 0 30px 50px;
       float:left;
}

/* HACK: IE6 doubles left margin  */
* html .testimonial {
	margin-left: 25px;
}

.left-quote {
        float:left;
        background:url(uploads/images/quote1.jpg) no-repeat top;
        width:41px;
        height:36px;
}

.testi-text {
float:left;
text-align:justify;
width:600px;
padding-right:45px;
padding-left: 8px;
background:url(uploads/images/quote2.jpg) no-repeat right bottom;
}

.testi-name {
        float: right;
        font-weight: bold;
        padding:15px 6px 0 15px;
}


/* --------------------------------------------------
   TABLE STYLINGS
   -------------------------------------------------- */

/* Pricing table and license campaign table */

table {
	border-collapse: collapse;
	width: 100%;
	margin: 1em auto;
}

tr.odd td	{
	background:#f7fbff
}

tr.odd	{
	background:#f4f9fe;
}	

.column1	{
	background:#fff;
        width: 250px;
        text-align: right;
}

td {
	color:#678197;
	border:1px solid #74A5CD;
	padding:.8em 1em;
	text-align:center;
}

td.price {
        font-size: 1.2em;
        font-weight: bold;
}

th {
    background: #fff;
    font-weight:normal;
    color: #678197;
    padding:.3em 1em;
    text-align: right;
}


thead th {
    border-bottom: 3px solid #74A5CD;
	text-align:center;
	font: bold 2em/1.5em Helvetica, Arial, sans-serif;
	color:#66a3d3
}	

thead.smallHeading, th.smallHeading {
	font: bold 1.2em/1.2em Helvetica, Arial, sans-serif;
}

div.ludesi_license_form input {
  margin-left: 10px;
}
div.ludesi_license_form select {
  margin-left: 10px;
  margin-right: 2px;
  width: 185px;
}

/* General Blue Table Styling */



table.blue {
        background: #74a5cd;
}

td.blue {
        color: #fff;
        border: 0;
        padding: 1em;
}

td.blue h2 {
        color: #fff;
        margin: 0;
        padding: 0;
}
        
/* ------- Features Table Styling  ---------*/

td.features {
        color: #585858;
        text-align: left;
		border: 0;
        border-top: 3px solid #74A5CD;
}

td.features h1 {
       color: #000;
}

.features-list-table td {
        border: 0;
        text-align: left;
}


/* ----------- WIT Table Styling --------------- */

table.witTable {
         margin: 1em 0; 
}

th.witHeading {
        font-weight: bold;
        font-size: 1.5em;
        text-align: left;
        border: 0;
        padding: 0;
}

td.witCol1 {
        width: 100px;
        text-align:right;
        vertical-align: top;
        font-size: 0.8em;
        border-top: 1px solid #999999;
        border-right: 1px solid #999999;
        border-bottom: 0;
        border-left: 0;
}

td.witCol2 {
        text-align: left;
        border: 0;
        border-top: 1px solid #999999;
}

td.witCol3 {
        width: 120px;
        text-align: right;
        vertical-align: top;
        border-top: 1px solid #999999;
        border-right: 1px solid #999999;
        border-bottom: 0;
        border-left: 0;
}

td.witCol4 {
        width: 400px;
        text-align: left;
        vertical-align: top;
        border-top: 1px solid #999999;
        border-right: 1px solid #999999;
        border-bottom: 0;
        border-left: 0;
}

td.witCol5 {
        text-align: right;
        vertical-align: top;
        border-top: 1px solid #999999;
        border-right: 1px solid #999999;
        border-bottom: 0;
        border-left: 0;
}

td.witCheck {
        width:20px;
        border-top: 1px solid #999999;
        border-right: 1px solid #999999;
        border-bottom: 0;
        border-left: 0;
        background: #3A3A3A;
        color: #999999;
}

td.witNoCheck {
        width:20px;
        border-top: 1px solid #999999;
        border-right: 1px solid #999999;
        border-bottom: 1px solid #999999;
        border-left: 0;
}

th.smallGrey {
       text-align: center;
       color: #A4A4A4;
       font-size: 0.9em;
       border: 0;
       font-weight: normal;
       margin: 0;
       padding: 0;
}



/* ---------- Set standard table styling ----------- */

.standard {
         border: 0;
         text-align: left;
         color: #585858;
         vertical-align: top;
         padding: 0;
}


.alignL {
         text-align: left;
}

.bluebg {
         background: #74A5CD;
         color: #fff;
         text-align: left;
         font-weight: bold;
}


/*-----------END OF TABLE STYLING----------------*/


#blogPageBlog .modulerssentry {
 margin-bottom: 10px;
 font-size: 10px;
}

#blogPageBlog .modulerssentry a{
 font-size: 12px;
}


#startPageBlog {
  margin-left: 1em;
}

#startPageBlog .modulerssentry {
 margin-bottom: 5px;
}

#board img {
  float: left;
  margin-right: 5px;
}

#board p {
  font-size: 10px;
  margin-top: 0px;
}


#clients td {
  font-size: 10px;
  height: 50px;
  text-align: left;
}

#footerLeft {
 float: left;
}

#footerRight {
 float: right;
}

#footerMiddle {
 text-align: center;
}

#signup, #signup input {
 font-family: verdana;
 font-size: 10px;
 margin-top: 5px;
}

.signup-button {
 background-color: white;
}

/* --------------------------------------------------
   Ludesi General Form
   -------------------------------------------------- */

.ludesi_general_form {
  background-color: #EEEEEE;
  width: 255px;
  border-style: solid;
  border-width: 1px;
  border-color: gray;
  font-size: 11px;
  padding: 10px;
}

.ludesi_general_form .submit {
  text-align: right;
}

.ludesi_general_form .messageBox textarea {
  cols: 40;
  rows: 5;
  font-family: Verdana;
  font-size: 11px;
  margin-bottom: 5px;
  resize: none;
}

.ludesi_general_form input {
  font-family: Verdana;
  font-size: 11px;
}

.PreFaqFormText {
  font-size: 11px;
}

.FaqFormValidationError {
  color: red;
  font-size: 9px;
  margin-left: 20px;
  margin-bottom: 10px;
}

/* --------------------------------------------------
   Ludesi License Form
   -------------------------------------------------- */

.ludesi_license_form {
  margin: auto;
  background-color: #EEEEEE;
  width: 400px;
  border-style: solid;
  border-width: 1px;
  border-color: gray;
  font-size: 11px;
  padding: 5px;
  text-align: right;
}

.licenseTypes {
        text-align: left;
        padding-left: 130px;
        font-weight: bold;
}


/* general - put everything to the left */

#menu {
        margin-top: 10px;
        margin-left: 3px;
}

#menu ul, #menu li {
        list-style-type: none;
        margin-left: 0;
        padding-left: 0;
        margin-bottom: 5px;
}

/* to align with logo */
#menu #menuwrapper {
        margin-left: 5px;
}


/* First-level menu */

/* style for menu items */
#menu #primary-nav > li {
        border-top: 1px solid #848484;
        font-size: 11px;
        display: block;
        width: 121px;
        padding-top: 5px;
        margin-bottom: 10px;
}

/* active menu item */
#menu #primary-nav > li .menuactive {
        color: #555555;
}


/* Second-level menu */

/* margin on the sub-item-list */
#menu ul .unli{
        font-size: 10px;
        margin-left: 5px;
        margin-top: 5px;
}

/* style for active sub-item */
#menu .unli .menuactive{
        color: #555555;
}

#SearchResultsNewsLink {
  float: left;
  margin-right: 5px;
}

.NewsSummary {
  font-size: 10px;  
}

.NewsSummaryPostdate {
  font-weight: bold;
  float: left;
  margin-right: 5px;
}

.NewsSummaryTitle {
  font-color: black;
}

.NewsSummaryLink {
  margin-bottom: 10px;
}

#NewsPostDetailTitle {
  margin-top: 0px;
}

#NewsPostDetailSummary {
  font-style: italic;
  margin-bottom: 10px;
}

.FaqBannerImage {
  margin-bottom: 10px;
}

.FaqSummary {
  font-size: 11px;  
}

#FaqPostDetailPrintLink {
  margin-top: 10px;
}


/* to align with the ludesi logo */
#searchBox {
 margin-top: 6px;
}

#searchBox, #searchBox input {
 font-family: verdana;
 font-size: 10px;
}

.search-input {
 width: 140px;
}

.search-button {
 background-color: white;
}

#navigation {
	float: left;
	margin: 0;
	padding: 0;
        position: absolute;
        top: 73px;
	background: transparent;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
}

#navigation ul { 
	margin: 0;
	padding: 0;
	list-style: none; 
	border: 0; 
	background: transparent;
}


#navigation li {
	margin: 0; 
	border: 0; 
	background: transparent; 
	color: #646464; 
	float: left;
	width: 84px;
	line-height: 34px; 
	display: block;
	text-align: center;
}

#navigation a, #tabs a:active, #tabs a:visited { 
	color: #646464; 
}

#navigation a:hover {
	color: #fff;
	text-decoration: none;
        background: url(uploads/images/background-banner-selected_02.png) repeat-x 0 1px;
        display: block;
}

#navigation li .menuactive {
        color: #fff;
	background: url(uploads/images/background-banner-selected_02.png) repeat-x 0 1px;
       display: block;
}


#navigation .download { 
	padding-right: 0; 
	float: right; 
	position: relative;
	top: -1.6px;
	background: transparent;
}
#navigation .download img { 
	border: 0;
}



.features-list ul {
        padding: 0;
        margin: 0;
}

.features-list li {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.features-list-icon {
  float: left;
}

.features-list-icon img {
  height: 23px;
  margin-right: 10px;
}

.features-icon {
  float: left;
}

.features-icon img {
  height: 40px;
  margin-right: 10px;
}

#imageFlowContainer {
        position:relative; 
        margin-top:-50px; 
}

/* IE6 Hack */
* html #imageFlowContainer {
         margin-top: 0;
}

/* IE7 Hack */
*+ html #imageFlowContainer {
         margin-top: 0;
}

/* style for the print button */
input.btn {
  color: #585858;
  background-color:#fff;
  border:1px solid grey;
}

input.btnhov {
          border: 1px solid orange;
}

p.manualItem {
        background: url(uploads/images/manualicon2.png) no-repeat;
        padding: 8px 0 8px 40px
}

.FrontEndUser_TableStyle {
  	border-left: 0px;
	border-bottom: 0px;
}

.FrontEndUser_TableStyle td {
  	text-align: right;	
}


.forum_pagetable {
  width: 100%;
}

td.forum_subject {
  text-align: left;
}

td.forum_replies {
  text-align: center;
}
td.forum_views {
  text-align: center;
}

.forum_pagetable >thead >tr >th {
  text-align: left;
  padding: 2px 12px;
  font-size: 14px;
}

.forum_content {
  color: black;
}

.forum_login_info {
  margin-top: 12px;
  font-size: 10px;
  float: right;
  text-align: right;
}

#forum td.index_icon {
  width: 30px;
}
#forum td.index_info {
  width: 220px;
  text-align: left;
}
#forum td.index_stats {
  width: 60px;
}
#forum td.index_lastpost, td.forum_lastpost{
  text-align: left;
}
#forum .forum_profiletable td {
  text-align: left;
  border-width: 0px;
}


.login_label {
  width: 80px;
  height: 16px;
  float: left;
  margin-top: 8px;
}

#forum .edit_topic td {
  border-width: 0px;
  text-align: left;
}

#forum #post td {
  text-align: left;
}

.login_input {
  float: left;
  margin-top: 5px;
}

.login_input >input{
  font-family: Verdana;
  font-size: 10px;
  background-color: white;
}

.login_button {
  background: white;
}

.clearboth { clear: both; }

#forum input {
  background: white;
  width: 80px;
}

#forum_new_entry input {
  width: 500px;
}

#forum_new_entry textarea {
  width: 500px;
}

span.bigNumber {
   font-size: 36px;
   font-weight: bold;
   font-family: Helvetica, Arial, sans-serif;
   color: #A4A4A4;
   padding-right: 5px;
   position: relative;
   top: 5px;
}

span.likeH2 {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #000;
  font-size: 1.2em;
}

span.leftSpace {
  padding-left: 15px;
}

span.rightSpace {
  padding-right: 15px;
}

#watchMovieButton {
        width: 199px;
        height: 46px;
        position: absolute;
        top: 400px;
        left: 780px;
}

#watchMovieButton a {
        position: absolute;
        top: 0;
        left: 0;
        width: 199px;
        height: 46px;
        display: block;
}

#watchMovieButton a:hover {
        background: url(uploads/images/movieButton3.png);
}

.registerTable tr >td {
         border: 0;
         text-align: right;
         color: #585858;
         vertical-align: center;
         padding: 2px;
         width: 35%;
}

.registerTable tr >td+td {
         text-align: left;
         width: 65%;
}



/* End of 'Ludesi' */

