/**********/
/* colors */
/**********/
/* PAARS - R: 97  G: 1  B: 121 */
/* ORANJE - R: 255  G: 120  B: 0 */
/* DONKERBLAUW - R: 16  G: 13  B: 117 */
/* ROZE - R: 235  G:32  B:141  */
/* */
/* ANTRACIET - rgb(77,77,77) */
/* */
/* GREEN - rgb(214,243,137) */
/* BLUE - rgb(16,13,117) */
/* YELLOW - rgb(255,255,225) */
/***************/


/***************/
/* text styles */
/***************/

.tinyText {
    font-size: 0.8em;
}
.smallText {
    font-size: 0.9em;
}
.normalText {
    font-size: 1.0em;
}
.bigText {
    font-size: 1.1em;
}

.tinyTextRight {
    font-size: 0.8em;
    text-align: right;
}
.smallTextRight {
    font-size: 0.9em;
    text-align: right;
}
.normalTextRight {
    font-size: 1.0em;
    text-align: right;
}
.bigTextRight {
    font-size: 1.1em;
    text-align: right;
}

.tinyTextSpace {
    font-size: 0.8em;
    line-height: 16px;
}
.smallTextSpace {
    font-size: 0.9em;
    line-height: 16px;
}
.normalTextSpace {
    font-size: 1.0em;
    line-height: 16px;
}
.bigTextSpace {
    font-size: 1.1em;
    line-height: 16px;
}

/* special words */

b.oranje {
    color: rgb(255,120,0);
    font-weight: normal;
}
b.paars {
    color: rgb(97,1,121);
    font-weight: normal;
}
b.roze {
    color: rgb(235,32,141);
    font-weight: normal;
}
b.blauw {
    color: rgb(16,13,117);
    font-weight: normal;
}
 
/* special paragraphs */

.breadcrumText {
    font-size: 1.2em;
    font-weight: normal;

    color: rgb(77,77,77);
    /*color: rgb(97,1,121);*/
    /*color: rgb(255,120,0);*/

    text-align: left;
}

.advertentieText {
	margin-top:10px;
    font-size: 0.8em;
}

/* selectie classes zitten in de linker kolom */

.selectieHeaderText {
    font-family: Verdana, serif;
    font-size: 1.0em;
    font-weight: bold;

    color: rgb(77,77,77);
}

.selectieBodyText {
    font-family: Verdana, serif;
    font-size: 0.9em;
}

.selectieSubHeaderText {
    font-family: Verdana, serif;
    font-size: 0.8em;
    font-weight: bold;

    color: rgb(77,77,77);
}

.selectieSubBodyText {
    font-family: Verdana, serif;
    font-size: 0.8em;
}

/* overzicht classes zitten in derechter kolom */

.overzichtHeaderText {
    font-family: Verdana, serif;
    font-size: 0.9em;
    font-weight: bold;
}

.overzichtBodyText {
    font-family: Verdana, serif;
    font-size: 0.8em;
}

.overzichtSubHeaderText {
    font-family: Verdana, serif;
    font-size: 0.8em;
    font-weight: bold;
}

.overzichtSubBodyText {
    font-family: Verdana, serif;
    font-size: 0.7em;
}

.overzichtSuperHeaderText {
    font-family: Verdana, serif;
    font-size: 1.0em;

    background-color: rgb(255,120,0);
    color: white;
}

.overzichtSuperBodyText {
    font-family: Verdana, serif;
    font-size: 0.8em;
}

.listQuestionElement {
     border-bottom:1px dotted rgb(255,120,0);

    min-height:1px;
    height:auto !important;
    height:1px;
}

.listAnswerElement {
    background-image: url(/gfx/orange_gradient.gif);
    background-repeat: no-repeat; 

    min-height:1px;
    height:auto !important;
    height:1px;
}

.listAnswerSubElement {
    border-bottom:1px dotted rgb(255,120,0);

    min-height:1px;
    height:auto !important;
    height:1px;
}

/***************************************/
/* defaults voor body, a, table, forms */
/***************************************/

body {
    margin-top:0px;
    font-family: "Lucida Grande", "Trebuchet MS", Verdana, serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;

    background-color: white;
	color: rgb(77,77,77);
	background-image:   url("/gfx/background.gif");
}

