html, body {
 height: 100%;
 font-family:verdana,arial,sans-serif;
 /* font-family:'Verdana';*/
 font-size:90%;
 min-width:700px;
 min-height:400px;
 background-repeat:no-repeat;
}

.body_opt{
 margin-top:2px;
}

h1 { font-size:100%;}
h2 { font-size:130%;}
h3 { font-size:90%;}

#h1_title { font-size:130%;}

.a_textlink {
 padding: 10px;
}


.ablue a{
 color:#0000CC;
}

hr{
 height:1px;
 border-width:0px;
 border-top:1px solid #C9D7F1;
 margin: 5px 0px 15px 0px;
}

.span_error{ color:red;}

.span_ok{ color:green;}

.span_small{ font-size:80%; color:grey;}

.body_links {
 padding:0px;
 margin:0px;
}

label{
 cursor:pointer;
}

label:hover{
 color:blue;
}

#logo {
 border-width:0px;
}

table{
 font-size:90%;
}

#div_a{
 height:15%;
}

#div_aa{
 height:5%;
}

#div_ab{
 height:10%;
 text-align:center;
 vertical-align:bottom;
}

#div_a{
 height:15%;
}


#div_b{
 height:70%;
 width:70%;
 vertical-align:middle;
 margin: auto;
}

#div_c{
 position:absolute;
 top:85%;
  width:100%;
 text-align:center;
}

.tbl_main div{
 position:absolute;
 width:22%;
 height:22%;
 background-repeat:no-repeat;
 background-position: center;
 border-radius:10px;
 -moz-border-radius:10px;
 -webkit-border-radius: 10px;
 /* background-color: #FFFFFF; NO!*/
}

.tbl_main a{
 display:block;
 height:100%;
 width:100%;
 text-align:center;
 vertical-align: bottom;
 background-repeat:no-repeat;
 background-position: center;
 background-color: #FFFFFF;
 text-decoration:none;
 font-size:150%;
 font-weight:bold;
 border-radius:10px;
 -moz-border-radius:10px;
 -webkit-border-radius: 10px;
 /* -moz-box-shadow: 3px 3px 5px #CCC; */
}


.tbl_main a:hover{
 border: 1px #0000FF solid;
 /*
 color:#BBBBBB;
 -o-background-size: 30%;
 -webkit-background-size: 30%;
 -moz-background-size: 30%;
 background-size: 30%;
 */
}

.a_drilldown{
 border: 1px #FFBF00 solid;
 color: #FFCA64;
}




.a_link{
 border: 1px #C0C0C0 solid;
 color:#CCCCCC;
}

.a_new{
 border: 1px #66CCFF dashed;
}

.a_hover{
 border: 1px red solid;
}

.div_title{
 position:absolute;
 top:1%;
 left:10%;
 width:80%;
 text-align:center;
 font-size:120%;
 color:grey;
}

.div_subtitle{
 position:absolute;
 top:86%;
 left:15%;
 width:68%;
 text-align:center;
 font-size:120%;
 color:black;
}

.div_subtitle p{
 margin-top:0px;
 padding:0px;
 background-color:#FFFFFF;
 display:none;
 filter:alpha(opacity=80); /* IE */
 -moz-opacity:0.8; /* Gecko-Browser */
 opacity:0.8; /* Opera 9+ */
 border-radius:0px 0px 10px 10px;
 -moz-border-radius:0px 0px 10px 10px;
 -webkit-border-radius: 0px 0px 10px 10px;
}

.div_title_demo{
 z-index:10;
 position:absolute;
 background-color:#EEEEEE;
 padding:5px;
 top:1%;
 left:10%;
 width:80%;
 text-align:center;
 font-size:100%;
 color:black;
 border: 1px grey solid;
 line-height: 1.7em;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius: 5px;
}


.div_menu{
 float:right;
 padding-right:7px;
 padding-top:4px;
 width:50%;
 text-align:right;
 line-height:1.5em;
 vertical-align:top;
}

