/* CSS Document */

/* ------------------------------------------------------------------ */   
/* ------------------------ Universal Styles------------------------- */
/* ------------------------------------------------------------------ */

* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object {border:0;}
body {padding:20px 0; background:rgb(204,255,204); font:0.8em/1.5 "arial",sans-serif; color:#000; text-align:center;}

#body_music {margin:0; padding:0;}
#body_music table {margin:0; padding:0;}
#body_music td {padding:0px 0px 0px 0px;}

.img_left {float:left; padding-right:15px;}
.img_right {float:right; padding-left:15px;}

a {color:#000;}
a:hover {color:#D72028;}

.reverse {color:#D72028;}
a:hover.reverse {color:#000;}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h1 {font-size:200%;}
h2 {font-size:170%; font-weight:normal; color:#D72028;}
h3 {font-size:140%; font-weight:normal;}
h4 {font-size:120%;}
h5 {font-size:100%;}

p {margin:15px;}

label {font-size:125%;}

table {margin:15px 0; border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 5px;}

ul, ol {display:block; margin:15px 0 15px 40px;}
ul ul, ul ul ul, ol ol, ol ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
ol ol {list-style-type:upper-alpha;}
ol ol ol {list-style-type:lower-alpha;}
li {display:list-item;}

dl {margin:15px 0;}
dt {font-weight:bold;}
dd {margin-left:30px;}

fieldset {margin:15px 0; padding:10px; border:1px solid #CCC;}
.help-fieldset {width:250px; margin-left:25px; padding:0px;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#000;}

abbr, acronym, .help {border-bottom:1px dotted black; cursor:help;}
blockquote {margin:15px 20px; font-style:italic;}

del, .del {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var, .italic {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}

hr {display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;}

.f-left {float:left;}
.f-right {float:right;}
.f-center {margin:0 auto 0 auto;}

.t-left, tr.t-left td {text-align:left !important;}
.t-center, tr.t-center td {text-align:center !important;}
.t-right, tr.t-right td {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}

.clear {clear:both;}

.width100 {width:auto; margin-top:-15px;}
.width600 {width:600px;}
.height50 {height:50px;}
.height30 {height:30px}

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.lh5 {line-height:5px;}
.lh10 {line-height:10px;}
.lh15 {line-height:15px;}
.lh20 {line-height:20px;}
.lh25 {line-height:25px;}
.lh30 {line-height:30px;}

.nom {margin:0;}
.nomt {margin-top:0;}
.nomb {margin-bottom:0;}
.noml {margin-left:0;}
.nomr {margin-right:0;}

.m5 {margin:5px;}
.m10 {margin:10px;}
.m15 {margin:15px;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:10px;}
.mb30 {margin-bottom:10px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}

.l-spacing5 {letter-spacing:5px;}
.l-spacing8 {letter-spacing:8px;}
.l-spacing10 {letter-spacing:10px;}

.noscreen {display:none;}
.nocolor {background:none;}

.small_text {font-size: 10px;}
.small_text_silver {font-size: 10px; color:#4F81BD;}
.t-13 {font-size: 13px;}
.t-15 {font-size: 15px;}
.t-16 {font-size: 16px;}
.t-17 {font-size: 17px;}

.dotted {border-bottom:1px dotted #C0C0C0;}
/*---------------------- UNIVERSAL STYLES END --------------------------------*/

#main {
margin: 0 auto;
text-align: left; /* zarovnanie textu */
width: 980px; /* sirka layoutu */
border:0px solid black;
}

#header {
position:relative;
width: 100%;
height: 80px;
}
/*LOGO*/
  #logo {float:left; width:150px; height:80px; margin:-20px -3px;}
        #play_music {float:left; width:150px; margin-top:0px; margin-left:20px; line-height:160%;}
        #play_music ul {margin:0; padding:0; list-style:none;}
    	#play_music ul li {float:left; display:inline; margin:0; padding:0;}
    	#play_music ul li a {display:block; float:left; /*\*/ float:none; padding:10px 0 10px 35px; background:url("icony/ico-play.gif") 0 50% no-repeat; color:#555; text-transform:uppercase; font-size:85%; letter-spacing:1px; text-decoration:underline;}
    	#play_music ul li a:hover {color:#D72028; text-decoration:none;}
  #user {position:absolute; top:5px; right:0; margin:0; letter-spacing:1px;}
  #user a:hover {color:#D72028; text-decoration:none;}
  #user span {margin:0 2px; color:#CCC;}
  
  #back-to-page {position:absolute; top:-65px; right:0px; margin:0; letter-spacing:1px; height:60px; width:60px; background:url("icony/back_page.png") 0 50% no-repeat; text-decoration:none;}
  
  #nav {clear:both; width:980px; text-align:center; border:0px solid red;}
       #nav-in {width:816px; margin:0 170px; }
           #nav ul {margin:0; padding:0; list-style:none;}
           #nav ul li {display:inline; margin:0; padding:0;}
           #nav ul li a {display:block; float:left; width:110px; margin:0 2px; font-size:120%; padding:5px 0; background:#EEE url("icony/nav-tab.gif") 0 0 no-repeat; text-align:center; color:#333; text-decoration:underline;}
           #nav ul li#nav-cesty a {display:block; float:left; width:110px; margin:0 10px; font-size:120%; padding:5px 0; background:#EEE url("icony/nav-tab.gif") 0 0 no-repeat; text-align:center; color:#333; text-decoration:underline;}
           #nav ul li#nav-cesty-active a {display:block; float:left; width:110px; margin:0 10px; font-size:120%; padding:5px 0; background:#EEE url("icony/nav-tab.gif") 0 -150px no-repeat; text-align:center; color:#D72028; text-decoration:none; font-weight:bold;}
           #nav ul li#nav-active a {display:block; float:left; width:110px; margin:0 2px; font-size:120%; padding:5px 0; background:#CEE7FF url("icony/nav-tab.gif") 0 -150px no-repeat; text-align:center; color:#D72028; text-decoration:none; font-weight:bold;}
           #nav ul li a:hover {background:#EEE url("icony/nav-tab.gif") 0 -75px no-repeat; text-decoration:none;}
  #search {position:relative; height:40px; padding:10px 0 0 0; background:url("icony/search-bg.gif") 0 0 repeat-x; text-align:center;}
    #search .search_box {margin:10px 0 0 720px;}


/* ------------------------------------------------------------------ */   
/* ------------------------ Main Content ---------------------------- */
/* ------------------------------------------------------------------ */

	#page, #page-layout02 {padding-bottom:25px; margin-top:0px;}
	
  .text_box {float:left; width:600px; margin-bottom:0px;}
      .text_box p {margin:15px 15px; font-size: 120%; line-height:1.2; }
      .text_box li {font-size: 113%;}
  
  .text_box_footer {float:left; width:590px;}
      .comment_box {float:left; width:300px; margin:0;}
      .author_box {float:right; width:200px; margin:0; text-align:right;}
      .comment_box p {margin:15px 15px; font-size: 125%; line-height:1.2;}
      
  .video_box {float:right; text-align:center; width: 350px; border:0px solid black;}
  .baba_box {float:right; text-align:center; width:350px; border:0px solid silver;}
    .nav_more {float:right; margin-top:15px; margin-bottom:25px; width:350px; text-align:center; font-size:125%;}
  
  .anketa_box {float:right; text-align:center; width: 350px; border:0px solid silver;}
    .question_text {border:0px solid silver;}
    .answer_box {float:right; width:350px; border:0px solid red;}
      #answer_cell_1{margin:0px 10px 10px 30px; float:left; border:0px solid orange;}
        .answer1 {width:55px; background-color:rgb(204,255,153); border:1px solid #6f6f6f;}
      #answer_cell_2{margin:0px 10px 10px 10px; float:left; border:0px solid silver;}
        .answer2 {width:55px; background-color:rgb(104,150,183); border:1px solid #6f6f6f;}
      #answer_cell_3{margin:0px 10px 10px 10px; float:left; border:0px solid silver;}
        .answer3 {width:55px; background-color:rgb(255,188,155); border:1px solid #6f6f6f;}
      #answer_cell_4{margin:0px 10px 10px 10px; float:left; border:0px solid silver;}
        .answer4 {width:55px; background-color:rgb(225,100,53); border:1px solid #6f6f6f;}

        .question_box {float:left; margin-left:14px; width: 335px; border:0px solid silver;}
        .question1 {float:left; text-align:center; width:79px; border:0px solid silver;}
        .question2 {float:left; text-align:center; width:79px; border:0px solid silver;}  
        .question3 {float:left; text-align:center; width:79px; border:0px solid silver;}
        .question4 {float:left; text-align:center; width:79px; border:0px solid silver;}   
     
    .form-comment {margin-left:35px; margin-bottom:0px; width:455px; border:0px solid #C0C0C0;}
    .double-line {width:100%; height:25px; border-top:1px dotted #C0C0C0; border-bottom:1px dotted #C0C0C0;}
/* Main content end */

#left {
float: left;
width: 600px; /* sirka laveho bloku*/
height: 100%;
border:0px solid black;
}

#pravy {
position:relative;
float:right;
width:360px; /* sirka praveho bloku*/
height:100%;
border:0px solid black;
}

.anketa {font-size:120%; font-weight:bold;}


#footer {
clear: both;
width: 100%;
height: 50px;
background:url("icony/footer-bg.gif") 0 0 no-repeat;
margin: 0 auto; /* centrovanie pre Operu, Firefox, Mozilu */
text-align: center; /* centrovanie pre IE*/
border:0px solid black;
}
#footer p {padding-top:15px; letter-spacing:1px; color:#555;}

/* ------------------------------------------------------------------ */   
/* ------------------------ Title styles ---------------------------- */
/* ------------------------------------------------------------------ */

.hx-style01 {clear:both; position:relative; margin-top:15px; padding:10px 0 10px 10px; width:590px;}
    .hx-style01 {background:url("icony/content-hx-style01.gif") 0 0 no-repeat;}
    #page #content .hx-style01 {background:url("icony/content-hx-style01.gif") 0 0 no-repeat;}
    .hx-style01 h2, .hx-style01 h3 {margin:0; font-size:160%; font-weight:normal; color:#D72028;}
    .hx-style01 .hx-desc {position:absolute; top:17px; right:1px; margin-top:0; color:#555; font-style:italic; width:120px;}

.hx-style02 {clear:both; background:url("icony/dot.gif") 0 100% repeat-x;}
    .hx-style02 span {color:#999;}
    .hx-style02 a {color:#D72028; text-decoration:none;}
    .hx-style02 a:hover {color:#000;}

.hx-style03 {clear:both; position:relative; margin-top:15px; width:350px; float:right; border:0 solid black;}
    .hx-style03 {background:url("icony/content-hx-style03.gif") 0 0 no-repeat;}
    .hx-style03 h2, .hx-style03 h3 {margin:10px; font-size:160%; font-weight:normal; color:#D72028;}
    
.nick-name {clear:both; position:relative; width:600px;}
.time {position:absolute; top:20px; right:15px; margin:0; font-style:italic; color:#555;}
.time-format {font-style:italic; color:#555;}

/* Icons */    
.ico-list {padding-left:40px; background:url("icony/ico-list.gif") 0 50% no-repeat;}
.ico-time {padding-left:40px; background:url("icony/ico-time.gif") 0 50% no-repeat;}
.ico-world {padding-left:40px; background:url("icony/ico-world.gif") 0 50% no-repeat;}
.ico-video {padding-left:40px; background:url("icony/ico-video.gif") 0 50% no-repeat; border:0 solid orange;}
.ico-baba {padding-left:40px; background:url("icony/ico-discuss.gif") 0 50% no-repeat; border:0 solid orange;}
.ico-anketa {padding-left:40px; background:url("icony/ico-anketa.gif") 0 50% no-repeat; border:0 solid orange;}
.ico-delete {padding-left:11px; background:url("icony/delete.gif") 0 50% no-repeat; text-decoration:none;}
.ico-edit {padding-left:11px; background:url("icony/edit.gif") 0 50% no-repeat; text-decoration:none;}
.ico-disabled {padding-left:11px; background:url("icony/disabled.gif") 0 50% no-repeat; text-decoration:none;}
.ico-enabled {padding-left:11px; background:url("icony/enabled.gif") 0 50% no-repeat; text-decoration:none;}
.ico-folder {padding-left:20px; background:url("icony/ico-folder.gif") 0 50% no-repeat; text-decoration:none;}
.ico-checked {padding-left:20px; background:url("icony/checked.gif") 0 50% no-repeat; text-decoration:none;}
.ico-no-checked {padding-left:20px; background:url("icony/checked_no.gif") 0 50% no-repeat; text-decoration:none;}
.ico-hviezda-active {padding:0 6px 0 7px; background:url("icony/star_red.gif") 0 50% no-repeat; text-decoration:none;}
a:hover.ico-hviezda-active {padding:0 6px 0 7px; background:url("icony/star_yellow.gif") 0 50% no-repeat; text-decoration:none;}
.ico-hviezda-pasive {padding:0 6px 0 7px; background:url("icony/star.gif") 0 50% no-repeat; text-decoration:none;}
a:hover.ico-hviezda-pasive  {padding:0 6px 0 7px; background:url("icony/star_yellow.gif") 0 50% no-repeat;text-decoration:none;}
.ico-comment {padding-left:45px; padding-top:15px; margin-bottom:-10px; background:url("icony/comment.gif") 0px 95% no-repeat;}
.ico-mail {margin-left:40px; padding:20px; background:url("icony/ico-mail.gif") 0 90% no-repeat; border:0 solid orange; text-decoration:none;}

.content-background {padding:30px; background:url("icony/content-background.gif") 50px no-repeat;}
.content-background-thin {background:url("icony/content-background-thin.gif") 0px repeat;}

.more {color:#D72028;}
    a:hover.more {color:#4F81BD;}
.blue {color:#4F81BD;}
    a:hover.blue {color:#D72028;}
.more_blue {color:#4F81BD; font-weight:bold; text-decoration:underline;}
    a:hover.more_blue {color:#D72028; font-weight:bold; }
.more_black {color:#D72028; text-decoration:underline;}
    a:hover.more_black {color:#000;}
.underline_no {font-style:italic; text-decoration:none;}
.underline-no {text-decoration:none;}

/* ------------------------------------------------------------------ */   
/* ------------------------ SHADOWS STYLE --------------------------- */
/* ------------------------------------------------------------------ */
.shadow2 {
    	position: relative;
    	left: -2px;
    	top: -1.5px;
    }
    
.shadow3 {
    	position: relative;
    	left: -2px;
    	top: -1.5px;
    }

.shadow1 {
		background:#A2CBA2;
		border:0px solid red;
	}

.shadow2 {
		background:#789678;
		border:0px solid red;
	}

.shadow3 {
		background:#B8B6B8;
		border:0px solid red;
	}
/*-- Bielo-cierne okraje okolo fotiek --*/ 
.picture-1 {border:1px solid black;}
.picture-2 {border:1px solid white;}

/* ----------- ADMIN ---------------- */
#main-admin {
margin: 0 auto;
text-align: left; /* zarovnanie textu */
width: 980px; /* sirka layoutu */
}

#body-admin {padding:20px 0; background:rgb(204,255,204); font:0.8em/1.5 "arial",sans-serif; color:#000; text-align:center;}

.box-admin-100 {width:auto;}
  .form-article {width:680px; float:left;}
  
#public-0, #public-1 {margin:0;}

.form-login {width:300px; margin:0 auto; text-align:left;}

.table_article {margin-left:15px;}
.table_article td, th {border:1px solid #C0C0C0;}

.admin-image-box {float:left; width:180px; height:195px; margin:5px; background:#D9FFD9; border:1px solid silver;}
.admin-image-preview-box {margin:0 auto; margin:1em auto 1em auto; border:0px solid red;}
.box-250 {float:left; clear:both; margin-left:15px; margin-bottom:15px; width:230px; border:1px solid silver; background:#D9FFD9;}

.admin-photo-main-box {border:0px solid red; height:100%; margin:10px 0px 0px 5px; float:left;}

.admin-foto-items {position:absolute; margin-left:240px; margin-top:135px; border:0px solid red;}
.admin-video-items {position:absolute; margin-left:280px; margin-top:135px; border:0px solid red;}
.admin-foto-footer {position:absolute; margin-top:125px; color:#989898; border:0px solid red;}
.admin-video-footer {position:absolute; margin-top:135px; color:#989898; border:0px solid red;}
.admin-photo-navigation-box {border:1px solid silver; width:940px; height:30px; padding:10px 0px 0px 5px; margin-left:10px;}
.admin-photo-navigation {float:left; margin-left:5px; margin-top:-15px; width:750px; text-align:center;}

.admin-photogallery-items {float:left; margin-left:60px; text-align:center; border:0px solid black}

#admin-content-box {width:355px; height:160px; float:left; margin-left:8px; margin-bottom:15px; padding:10px; border:1px solid #C0C0C0; background:#D9FFD9 }
#admin-content-box h3 {font-size:140%; font-weight:normal; margin:0; color:#D72028;}
#admin-content-box p {margin:0; padding-top:15px;}

.edit-content {text-align:center; border:0px solid black}
.edit-description {margin:10px 0 10px 0; border:0px solid black}
.edit-item-left {position:absolute; margin:-5px 0px 0px 40px; border:0px solid black}
.edit-item-right {position:absolute; margin:-5px 0px 0px 585px; border:0px solid black}

/* ------------- PHOTOGALLERY -------------*/
#photogallery-box {float:left; margin-top:15px; margin-bottom:15px; border:0px solid red}
#photogallery-box .picture-box {float:left; margin-left:4px; border:0px solid black;}
#content-box {width:360px; height:130px; float:left; margin-left:10px; padding:10px; border:1px solid #C0C0C0; background:#D9FFD9;}
#content-box h3 {font-size:140%; font-weight:normal; margin:0; color:#D72028;}
#content-box p {margin:0; padding-top:5px;}
#content-box .info-text {color:#989898; padding-top:10px; margin-top:5px;}
#content-box .description-text {height:70px;}

  /* ---------- PHOTOGALLERY INDEX ---------- */
  #photogallery-index-box {width:980px; height:100%; margin:0 auto; text-align:center; border:0px solid red}
    #photogallery-index-box .navigation {width:780px; height:38px; margin:15px auto 15px auto; line-height:3; border:1px solid silver; background:#D9FFD9}
    #photogallery-index-box .index-box {margin:15px auto 15px auto; width:790px; border:0px solid silver}
    
    #photogallery-index-box .item-middle {float:left; width:625px; border:0px solid black;}
    #photogallery-index-box .image-preview-box {float:left; margin:5px; padding:5px; width:175px; height:175px; border:1px solid silver; background:#D9FFD9;}
    #photogallery-index-box .image-preview {border:0px solid red;}
    
    #photogallery-index-box .l-spacing {margin:0 auto; letter-spacing:8px;}
    
  #photogallery-detail-box {margin:0 auto; margin-top:25px; text-align:center; width:100%; height:auto; border:0px solid red;}
  #photogallery-detail-box .navigation-left {float:left; width:150px; height:auto; padding:10px 5px 10px 5px; border:1px solid silver; background:#D9FFD9}
  #photogallery-detail-box .navigation-right {float:right; width:150px; height:auto; padding:10px 5px 10px 5px; border:1px solid silver; background:#D9FFD9}
  #photogallery-detail-box .description-box {margin:0 auto 15px auto; width:630px; height:auto; padding:5px; border:1px solid silver; background:#D9FFD9}
  #photogallery-detail-box .image-preview-box {margin:0 auto; border:0px solid green;}
  #photogallery-detail-box .image-statistics-box {margin:10px auto; width:335px; border:1px solid silver; background:#D9FFD9}
  #photogallery-detail-box .navigation-preview {margin:60px auto 0 auto; border:0px solid black;}

/* --------------- VIDEO BOX -------------- */
#video-detail-box {width:100%; float:left; border:0px solid black;}
#video-detail-box .video-title-box {clear:both; margin:0px 0 5px 15px; padding:1px 0px 5px 0px; width:460px;}
#video-detail-box .video-screen-box {float:left; margin:15px; padding:1px; border:1px solid black; background:#D9FFD9;}
#video-detail-box .video-statistic-box {float:left; margin:10px 0px 65px 15px; width:640px;  border:1px solid silver; background:#D9FFD9;}
#video-detail-box .video-more-box {float:left; margin:5px auto 20px 0px; padding:5px; width:auto; height:auto;}

/*------- Navigation -----------*/
.item-up-box {float:left; padding:5px 0 5px 0;}
.item-right-box {float:left; margin-top:-5px; padding:5px 0 5px 0;}
a.item-right {margin-right:5px; padding:5px 35px 5px 0px; background:url("icony/right.gif") 30px 50% no-repeat;}
a.item-right-silver {margin-right:5px; padding:5px 35px 5px 0px; background:url("icony/right_silver.gif") 30px 50% no-repeat;}
.item-left-box {float:right; margin-top:-5px; padding:5px 0 5px 0;}
a.item-left {margin-left:5px; padding:5px 0px 5px 30px; background:url("icony/left.gif") 0 50% no-repeat;}
a.item-left-silver {margin-left:5px; padding:5px 0px 5px 30px; background:url("icony/left_silver.gif") 0 50% no-repeat;}
a.item-up {margin-left:5px; padding:5px 0px 5px 30px; background:url("icony/up.gif") 0 50% no-repeat;}
a.item-up-arrow {display:block; margin-left:-30px; margin-top:-25px; padding:45px 0px 5px 30px; background:url("icony/up.gif") 60px 50% no-repeat;}
.page-tool {float:left; width:100%; text-align:right; border:1px solid silver; background:#D9FFD9;}
  .page-tool-admin {width:615px; margin-left:15px;}
.back-listing {position:absolute; margin-left:-105px;}


/* ------------ BUTTONS ------------ */
.submit-button, .reset-button {width:80px;}
.submit-button-biger, .reset-button-biger {width:120px; height:25px;}

.warning {color:red; font-weight:bold;}

.mail-box {position:absolute; margin-top:85px; margin-left:280px; width:120px;}

#body-email{background:rgb(153,153,255);}

/* --------- ITEMS ---------------- */
.verificationcode {position:absolute; margin-left: 230px; margin-top:-30px;}

/* --------- NAJ.SK ----------------*/
.najsk {position:absolute; margin-left: 940px; margin-top:-30px;}

/* ---------- COUNTDOWN ------------*/
  .lcdstyle{ /*Example CSS to create LCD countdown look*/
  background-color:none;
  color: #4F81BD;
  /*color:#D72028;*/
  font: bold 16px sans-serif;
  padding: 3px;
  }
  
/* ---------- SWF UPLOAD ------------*/

#divStatus {
    margin-left:15px;
    margin-top:-5px;
    margin-bottom:15px;
}

div.fieldset {
	border:  1px solid #afe14c;
	margin: 10px 0;
	padding: 20px 10px;
}

div.fieldset span.legend {
	position: relative;
	background-color: rgb(204,255,204);
	padding: 3px;
	top: -30px;
	font: 700 14px Arial, Helvetica, sans-serif;
}


div.flash {
	width: 375px;
	margin: 10px 5px;
	border-color: #D9E4FF;

	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
    -moz-border-radius-topright : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-bottomleft : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-right-radius : 5px;

}

input[disabled]{ border: 1px solid #ccc } /* FF 2 Fix */
#btnSubmit { margin: 0 0 0 100px ; width: 100px; }

/* -- Table Styles ------------------------------- */
.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.bgred {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.bggreen {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.bgblue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}