/* use these body parts to center the page horizontally */

#body_top {
	margin-top:0px;
	width=100%;
	text-align=center;
}

#body_split {
	width=100%;
	text-align=center;
	top:100;
}

#body_bottom {
	width=100%;
	text-align=center;
	top:150;
}

/* a */

a {
    padding:1px;
    color: rgb(235,32,141);

    text-decoration:none;
}
a:link {
}
a:visited {
}
a:hover {
    text-decoration:underline;
}
a:active {
    text-decoration:underline;
}

a.normal {
    padding:1px;
    color: rgb(97,1,121);

    text-decoration:none;
}
a.normal:link {
}
a.normal:visited {
}
a.normal:hover {
    text-decoration:underline;
}
a.normal:active {
    text-decoration:underline;
}
 
/* navigation & buttons */

a.nav {
	/*FF*/
    display:block;
    float:left;
    height:auto !important;
    min-height:22px;
    max-width:150px;

    padding-top:7px;
    padding-left:15px;
    padding-right:15px;
    border-left:1px solid white;
    border-right:1px solid white;

    height:28px;

    background-color: rgb(97,1,121);
    color: white;

    font-family: Verdana, serif;
    font-size:0.8em;
    text-decoration:none;
}
a.nav:link {
    text-decoration:none;
}
a.nav:visited {
    text-decoration:none;
}
a.nav:hover {
    background-color: rgb(255,120,0);
    text-decoration:none;
}
a.nav:active {
    text-decoration:none;
}

a.nav_selected {
	/*FF*/
    display:block;
    float:left;
    height:auto !important;
    min-height:22px;
    max-width:150px;

    padding-top:7px;
    padding-left:15px;
    padding-right:15px;
    border-left:1px solid white;
    border-right:1px solid white;

    height:28px;

    background-color: rgb(255,120,0);
    color: white;
    /*color: rgb(77,77,77);*/

    font-family: Verdana, serif;
    font-size:0.8em;
    text-decoration:none;
}
a.nav_selected:link {
    text-decoration:none;
}
a.nav_selected:visited {
    text-decoration:none;
}
a.nav_selected:hover {
    text-decoration:none;
}
a.nav_selected:active {
    text-decoration:none;
}
 
a.list {
    padding:1px;
    color: rgb(97,1,121);

    text-decoration:none;
}
a.list:link {
}
a.list:visited {
}
a.list:hover {
    text-decoration:underline;
}
a.list:active {
    text-decoration:underline;
}
 
a.list_selected {
    padding:1px;
    color: rgb(255,120,0);

    text-decoration:none;
}
a.list_selected:link {
}
a.list_selected:visited {
}
a.list_selected:hover {
    text-decoration:underline;
}
a.list_selected:active {
    text-decoration:underline;
}

a.filter {
    color: rgb(97,1,121);

    font-size:0.9em;
    text-decoration:none;
}
a.filter:link {
    text-decoration:none;
}
a.filter:visited {
    text-decoration:none;
}
a.filter:hover {
    color: rgb(255,120,0);
    text-decoration:none;
}
a.filter:active {
    text-decoration:none;
}

a.filter_selected {
    color: rgb(255,120,0);

    font-size:0.9em;
    text-decoration:none;
}
a.filter_selected:link {
    text-decoration:none;
}
a.filter_selected:visited {
    text-decoration:none;
}
a.filter_selected:hover {
    text-decoration:none;
}
a.filter_selected:active {
    text-decoration:none;
}

a.button {
    border-bottom: 1px solid rgb(77,77,77);
    border-right: 1px solid rgb(77,77,77);
    border-left: 1px solid rgb(225,225,225);
    border-top: 1px solid rgb(225,225,225);

    background-image: url(/gfx/button.gif);
    background-repeat: repeat-x; 

    padding-left:4px;
    padding-right:4px;
    color: white;

    font-weight: bold;
    text-decoration:none;
}
a.button:link {
}
a.button:visited {
}
a.button:hover {
    border-top: 1px solid rgb(77,77,77);
    border-left: 1px solid rgb(77,77,77);
    border-bottom: 1px solid rgb(225,225,225);
    border-right: 1px solid rgb(225,225,225);

    text-decoration:none;
}
a.button:active {
    border-top: 1px solid rgb(77,77,77);
    border-left: 1px solid rgb(77,77,77);
    border-bottom: 1px solid rgb(225,225,225);
    border-right: 1px solid rgb(225,225,225);

    text-decoration:none;
}