.dev_menu_a a{
 background-color:white;
 filter:alpha(opacity=80); /* IE */
 -moz-opacity:0.8; /* Gecko-Browser */
 opacity:0.8; /* Opera 9+ */
 border-radius:2px;
 -moz-border-radius:2px;
 -webkit-border-radius: 2px;
 color:#0000CC;
}

.div_menu2{
 float:right;
 padding-left:0px;
 padding-top:4px;
 width:48%;
 text-align:left;
 line-height:1.5em;
 vertical-align:top;
}

.div_menu3{
 float:left;
 width:100%;
}


.div_menu a{
 padding: 4px;
}

.div_menu2 a{
 padding: 4px;
}

.div_menu table{
 float:right;
 width:275px;
 border-spacing:0px;
 text-align:left;
}

.div_footer{
 position:absolute;
 display:block;
 top:92%;
 height:7%;
 width:99%;
 text-align:center;
}


#div_loading{
 position:absolute;
 display:block;
 top:1%;
 left:38%;
 width:22%;
 height:3%;
 z-index:10;

 border: 1px red solid;
 background-color:#FFE8E8;
 text-align:center;
 font-weight:bold;
 font-size:130%;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius: 5px;
}


.p_footer{
 padding: 0px;
 width:99%;
 text-align:center;
 line-height:1.6em;
}


.div_a {
 cursor:pointer;
}

.div_private {
 background-repeat:no-repeat;
 background-position: top right;
 background-image: url(../html/lock.png);
}

.div_welcome {
 z-index:1;
 position:absolute;
 top:15%;
 width:100%;
 text-align:center;

}

/*
 Edit
*/


.tbl_edit {
/* border:1px #FFBF00 solid; */
 padding:5px;
}

.tbl_edit td{
 border-top:1px #C0C0C0 solid;
}

.tbl_active{
 background-color:#FFEFD1;
}

#container_2_edit{
 height:200px;
 width:300px;
}



/* DIV Grid */

/* Bread Crum*/

.div_bc {
 position:absolute;
 display:block;
 top:7%;
 height:5%;
 background-color: #FFFFFF;
 width:22%;
 border: 1px #C0C0C0 solid;
 text-align:center;
 color:#808080;
 font-weight:bold;
 text-decoration:none;
 font-size:130%;
 line-height: 160%;
 border-radius:10px 10px 0px 0px;
 -moz-border-radius:10px 10px 0px 0px;
 -webkit-border-radius: 10px 10px 0px 0px;
}

.div_bc_active {
 border: 1px #FFBF00 solid;
}

.div_bc a{
 display:block;
 text-decoration:none;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius: 5px;
 width:99%;
 height:99%;
}

.div_bc1{
 left:15%;
}

.div_bc2{
 left:38%;
}

.div_bc3{
 left:61%;
}


.div_edit_frame{
  margin-left: auto;
  margin-right: auto;
  width: 900px;
  line-height: 1.7em;
}

/* Buttons */

.btn_default{
 width:40%;
 height:90%;
 background-color:white;
 border: 1px #C0C0C0 solid;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius: 5px;
 vertical-align: top;
}

.btn_max{
 width:100%;
 height:70%;
}

.btn_edit{
}

.btn_drop{
}

.btn_accept{
}

.btn_cancel{
}

/* Move buttons*/

#div_move{
 display:block;
 position:absolute;
 visibility:hidden;
 top:38%;
 left:25%;
 width:50%;
 height:22%;
 z-index:10;

 border: 1px red solid;
 background-color:#FFE8E8;
 text-align:center;
 font-weight:bold;
 font-size:130%;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius: 5px;
}

.btn_m_default{
 margin-top:5px;
 width:32%;
 height:90%;
 background-color:white;
 border: 1px #C0C0C0 solid;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius: 5px;
 vertical-align: middle;
}


/* Stores all Edit/New/Display HTML Code */
.div_grid_box{
 margin:0px;
 padding:0px;
 width:100%;
 height:100%;
}