a.button2 {
    border-bottom: 1px solid rgb(77,77,77);
    border-right: 1px solid rgb(77,77,77);
    border-left: 1px solid rgb(225,225,225);
    border-top: 1px solid rgb(225,225,225);

    background-image: url(/gfx/button.gif);
    background-repeat: repeat-x; 

    padding-left:4px;
    padding-right:4px;
    color: white;

    font-weight: bold;
    text-decoration:none;
}
a.button2:link {
}
a.button2:visited {
}
a.button2:hover {
    border-top: 1px solid rgb(77,77,77);
    border-left: 1px solid rgb(77,77,77);
    border-bottom: 1px solid rgb(225,225,225);
    border-right: 1px solid rgb(225,225,225);

    text-decoration:none;
}
a.button2:active {
    border-top: 1px solid rgb(77,77,77);
    border-left: 1px solid rgb(77,77,77);
    border-bottom: 1px solid rgb(225,225,225);
    border-right: 1px solid rgb(225,225,225);

    text-decoration:none;
}

a.balk_mail {
    display: block;
    width: 20px;
    height: 23px;
    background: url("/gfx/balk_mail2.jpg") 0 0 repeat-x;
    text-decoration: none;
}
a.balk_mail:link {
    text-decoration:none;
}
a.balk_mail:visited {
    text-decoration:none;
}
a.balk_mail:hover {
    background-position: -20px 0;
    text-decoration:none;
}
a.balk_mail:active {
    text-decoration:none;
}

a.balk_abuse {
    display: block;
    width: 22px;
    height: 23px;
    background: url("/gfx/balk_abuse2.jpg") 0 0 repeat-x;
    text-decoration: none;
}
a.balk_abuse:link {
    text-decoration:none;
}
a.balk_abuse:visited {
    text-decoration:none;
}
a.balk_abuse:hover {
    background-position: -22px 0;
    text-decoration:none;
}
a.balk_abuse:active {
    text-decoration:none;
}

a.balk_up {
    display: block;
    width: 22px;
    height: 23px;
    background: url("/gfx/balk_up2.jpg") 0 0 repeat-x;
    text-decoration: none;
}
a.balk_up:link {
    text-decoration:none;
}
a.balk_up:visited {
    text-decoration:none;
}
a.balk_up:hover {
    background-position: -22px 0;
    text-decoration:none;
}
a.balk_up:active {
    text-decoration:none;
}

a.balk_down {
    display: block;
    width: 22px;
    height: 23px;
    background: url("/gfx/balk_down2.jpg") 0 0 repeat-x;
    text-decoration: none;
}
a.balk_down:link {
    text-decoration:none;
}
a.balk_down:visited {
    text-decoration:none;
}
a.balk_down:hover {
    background-position: -22px 0;
    text-decoration:none;
}
a.balk_down:active {
    text-decoration:none;
}

a.balk_text {
    color:white;
    text-decoration: none;
}
a.balk_text:link {
    text-decoration:none;
}
a.balk_text:visited {
    text-decoration:none;
}
a.balk_text:hover {
    color: rgb(97,1,121);
    /*background: url("/gfx/balk_achter_over.jpg") 0 0 x-repeat;*/
    text-decoration:none;
}
a.balk_text:active {
    text-decoration:none;
}

a.balk_text2 {
    color:white;
    text-decoration: none;
}
a.balk_text2:link {
    text-decoration:none;
}
a.balk_text2:visited {
    text-decoration:none;
}
a.balk_text2:hover {
    color: rgb(255,120,0);
    /*color: rgb(235,32,141);*/
    /*background: url("/gfx/balk_achter_over.jpg") 0 0 x-repeat;*/
    text-decoration:none;
}
a.balk_text2:active {
    text-decoration:none;
}

/* tables */

table.table_list {
    color: rgb(77,77,77);

    font-family: "Lucida Grande", "Trebuchet MS", Verdana, serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
}

table.table_list_small {
    color: rgb(77,77,77);

    font-family: "Lucida Grande", "Trebuchet MS", Verdana, serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
}

td.table_list_data {
    padding:2px;
    font-size:0.9em;
}

td.table_list_avatar {
    padding-right:10px;
}

td.table_list_avatar_selected {
    padding-right:10px;
}

td.table_list_text {
    font-size:1.0em;
}
td.table_list_text_2 {
    font-size:0.9em;
    color:rgb(77,77,77);
}


td.table_list_description {
    font-family: Verdana, serif;
    font-size:0.7em;
}

td.table_list_special {
    font-family: Verdana, serif;
    font-size:0.7em;
    color:rgb(97,1,121);
}

td.table_list_border {
    font-family: Verdana, serif;
    border: 1px dotted rgb(255,120,0);
    background-color:rgb(255,255,225);
    font-size: 0.7em;
}

table.table_balk {
}
td.table_balk_links {
	vertical-align:top;
}
td.table_balk_midden {
	vertical-align:top;
}
td.table_balk_rechts {
	vertical-align:top;
}
td.table_balk_text {
    background-image: url(/gfx/balk_achter.jpg);
    background-repeat: repeat-x; 
    font-size: 0.8em;
    color: white;
}
td.table_balk_text2 {
    background-image: url(/gfx/balk_achter2.jpg);
    background-repeat: repeat-x; 
    font-size: 0.8em;
    color: white;
}
td.table_balk_up {
    font-size: 0.8em;
}
td.table_balk_down {
    font-size: 0.8em;
}
td.table_balk_mail {
    font-size: 0.8em;
}
td.table_balk_abuse {
    font-size: 0.8em;
}

table.table_form_big {
    font-family: "Lucida Grande", "Trebuchet MS", Verdana, serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.0em;
}
table.table_form {
    font-family: "Lucida Grande", "Trebuchet MS", Verdana, serif;
    font-style: normal;
    font-weight: normal;
    font-size: 0.9em;
}
td.table_form_head {
	vertical-align:top;
	padding-top:5px;
}
td.table_form_body {
	vertical-align:top;
	padding-bottom:5px;
}
td.table_form_text {
	vertical-align:top;
	padding:5px;
}
td.table_form_text_smal {
	vertical-align:top;
	padding:5px;
}
td.table_form_field {
	padding:5px;
}

/* forms */

input	{
	background-color: white;
}

select	{
	background-color: white;
}

textarea	{
	background-color: white;
}

.form_total {
    position:relative;
    color: rgb(77,77,77);
    /*background-color:rgb(255,255,225);*/

    font-family: verdana, serif;
}

.form_head {
    margin-top:20px;
    padding: 0px;

    position:relative;

    font-size: 0.9em;
}

.form_body {
    padding:0px;

    position:relative;

    font-size: 0.9em;
}

.form_sub_head {
    margin-top:10px;
    padding: 0px;

    position:relative;

    font-size: 0.7em;
    font-weight: bold;
}

.form_sub_body {
    padding:0px;

    position:relative;

    font-size: 0.7em;
}

.form_button {
    margin-top:20px;
    padding:0px;

    position:relative;

    text-align:right;
}

/************/
/* BODY TOP */
/************/

#header {
    margin:auto;

    position:relative;
    top:0;
    left:0;
    width:950;
    height:130;

    /*background-image:   url("/gfx/poppetje_part1_mark.gif");
    background-position: top right;
    background-repeat: no-repeat;*/
    background-color: white;

    font-family: Verdana, serif;
    font-size: 0.9em;

    color: rgb(77,77,77);
    text-align:left;
}

#logo {

    position:absolute;
    top:15;
    left:5;
    width:195;
    height:130;

    vertical-align:middle;
}

#inloggen {
    padding:2px;

    position:absolute;
    top:80;
    left:195;
    width:320;
    height:40;
}

#feature {
    padding:2px;

    text-align: right;

    position:absolute;
    top:92;
    left:515;
    width:148;
    height:28;
}

#banner {
    padding:2px;
    /*border: dotted rgb(77,77,77) 1px;*/
    border: 1px dotted rgb(97,1,121);

    position:absolute;
    top:10;
    left:195;
    width:468;
    height:60;

    color: rgb(77,77,77);

    font-size: 1.0em;
    font-weight: bold;
}