.div_grid_box_top{
 width:100%;
 height:70%;
 text-align:center;
}
.div_grid_box_bottom{
 width:100%;
 height:30%;
}

.div_grid_display{
}

.div_grid_edit{
}

.div_grid_drop{
}

.a_grid_caption{
 color:#BBBBBB;
 font-size:150%;
 font-weight:bold;
 text-decoration:none;
 text-align:center;
}

.a_grid_caption_dd{
 color: #FFCA64;
}

.a_gc_drag {
 cursor:move;
}

.div_drag{
 float:left;
 cursor:move;
 margin:5px 0px 0px 5px;
 width:20px;
 height:20px;
 background-repeat:no-repeat;
 background-position: center;
 background-image: url(../html/cursor.png);
 border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius: 3px;
}

.div_grid_default{
 position:absolute;
 width:22%;
 height:22%;

 background-color:white;
 background-repeat:no-repeat;
 background-position: center;

 text-align:center;
 vertical-align: bottom;
 color:#000000;
 text-decoration:none;
 border-radius:10px;
 -moz-border-radius:10px;
 -webkit-border-radius: 10px;
}

.div_grid_default button{
 font-size:120%;
}

.div_grid_pos_1{
 top:15%;
 left:15%;
}

.div_grid_pos_2{
 top:15%;
 left:38%;
}

.div_grid_pos_3{
 top:15%;
 left:61%;
}

.div_grid_pos_4{
 top:38%;
 left:15%;
}

.div_grid_pos_5{
 top:38%;
 left:38%;
}

.div_grid_pos_6{
 top:38%;
 left:61%;
}

.div_grid_pos_7{
 top:61%;
 left:15%;
}

.div_grid_pos_8{
 top:61%;
 left:38%;
}

.div_grid_pos_9{
 top:61%;
 left:61%;
}


/* AutoComplete */
.div_ac{
 position:absolute;
 background-color:#fff;
 border:1px solid #808080;
 overflow: hidden;
 font-size:90%;
}

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

.div_ac ul li {
 cursor: pointer;
 text-align:left;
}

.div_ac ul li.selected {
 background-color:#C0C0C0;
}

/* Startpage v2 */

#idx_table2{
 width:100%;
 text-align:center;
 margin-bottom:40px;       
 background-color:#FEECC7;
}

.idx_grid_center{
 width:450px;
 height:330px;

 background-color:white;
 background-repeat:no-repeat;
 background-position: center;
 background-image: url(../html/landingn/homepage.png);
 text-align:center;
 vertical-align: bottom;
 color:#000000;
 text-decoration:none;
 border: 1px #C0C0C0 solid;
 border-top: 20px grey solid;
}


.idx_grid_arrow{
 display:block;
 width:217px;
 height:50px;
 background-repeat:no-repeat;
 background-position: center;
 background-color:#FEECC7;
 color:#000000;
 text-weight:bold;
 text-align:center;
 vertical-align: middle;
 margin:10px 0px 10px 0px;
 padding:0px;
 text-decoration:none;
 font-weight:bold;
 font-size:110%;
 line-height:50px;
 border: 0px grey solid;
}

.idx_grid_r{
 background-image: url(../html/landingn/arrowr.png);
}

.idx_grid_l{
 background-image: url(../html/landingn/arrowl.png);
}

.idx_grid_c{
 background-image: url(../html/landingn/arrowcustom.png);
}



/* Startpage */

#idx_main {
  margin-left: auto;
  margin-right: auto;
  width: 900px;
  line-height: 1.7em;
}

.idx_grid_pos_0{
 padding: 0px 0px 0px 65px;

 background-repeat:no-repeat;
 background-position: 7px top;
 background-image: url(../html/landing/info.png);

}

.idx_grid_pos_def{
 width:280px;
 height:195px;

 background-color:white;
 background-repeat:no-repeat;
 background-position: center;

 text-align:center;
 color:#000000;
 text-decoration:none;

 border: 2px #FFBF00 solid;
 border-radius:10px;
 -moz-border-radius:10px;
 -webkit-border-radius: 10px;
}