#info {
    padding:10px;

    max-width:250px;

    position:absolute;
    top:0;
    left:680;
    width:270;
    height:100;

    font-size: 0.9em;
    color: rgb(77,77,77);
    text-align:left;

    background-image: url("/gfx/verloopje.gif");
    background-position: top left;
    background-repeat: repeat-x;
    background-color: white;

}

#power {
    padding:2px;

    border-top: dotted rgb(77,77,77) 1px;
    position:absolute;
    top:100;
    left:680;
    width:270;
    height:20;

    text-align:center;
    visibility:hidden;
}

/**************/
/* BODY SPLIT */ 
/**************/

#split {
    margin:auto;

    position:relative;
    top:0;
    left:0;
    width:950;
    height:30;

    border-top: 1px solid white;
    border-bottom: 1px solid white;

    background-color: rgb(97,1,121);
    color: rgb(77,77,77);
    text-align:left;
}

#navigation {
    position:absolute;
    top:0;
    left:195;
    width:750;
    height:30;
    z-index: 2;

}

/* aanmelden */

#login_header {
    /*color: rgb(125,125,125);*/
    padding: 0px;

    position:absolute;
    top:10;
    left:610;
    width:80;
    height:100;

    font-size: 1.1em;
    font-weight: bold;
}

#login {
    padding:0px;
    border: 1px dotted rgb(225,225,225);

    position:absolute;
    top:10;
    left:700;
    width:230;
    height:100;

    font-size: 0.9em;
}


/***************/
/* BODY BOTTOM */ 
/***************/

#main {
    margin:auto;

    position:relative;
    top:0;
    left:0;
    width:950;

    /*background-image:   url("/gfx/dual_background_part3_mark.gif"); */
    background-image:   url("/gfx/verloopje.gif");
    background-position: top left;
    background-repeat: no-repeat;

    background-color: white;

    color: rgb(77,77,77);
    text-align:left;
}

/* LEFT */ 

#advertentie2 {
    margin-top:20px;
    padding:2px;

    min-height:1px;
    height:auto !important;
    height:1px;

    float:left;
    top:0;
    left:0;
    width:165;
}

#controls {
    margin-top: 20px;
    margin-left: 10px;
    padding:2px;

    min-height:600px;
    height:auto !important;

    float:left;
    top:10;
    left:10;
    width:165;
    height:600;
}

#divider {
    margin-top: 20px;

    background-image:   url("/gfx/oogje.gif");
    background-position: top middle;
    background-repeat: no-repeat;

    float:left;
    top:10;
    left:10;
    width:40;
    height:600;
}

#line {
    margin-top: 50px;
    border-right:1px dotted rgb(97,1,121);

    top:0;
    left:0;
    width:20;
    height:400;
}

/* browse */

#tagSearch {
    position:relative;

    min-height:80px;
    height:auto !important;

    top:0;
    left:0;
    width:160;
    height:80;
}

#tagList {
    margin-top: 20px;

    min-height:500px;
    height:auto !important;

    position:relative;
    top:0;
    left:0;
    width:160;
    height:500;
}

/* vraag */

#questionTags {
    margin-top:20px;
    position:relative;

    min-height:80px;
    height:auto !important;

    top:0;
    left:0;
    width:160;
    height:80;
}

#groupRelated {
    margin-top:20px;
    position:relative;

    min-height:80px;
    height:auto !important;

    top:0;
    left:0;
    width:160;
    height:80;
}

#userRelated {
    margin-top:20px;
    position:relative;

    min-height:80px;
    height:auto !important;

    top:0;
    left:0;
    width:160;
    height:80;
}

/* ask */

#question_info {
    position:relative;

    min-height:80px;
    height:auto !important;

    top:0;
    left:0;
    width:160;
    height:80;
}

/* users */

#userSearch {
    position:relative;

    min-height:100px;
    height:auto !important;

    top:0;
    left:0;
    width:160;
    height:100;
}

#link2userNew {
    position:relative;

    min-height:140px;
    height:auto !important;

    top:20;
    left:0;
    width:160;
    height:140;
}

/* mijn */

#memberStatus {
    position:relative;

    min-height:1px;
    height:auto !important;

    top:0;
    left:0;
    width:160;
}

#memberGroup {
    position:relative;

    min-height:1px;
    height:auto !important;

    top:0;
    left:0;
    width:160;
}

/* groups */