.idx_grid_pos_1{
 background-image: url(../html/landing/1_open.png);
}

.idx_grid_pos_2{
 background-image: url(../html/landing/2_3x3links.png);
}

.idx_grid_pos_3{
 background-image: url(../html/landing/3_target1.png);
}

#idx_table{
 width:100%;
 text-align:center;
 margin-bottom:40px;
}


#idx_table_2{
 width:100%;
 text-align:center;
 vertical-align: top;
}

.idx_grid_pos_right{
 float:right;
 width:250px;
 margin:10px;
}

.idx_button{
 display:block;
 width:130px;
 padding: 10px 10px 10px 45px;
 margin:10px;
 margin-top:19px;
 text-decoration:none;
 font-weight:bold;
 font-size:140%;
 color:white;
 border: 1px #FFBF00 solid;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius: 5px;
 background-color:#FFBF00;
 background-repeat:no-repeat;
 background-position: 7px;
}


.idx_btn_join{
 background-image: url(../html/landing/add.png);
}

.idx_btn_demo{
 background-image: url(../html/landing/play.png);
}

.idx_btn_faq{
 background-image: url(../html/landing/help_large.png);
}



.idx_feature{
 margin-top:30px;
 background-color:#EEEEEE;
 border: 1px #C0C0C0 solid;
 padding: 4px;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius: 5px;
}

.idx_feature b{
 margin-left:5px;
}

.idx_fan_button {
 display:block;
 vertical-align:middle;
 margin-bottom:10px;
}

.idx_fan_button a{
 text-decoration:none;
 font-weight:bold;
 font-size:100%;
 color:#3B5998;
}

.idx_fan_button img{
 border:0px white solid;
 vertical-align:middle;
}

.idx_three{
 width:100%;
}

.idx_three td{
 text-align:center;
 width:33%;
}


.idx_top{
 font-size:80%;
 text-align:right;
}

.idx_top img{
 border:0px white solid;
 vertical-align:middle;
}

/* Options Page */
#div_opt_menu{
 width:100%;
 display: inline-block;
}

#div_opt_options{
 background-image: url(../html/landing/process_big.png);
}
#div_opt_img{
 background-image: url(../html/landing/favorite_add_big.png);
}
#div_opt_synonym{
 background-image: url(../html/landing/user_big.png);
}
#div_opt_contact{
 background-image: url(../html/landing/comment_big.png);
}

#div_opt_admin{
 background-image: url(../html/landing/process_big.png);
}

#div_opt_menu a{
 display: inline-block;
 text-align: center;
 vertical-align:bottom;
 width:120px;
 height:90px;
 margin:0px 10px 10px 0px;
 border: 1px #FFBF00 solid;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius: 5px;
 background-color:#FFFFFF;
 background-repeat:no-repeat;
 background-position: center 15px;
 text-decoration:none;
 cursor:pointer;
}


#div_opt_menu a:hover{
 background-color:#FFBF00;
}

.div_opt_active {

}


#div_opt_menu a span{
 display: inline-block;
 margin-top:65px;
 border: 0px red solid;
 font-weight:bold;
 color:black;
}

.div_set{
 display:block;
 width:100%;
 height:42px;
 margin-top:10px;
 background-color:#FFEFD1;
 border: 1px #FFBF00 solid;
 padding: 2px;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius: 5px;
}

.div_set a{
 display:block;
 float:left;
 text-decoration:none;
 font-size:17px;
 color:black;
 overflow: hidden;
}

.div_set a:hover{
 background-color:#FFFFFF;
}

.div_set_link{
 width:95%;
 font-weight:bold;
 background-image: url(../html/landing/page.png);
 background-position:center left;
 background-repeat:no-repeat;
 padding:10px 10px 10px 35px;
}

.div_set_link span{
 font-weight:normal;
 color:grey;
}