#groupSearch {
    position:relative;

    min-height:80px;
    height:auto !important;

    top:0;
    left:0;
    width:160;
    height:80;
}

#link2groupNew {
    position:relative;

    min-height:70px;
    height:auto !important;

    top:0;
    left:0;
    width:160;
    height:70;
}

#group_info {
    position:relative;

    min-height:400px;
    height:auto !important;

    top:0;
    left:0;
    width:160;
    height:400;
}

/* RIGHT */ 

#advertentie {
    margin-top:20px;
    padding:2px;

    min-height:1px;
    height:auto !important;

    float:left;
    top:0;
    left:0;
    width:650;
}

#overzichtHeaderBig {
    margin-top:10px;
    padding: 2px;
    border-bottom: 1px dotted rgb(97,1,121);

    min-height:20px;
    height:auto !important;

    top:0;
    left:0;
    width:650;
    height:20;
}

#overzichtBodyBig {
    padding:2px;

    min-height:40px;
    height:auto !important;

    top:0;
    left:0;
    width:650;
    height:40;
}

#overzichtHeaderSmall {
    padding: 2px;
    border-top: 1px dotted rgb(97,1,121);

    min-height:20px;
    height:auto !important;

    top:0;
    left:50;
    width:580;
    height:20;
}

#overzichtBodySmall {
    padding:2px;

    min-height:40px;
    height:auto !important;

    top:0;
    left:50;
    width:580;
    height:40;
}

#breadcrum {
    margin-top:27px;
    padding:2px;

    float:left;
    top:0;
    left:0;
    width:650;
    height:30;
}

/* browse */

#listQuestion {
    padding:2px;

    min-height:1px;
    height:auto !important;

    float:left;
    top:0;
    left:0;
    width:650;
}

/* vraag */

#listQuestionTiny {
    margin-top:20px;
    padding:2px;

    min-height:1px;
    height:auto !important;

    float:left;
    top:0;
    left:0;
    width:650;
}

#listAnswer {
    margin-top:20px;
    padding:2px;

    min-height:1px;
    height:auto !important;

    float:left;
    top:0;
    left:0;
    width:650;
}

/* ask */

#question {
    padding:2px;

    position:absolute;
    top:57;
    left:215;
    width:680;
    height:450;

    /*overflow:auto;*/
    z-index: 3;
}

#question2 {
    padding:2px;

    position:absolute;
    top:57;
    left:215;
    width:680;
    height:450;

    overflow:auto;
    z-index: 3;

    visibility:hidden
}

#dummy {
    padding:2px;

    min-height:50px;
    height:auto !important;

    float:left;
    top:0;
    left:0;
    width:650;
    height:50;
}

/* users */

#userList {
    padding:2px;

    min-height:1px;
    height:auto !important;

    float:left;
    top:0;
    left:0;
    width:650;
}

/* mijn */

#memberInfo {
    padding:2px;

    min-height:1px;
    height:auto !important;

    float:left;
    top:0;
    left:0;
    width:650;
}

#memberActivity {
    padding:2px;

    min-height:1px;
    height:auto !important;

    float:left;
    top:0;
    left:0;
    width:650;
}

#memberTags {
    margin-top:20px;
    padding:2px;

    min-height:1px;
    height:auto !important;

    float:left;
    top:0;
    left:0;
    width:650;
}

/* groups */

#groupList {
    padding:2px;

    min-height:1px;
    height:auto !important;

    float:left;
    top:0;
    left:0;
    width:650;
}

/* message */

#message {
    margin-top:20px;
    padding:2px;

    min-height:1px;
    height:auto !important;

    float:left;
    top:0;
    left:0;
    width:650;
}

/*************/
/* afsluiten */
/*************/

#footer {
    margin-top:20px;
    padding:2px;
    border-top: 1px dotted rgb(97,1,121);

    clear: left;
    top:0;
    left:0;
    width:950;
    height:20;
}

/* popups voor diverse info */

#popup {
    /*border: 1px solid rgb(97,1,121);*/
    /* border-bottom: 1px solid rgb(255,120,0); */
    /* border-top: 1px solid rgb(255,120,0); */

    position:absolute;

    top:30;
    left:215;
    width:680;
    height:450;

    overflow:auto;
    text-align:left;
    z-index: 3;
    visibility: hidden;
}