/* LAYOUT.CSS */


/* BE AWARE OF THE layout-ie6.css FILE FOR IE6 BUG FIXES! */

html,body {
height:100%;
margin:0;
padding:0;
}

body {
background:url(/images/header-bg.jpg) 0 0 repeat-x #F0F0F0;
color:#444;
font:13px/16px "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif;
font-weight:400;
}

b {
color:#4c4c4c;
}

th {
font:13px/18px "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif;
font-weight:400;
}

#container_two_columns,#container_one_column {
position:relative;
min-height:100%; /* re ie6, see layout-ie6.css */
width:960px;
margin:0 auto;
}

#container_one_column {
background:url(/images/header-bg.jpg) 0 0 repeat-x;
}

#inside {
padding-left:40px;
padding-right:40px;
}

#toplinkPan {
width:480px;
height:600px;
position:relative;
margin-left:0;
top:-10px;
}

div,p,h1,h2,h3,h4,a,img,#rightPan ul,#rightPan ul li a,#widePan ul li a {
margin:0;
padding:0;
}


/* center both overlapping navigation and tab divs */
#topCenter {
width:960px;
height:125px;
position:relative;
margin:0 auto;
padding:0;
}

#topPan {
width:960px;
height:125px;
z-index:1;
position:absolute;
margin:0 auto;
padding:0;
}

#topPan h1 {
width:315px;
height:106px;
margin-top: 0px;
color:#fff;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/paddelicious-logo.png');
}

#topPan h1 img {
width:315px;
height:106px;
margin-top: 15px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

#topPan h2  {
width:960px;
height:52px;
position:absolute;
top:0px;
right:0;
margin:0;
padding-top:10px;
text-align: right;
color:#fff;
font:15px/32px "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif;
font-weight:400;
text-decoration:none;
}

#topPan h3 {
width:960px;
height:52px;
position:absolute;
top:56px;
right:0;
margin:0;
padding:0;
text-align: right;
color:#ffffff;
font:16px/32px "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif;
font-weight:normal;
text-decoration:none;
}

#topPan ul {
list-style-type:none;
width:480px;
height:32px;
display:block;
position:absolute;
top:55px;
right:0;
/* background:url(/images/menu-bg.gif) 0 0 repeat-x #FF8714; */
color:#fff;
margin:0;
padding:0 30px 0 0;
}

#topPan ul li {
float:right;
display:block;
width:75px;
height:32px;
background:url(/images/menu-devider.gif) right top no-repeat;
}

#topPan ul li span {
display:block;
width:73px;
height:32px;
background:url(/images/menu-hover.gif) 50% 0 no-repeat;
font:13px/32px "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif;
font-weight:400;
text-align:center;
text-decoration:none;
}

#topPan ul li a {
display:block;
width:73px;
height:32px;
color:#fff6b7;
font:13px/32px "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif;
font-weight:400;
text-align:center;
text-decoration:none;
outline:0;
}

#topPan ul li a:hover {
display:block;
width:73px;
background:url(/images/menu-hover.gif) 50% 0 no-repeat;
text-decoration:none;
margin:0;
padding:0;
}

#bodyPan {
width:960px;
position:relative;
padding-bottom:32px;
margin:0 auto;
}

#leftPan {
width:380px;
float:left;
display:block;
color:#444;
margin:0 auto;
padding:20px 19px 20px 0;
}

#leftPan h1 {
width:249px;
height:75px;
float:left;
display:block;
background:url(/images/image1.jpg) 0 0 no-repeat #EFEFEF;
font:14px/20px "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif;
font-weight:400;
color:#000;
margin:0;
padding:0 0 0 70px;
}

#leftPan .browsers {
float:left;
color:#404040;
display:block;
font-size:14px;
line-height:16px;
margin:0;
padding:0 0 0 70px;
}

#leftPan h2 {
width:239px;
height:75px;
float:left;
display:block;
font:14px/28px "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif;
font-weight:400;
color:#000;
background:url(/images/image1.jpg) 0 0 no-repeat #EFEFEF;
margin:0;
padding:0 0 0 70px;
}

#leftPan span {
color:gray;
font-weight:400;
font-size:14px;
line-height:16px;
margin:0;
padding:0;
}

#leftPan h3 {
width:319px;
display:block;
float:left;
background:none;
font-size:18px;
font-weight:700;
margin:0;
padding:0;
}

#leftPan h4 {
width:177px;
height:75px;
float:left;
display:block;
background:url(/images/image2.jpg) 0 0 no-repeat #EFEFEF;
font:27px/34px "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif;
font-weight:700;
color:#404040;
margin:30px;
padding:0 0 0 70px;
}

#leftPan h4 span {
background:#EFEFEF;
color:#967001;
font:14px/14px "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif;
font-weight:700;
margin:10px 0 0;
padding:0;
}

#leftPan ul {
clear:left;
display:block;
margin:0;
padding:4px 0 12px 70px;
}

#leftPan li {
font-size:14px;
color:gray;
line-height:17px;
list-style-type:disc;
list-style-position:inside;
margin:0;
padding:0;
}

#leftPan p.more {
height:20px;
display:block;
margin:0 0 13px 200px;
padding:0;
}

#leftPan p.more a {
display:block;
width:100px;
height:20px;
background:#EFEFEF;
font:13px/16px "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif;
color:#ff8b0c;
text-decoration:none;
font-weight:700;
font-style:normal;
margin:0;
padding:0;
}

#leftPan p.more a:hover {
background:#EFEFEF;
color:#FF6500;
text-decoration:none;
}

#leftPan .tour-text {
float:left;
display:block;
font-size:14px;
line-height:18px;
margin:0;
padding:0;
}

#rightPan,#rightPanGrey {
width:399px;
float:left;
display:block;
color:#444;
margin:0 auto;
padding:20px 0;
}

#rightPan {
background:#FFF;
}

#rightPan p.paddingtop {
background:#FFF;
color:#444;
font:13px/20px Georgia, "Times New Roman", Times, serif;
font-style:normal;
margin:0 auto;
padding:26px 63px 0 52px;
}

#rightPan p span.bigsize {
font-family:Georgia,"Times New Roman", Times, serif;
font-style:normal;
color:#ff8b0c;
font-size:20px;
line-height:20px;
background:#fff;
padding:0;
}

#rightPan p.name {
background:#fff;
display:block;
color:#AC8101;
font:18px/18px Georgia, "Times New Roman", Times, serif;
font-style:normal;
font-weight:700;
text-align:right;
padding:10px 63px 16px 0;
}

#rightPan h1,#rightPanGrey h1,#rightPan h2,#rightPanGrey h2 {
display:block;
height:30px;
font:14px/20px "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif;
font-weight:400;
color:#ff8b0c;
margin:0;
padding:0;
}

#rightPan p.toppadding {
padding:20px 52px 0;
}

#rightPan p.bottompadding {
padding:0 52px 20px;
}

#rightPan p.more {
height:28px;
display:block;
position:relative;
margin:0;
padding:10px 0 0 280px;
}

#rightPan p.more a {
display:block;
width:100px;
background:#fff;
font:13px/16px "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif;
color:#ff8b0c;
text-decoration:none;
font-weight:400;
font-style:normal;
margin:0;
padding:0;
}

#rightPan p.more a:hover {
background:#fff;
color:#FF6500;
text-decoration:none;
}

#rightPan img {
width:278px;
height:154px;
margin:0 0 62px 40px;
padding:0;
}

#rightPan a.small {
color:#ff8b0c;
font-size:10px;
text-decoration:none;
margin:0;
padding:0;
}

#rightPan h1,#rightPanGrey h1,#widePan h1 {
height:40px;
font-weight:700;
}

#rightPan h2 span,#widePan h2 span {
background:#fff;
color:#404040;
font:14px/20px "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif;
font-weight:400;
margin:10px 0 0;
padding:0;
}

/* link colours */
#rightPan a,#widePan a, h2 a {
color:#ff770c;
text-decoration:none;
margin:0;
padding:0;
}

#widePan a:hover,#toplinkAllPan a.firefox-console:hover {
color:#FF6500;
text-decoration:underline;
}


#widePan {
width:960px;
float:left;
display:block;
margin:0 auto;
padding:20px 0;
}

#widePan h1,#widePan h2 {
display:block;
height:30px;
font:16px/20px "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif;
font-weight:bold;
color:#ff680c;
padding: 0 0 6px 0;
}

h2 a {
color:#ff8b0c;
text-decoration:none;
margin:0;
padding:0;
}

#widePan h3 {
display:block;
font:14px "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif;
font-weight:700;
color:#404040;
padding:10px 0 0;
}

#widePan p.more {
height:28px;
display:block;
position:relative;
margin:0;
padding:13px 0 10px 235px;
}

#widePan p.more a {
display:block;
width:100px;
height:20px;
background:#fff;
font:13px/16px "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif;
color:#ff8b0c;
text-decoration:none;
font-weight:700;
font-style:normal;
margin:0;
padding:0;
}

#widePan p.more a:hover {
color:#FF6500;
text-decoration:none;
}

#footer {
clear:both;
position:relative;
height:32px;
background:url(/images/footer-bg.gif) 0 -60px repeat-x #404040;
color:#fff;
width:100%;
margin:-32px auto 0;
}

#footerPan {
width:960px;
position:relative;
margin:0 auto;
}

#footerPan p.bottomline {
color:#ccc;
display:block;
position:absolute;
top:9px;
left:40px;
}

#footerPan p.bottomline a {
color:#f0f0f0;
text-decoration:none;
}

#footerPan ul li a:hover,#footerPan p.bottomline a:hover {
text-decoration:underline;
}



/* CONTENT.CSS */


/* CONTENT */

.commentary {
    width:100%;
    float:left;
    text-align:left;
    color:#A0A0A0;
    }

.progress-div {
    width: 72px;
    height: 18px;
    margin: 0;
    border: 1px solid #d0d0d0;
    background: #F0F0F0;
    color: #606060;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
    }
/* to overlay both progress bar and progress status messages */
.progress-container {
    position: relative;
    width: 70px;
    height: 16px;
    border: 1px solid white;
    /* display: none; */
    }
.progress-bar {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 50;
    height: 16px;
    border: 0px solid white;
    color: white;
    background: #c2d7ff;
    background: #a1c4ff;
    background: #FF833B; /* Orange w/ DomTT */
    background: #F0F0F0;
    }

.progress-message {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 60;
    height: 16px;
    border: 0px solid white;
    color: black;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    }

.button-container-outer {
    margin: 0 auto;
    width: 100px;
    height: 20px;
    border: 1px solid #e5ca00;
    background:url(/images/button-bg-yellow-20.gif) 0px 0px repeat-x;
    }
.button {
    position: relative;
    top: -1px;
    /* opera doesn't like 100% here, like ff and ie do */
    width: 100px;
    height: 20px;
    padding: 0;
    border: 0;
    color: #444444;
    font:12px/12px "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif;
    cursor: pointer;
    background: transparent;
    }

pre {
    font-family: bitstream vera sans mono, mono-sans, mono, fixed;
    }

.selectbox {
    border: 1px solid #C0C0C0;
    font:12px/12px "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif; font-weight:normal;
    padding-left: 3px;
    /* background: #FFF8E5; */
    background: #FFFFFF;
    }
.text {
    border: 1px solid #C0C0C0;
    padding-left: 3px;
    font-size: 12px;
    font-family: bitstream vera sans, dejavu sans, verdana, arial, lucida, sans-serif;
    }
.text-ro {
    border: 1px solid #f8f8f8; 
    background: #f8f8f8; 
    font-size: 12px;
    padding-left: 3px;
    }
.text-emaddr {
    border: 0px solid; 
    background: transparent;
    font-family: bitstream vera sans, dejavu sans, verdana, arial, lucida, sans-serif;
    font-size: 12px;
    padding-left: 0px;
    }
.flat { 
    border-color: threedshadow;
    border-width: 1px;
    padding: 0px;
    border-style: ridge;
    color: #000000;
    font-size: 12px;
    font-family: bitstream vera sans, dejavu sans, verdana, arial, lucida, sans-serif;
    }
textarea.comments {
    width:310px;
    height:420px;
    /* background: #FFF8E5; */
    background: #FFFFFF;
    border: 1px solid #C0C0C0;
    font-size: 12px;
    font-family: bitstream vera sans, dejavu sans, verdana, arial, lucida, sans-serif;
    }
.mono { font-family:monospace; }
/*.on   { background: #F8FFED; }
.on   { background: #FFF8E5; } */
.on   { background: #FFFFFF; }
.off  { background-color: #f7f7f7;
        border: 1px solid #e7e7e7; }

.width_125 {
    width: 125px;
    }

.width_100 {
    width: 100px;
    }

.width_200 {
    width: 200px;
    }

.width_230 {
    width: 230px;
    }

.width_300 {
    width: 300px;
    }

.separator {
    width: 100%;
    height: 1px;
    font-size:1px; /* ie6..., enough said! */
    margin: 5px 0 5px 0;
    padding: 0;
    border-top: 1px solid #E0E0E0;
    }

.separator-section {
    width: 100%;
    margin: 8px 0px 0px 0px;
    padding-top: 7px;
    border-top: 1px solid #E0E0E0;
    }

.tooltip-icon {
    width: 100%;
    height: 20px;
    margin: 0;
    }
.separator h2, .separator-section h2, .tooltip-icon h1, .tooltip-icon h2{
    float:left; 
    }
.separator img, .separator-section img, .tooltip-icon img{
    float:right; 
    top:0; 
    border:0px; 
    padding-top:4px;
    }
.clearer {clear:both;}

.center-div table {
    margin: 0 auto;
    }
#doc-navigation {
    position: relative;
    /* browser image floats left */
    float: right;
    width: 400px;
    padding: 0;
    }
#doc-navigation-left {
    position: relative;
    float: left;
    height:24px;
    padding-top: 10px;
    padding-left: 40px;
    }
#doc-navigation-right {
    float: right;
    height:24px;
    padding-top: 10px;
    }
#doc-navigation-center {
    height:24px;
    padding-top: 10px;
    margin: 0 auto;
    }
#doc-navigation-login {
    float: right; 
    width: 400px; 
    background: white;
    }
#doc-navigation ul,
#anchor-navigation ul { 
    list-style-type: none; 
    display:block; 
    margin:0; 
    padding:0;
    }
#anchor-navigation {
    width: 100%;
    height: 34px;
    }
#doc-navigation li, #doc-navigation li a,
#doc-navigation-left li, #doc-navigation-left li a,
#anchor-navigation li, #anchor-navigation li a {
    display: block;
    float: left;
    color: #ff7900;
    padding: 0 3px 0 3px;
    text-decoration: none;
    font:12px/15px "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif; font-weight:normal;
    }
#doc-navigation ul li a:hover,
#doc-navigation-left ul li a:hover,
#anchor-navigation ul li a:hover{text-decoration:underline;}

#step1, #step2, #step3, #step4 {font: 14px/24px "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif; font-weight:bold; float:left; width:100%; height:30px; padding: 0 0 0 30px;}
#step1{background:url(/images/balls/1-good.gif) 0 0 no-repeat;}
#step2{background:url(/images/balls/2-good.gif) 0 0 no-repeat;}
#step3{background:url(/images/balls/3-good.gif) 0 0 no-repeat;}
#step4{background:url(/images/balls/4-good.gif) 0 0 no-repeat;}
#subscribe {padding:0 0 10px 30px;}

.hint{ color:#808080;}

#subscription-label {  font: 14px/20px "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif; font-weight:bold; color:#ff7900; }

#subscription-table { 
    margin-left:0;
    border: 0;
    padding: 0px;
    }
.subscription-background {
    background: #F7F7f7;
    width: 33%;
    border: 7px #d0d0d0 solid;
    }

.subscription-price {
    text-align: right;
    border: 0px solid;
    background: #F7F7f7;
    font-family: "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif;
    font-size: 14px;
    padding: 0;
    margin: 0;
    }

#flashcontent {
    width:100%;
    margin: 10px auto; 
    text-align:center;
    }

/* LIQUID CORNERS... */

.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('/images/corners1280x20-TR-A0A0A0-D4D4D4.gif');
	height: 10px;      
    /* DNC: correction IE for height of the <div>'s */
	font-size: 2px;
	}
.top-left, .bottom-left { 
	margin-right: 10px;
	}
.top-right, .bottom-right { 
	margin-left: 10px; 
	margin-top: -10px; 
	}
.top-right {
    /* DNC: position right corner at right side, no vertical changes */
	background-position: 100% 0;
	}
.bottom-left  { 
	background-position: 0 -10px;   
	}
.bottom-right { 
	background-position: 100% -10px;
	}
.inside {
	border-left: 1px solid #A0A0A0;
	border-right: 1px solid #A0A0A0;
	background: #FFFFFF;
	color: #000000;
    /* if the padding is too big, buttons break out, and so will the div */
	padding-left: 30px;
	padding-right:30px;
    /* top-most distance to section title */
	padding-top:10px; 
	padding-bottom:10px; 
    margin: 0;
	}
.inside-title {
	background: #FFFFFF;
    text-align: right;
    font-size: 14pt;
    font-weight: bold;
	color: #ff7900;
	padding-left: 0px;
	padding-right:0px;
    padding-bottom: 0px;
	}

/* DNC: to avoid splitting of the box */
.notopgap    { margin-top: 0; }
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; }


/* MESSAGE.CSS */


/* MESSAGES */

.message {
    padding: 20px 0 0px 0;
    width: 960px;
    margin: 0 0 30px 0;
    }

.message_information, .message_confirmation, .message_alert {
	border: 1px solid #ffffff;
    font-size: 14px;
    /* top-most distance to section title */
	padding:8px 16px;
    font-weight: normal;
	background: #fafafa;
	color: #4c4c4c;
	}

.message_information {
	border: 1px solid #FFC047;
	}

.message_confirmation {
	border: 1px solid #00C000;
    }

.message_alert {
	border: 1px solid #FF6C4F;
	}

.message_information a, .message_confirmation a, .message_alert a {
    color:#ff8b0c; 
    text-decoration:none; 
    margin:0; 
    padding:0;
    }
.message_information a:hover, .message_confirmation a:hover, 
.message_alert a:hover { 
    color:#FF6500; 
    text-decoration:underline;
    }



/* NAVIGATION.CSS */


/* NAVIGATION MENU */

#navigation {
position:absolute;
z-index:2;
width:100px;
/* Space down for the approx line height (fonts) */
left:31px;
top:30px;
color:#000;
}

#navigation_menu {
position:relative;
top:0;
padding-top:0;
padding-bottom:0;
padding-left:0;
/* menu block border: */
border-top:2px solid #95826B;
border-left:3px solid #95826B;
border-bottom:2px solid #95826B;
border-right:0 solid #c5b29c;
background-color:#C6B399;
margin:0;
}

#nav_list {
background-color:#fff;
border:0 solid #fff;
border-top:0 solid #e8e8e8;
margin:0;
}

#nav a.allowed {
color:#444;
font-weight:400;
display:block;
text-decoration:none;
font-size:10pt;
outline:0;  /* stop displaying the dotted lines around the focussed elem */
margin:0;
padding:3px 0 3px 12px;
}

#nav a.markup {
font-weight:400;
display:block;
text-decoration:none;
font-size:10pt;
background-color:#ffcf66;
color:#000;
outline:0;
margin:0;
padding:3px 0 3px 12px;
}

#login_name {
text-align:left;
font-size:9pt;
margin-top:20px;
margin-bottom:20px;
padding-left:26px;
color:#FFF;
}

#user_navigation_menu {
position:relative;
top:0;
border-top:2px solid #95826B;
border-left:3px solid #95826B;
border-bottom:2px solid #95826B;
background-color:#fff;
margin:0;
padding:0;
}

#nav_list_user {
border:0 solid #fff;
border-top:0 solid #e8e8e8;
outline:0;
margin:0;
padding:0;
}

#navuser a.user {
color:#444;
display:block;
text-decoration:none;
font-size:10pt;
font-weight:400;
outline:0;
margin:0;
padding:3px 0 3px 12px;
}

#navuser a.markup {
font-weight:400;
display:block;
text-decoration:none;
font-size:10pt;
background-color:#ffcf66;
color:#000;
outline:0;
margin:0;
padding:3px 0 3px 12px;
}

#nav,#navuser {
list-style:none;
margin:0;
padding:0;
}

#nav a.allowed:hover,#navuser a.user:hover {
background-color:#ffa047;
color:#000;
font-weight:400;
outline:0;
}


/* TABLE.CSS */


.table_border {
width:100%;
border:0;
padding:0;
}

.table_border_all {
border: 1px solid #A0A0A0;
background: #f8f8f8;
padding: 0;
}

.table_title {
width: 100%;
text-align: center;
background:#FFFFFF;
color:#477bff;
color:#ff8b0c;
height:48px;
padding-bottom: 16px;
font-size:16px;
}

.table_footer {
background:#f8f8f8;
height:20px;
font-size:12px;
}

.th_colour {
height:23px;
background:url(/images/table-bg-lightgrey.gif) 0 0 repeat-x silver;
color:#202020;
font-size:10pt;
padding-left:5px;
padding-right:5px;
}

.td_colour {
background:#f0f0f0;
color:#202020;
font-size:12px;
}

.td_error {
background:#EE6363;
font-size:10pt;
}

.td_border_tr {
border-top:1px solid silver;
border-right:1px solid silver;
}

.td_border_t {
border-top:1px solid silver;
}

.td_border_b {
border-bottom:1px solid silver;
}

.td_border_br {
border-bottom:1px solid silver;
border-right:1px solid silver;
}

.td_border_l {
border-left:1px solid silver;
}

.td_border_l,.td_border_br,.td_border_b,.td_border_t,.td_border_tr {
padding:3px 6px;
}

.td_input,.td_off {
width:98%;
border:0;
margin:1px 0 0 0;
font-size:10pt;
padding:1px 1px 1px 3px;
}

.td_input {
background:#F9f9f9;
background:#fcfff5;
}

.td_off {
background:transparent;
border:0 solid transparent;
}

/* IE GAMES... */

.td_dynamic_row {
height:18px;
border:0;
padding:0;
}

/* PAGING */

#paging {
clear:left;
font-size:9pt;
text-align:center;
margin:20px 0 10px;
padding:20px 0 10px;
}

#paging a,#paging span {
height:20px;
margin-right:.1em;
border:1px solid #fff;
background:#fff;
padding:.1em .5em;
}

#paging span.current {
border:1px solid #A0A0A0;
font-weight:400;
color:#FFF;
background:#B0B0B0;
}

#paging span.nextprev {
border:1px solid #ddd;
color:#999;
}

#paging a {
border:1px solid #D0D0D0;
text-decoration:none;
color:#404040;
background:url(/images/table-bg-lightgrey2-18.gif) 0 0 repeat-x;
}

#paging a:hover {
color:#404040;
background:url(/images/table-bg-lightgrey2-18.gif) 0 0 repeat-x;
border-color:gray;
}

#paging a.nextprev {
font-weight:400;
}

#paging .rows_per_page {
border:0;
color:#999;
font-size:9pt;
padding:0;
}

/* center both overlapping navigation and tab divs */
#tblCenter {
width:960px;
height:50px;
position:relative;
margin:0 auto;
padding:0;
}

#tblPan {
width:960px;
height:50px;
z-index:1;
position:absolute;
margin:0 auto;
padding:0;
}

#tblPan h1 {
width:160px;
height:50px;
margin-top: 15px;
background:url(/images/dashblitz-logo.gif ) 0 0 no-repeat transparent;
color:#fff;
text-indent:-2000px;
}

#tblPan img {
width:480px;
height:48px;
position:absolute;
top:79px;
right:-5px;
margin:0;
padding:0;
}

#tblPan h2  {
width:960px;
height:50px;
position:absolute;
top:0px;
right:0;
margin:0;
padding-top:20px;
text-align: right;
color:#fff;
font:15px/32px "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif;
font-weight:400;
text-decoration:none;
}

#tblPan h3 {
width:960px;
height:50px;
position:absolute;
top:56px;
right:0;
margin:0;
padding:0;
text-align: right;
color:#fff;
font:16px/32px "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif;
font-weight:400;
text-decoration:none;
}

#tblPan a {
cursor: pointer;
color:#ff8b0c;
text-decoration:none;
margin:0;
padding:0;
}



/* TABS.CSS */



#glowingtabs{
/* overlaps precisely with #topPan - DO NOT change position: and z-index: */
position:absolute; 
z-index: 2; 
width:800px; 
height:67px; 
margin:0 auto; 
padding:0; 
font: 13px/16px "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif;
}

#glowingtabs ul{
list-style-type: none;
display:block; 
position:absolute; 
width:500px; 
height:24px; 
top:26px; 
right:0px; 
margin:0px; 
padding:0px;
}

#glowingtabs li{
display:inline;
margin:0;
padding:0;
}

#glowingtabs a{
float:right;
background:url(/images/glowtab-a0a0a0-left.gif) no-repeat left top;
margin:0;
margin-right: 1px; /*spacing between each tab*/
padding:0 0 0 10px;
text-decoration:none;
}

#glowingtabs a span{
float:left;
display:block;
background:url(/images/glowtab-a0a0a0.gif) no-repeat right top;
padding: 4px 10px 4px 0px;
font-weight:normal;
color:#666;
}

#glowingtabs a:hover span {
color: black;
}

#glowingtabs #active a{ /*Selected Tab style*/
background-position:0 -40px; /*Shift background image up to 2nd tab image*/
outline: 0; /* stop displaying the dotted lines around the focussed elem */
}

#glowingtabs #active a span{ /*Selected Tab style*/
background-position:100% -40px; /*Shift background image up to 2nd tab image*/
color: black;
outline: 0; /* stop displaying the dotted lines around the focussed elem */
}

#glowingtabs a:hover{ /*onMouseover style*/
background-position:0% -82px; /*Shift background image up to 2nd tab image*/
outline: 0; /* stop displaying the dotted lines around the focussed elem */
}

#glowingtabs a:hover span{ /*onMouseover style*/
background-position:100% -82px; /*Shift background image up to 2nd tab image*/
outline: 0; /* stop displaying the dotted lines around the focussed elem */
}

/* DASHBOARD TABS */

#dashtabs{
/* overlaps precisely with #topPan - DO NOT change position: and z-index: */
position:absolute; 
z-index: 0; 
width:900px;
height:26px; 
top: -3px;
left: 30px;
margin:0 0; 
padding:0; 
font: 13px/16px "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif;
}

#dashtabs ul{
list-style-type: none;
display:block; 
position:absolute; 
width:900px; 
height:30px; 
top:0px; 
left:0px; 
margin:0px; 
padding:0px;
}

#dashtabs li{
display:inline;
margin:0;
padding:0;
}

#dashtabs a{
float:right;
background:url(/images/glowtab-a0a0a0-left.gif) no-repeat left top;
margin:0;
margin-right: 4px; /*spacing between each tab*/
padding:0 0 0 10px;
text-decoration:none;
}

#dashtabs a span{
float:left;
display:block;
background:url(/images/glowtab-a0a0a0.gif) no-repeat right top;
padding: 4px 10px 4px 0px;
font-weight:normal;
color:#444;
}

#dashtabs a:hover span {
color: black;
}

#dashtabs #active a{ /*Selected Tab style*/
background-position:0 -40px; /*Shift background image up to 2nd tab image*/
outline: 0; /* stop displaying the dotted lines around the focussed elem */
}

#dashtabs #active a span{ /*Selected Tab style*/
background-position:100% -40px; /*Shift background image up to 2nd tab image*/
color: black;
outline: 0; /* stop displaying the dotted lines around the focussed elem */
}

#dashtabs a:hover{ /*onMouseover style*/
background-position:0% -82px; /*Shift background image up to 2nd tab image*/
outline: 0; /* stop displaying the dotted lines around the focussed elem */
}

#dashtabs a:hover span{ /*onMouseover style*/
background-position:100% -82px; /*Shift background image up to 2nd tab image*/
outline: 0; /* stop displaying the dotted lines around the focussed elem */
}



/* DOMTT.CSS */



/* Default DOM Tooltip Style */
div.domTT {
	border: 0px solid #333333;
	background-color: #494949;
	font-size: 12px;
	font-family: "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif;
	-moz-border-radius: 0 10px 10px 10px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
	-moz-opacity: .87;
	-khtml-opacity: .87;
	opacity: .87;
}
div.domTT .caption {
	padding: 1px 2px;
	color: #FFFFFF;
}
div.domTT .contents {
	padding: 2px 10px;
	color: #e0e0e0;
}

/* Classic Style */
div.domTTClassic {
	border: 1px solid black;
	background-color: InfoBackground;
}
div.domTTClassic .caption {
	font-family: serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	padding: 1px 2px;
}
div.domTTClassic .contents {
	color: InfoText;
	font-size: 12px;
	font-family: Arial, sans-serif;
	padding: 1px 2px;
}

/* Overlib Style */
div.domTTOverlib {
	border: 1px solid #333366;
	background-color: #333366;
}
div.domTTOverlib .caption {
	font-family: Verdana, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
div.domTTOverlib .contents {
	font-size: 12px;
	font-family: "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif;
	padding: 2px;
	background-color: #F1F1FF;
}

/* Nicetitle Style */
div.niceTitle .caption {
	padding: 8px 20px 0px 20px;
	font-size: 12px;
    }
div.niceTitle ul {
	padding: 0px 15px 0px 15px;
    margin: 0;
	font-size: 12px;
    }
div.niceTitle
{
	background-color: #494949;
	color: #fff6b7;
	font-weight: normal;
	font-size: 12px;
	font-family: "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif;
	width: 250px;
	left: 0;
	top: 0;
    padding-top:15px;
	position: absolute;
	text-align: left;
	z-index: 20;
	-moz-border-radius: 0 10px 10px 10px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
	-moz-opacity: .87;
	-khtml-opacity: .87;
	opacity: .87;
}
div.niceTitle .contents
{
	font-size: 12px;
	line-height: 15px;
	color: #e0e0e0;
	margin: 0;
	padding: 18px 20px 20px 20px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
div.niceTitle span {
    color: #bcb0b0;
    color: #FF833B;
    }
div.niceTitle p
{
	color: #ffffff;
	font-size: 12px;
    padding-top: 8px;
	margin: 0;
	text-align: left;
	-moz-opacity: 1;
}
div.niceTitle a {
    color: #ffa047;
    padding: 0;
    text-decoration: none;
    font:12px/15px "bitstream vera sans", "dejavu sans", verdana, arial, lucida, sans-serif; font-weight:normal;
    }

/* Context Menu Style */
div.domTTMenu {
  width: 150px;
  border: 2px outset #E6E6E6;
}
div.domTTMenu .caption {
  font-size: 12px;
  font-family: sans-serif;
  background-color: #E6E6E6;
}
div.domTTMenu .contents {
  padding: 1px 0;
  background-color: #E6E6E6;
}


/* FANCYUPLOAD.CSS */


/**
 * FancyUpload Showcase
 *
 * @license     MIT License
 * @author      Harald Kirschner <mail [at] digitarald [dot] de>
 * @copyright   Authors
 */

/* CSS vs. Adblock tabs */
.swiff-uploader-box a {
    display: none !important;
}

/* .hover simulates the flash interactions */
a:hover, a.hover {
    color: red;
}

#demo-status {
    padding: 15px 0px;
    width: 420px;
    border-top: 1px solid #eee;
}

#demo-status p {
    height: 30px;
}

#demo-status .progress {
    background: url(/images/progress.gif) no-repeat;
    background-position:100% 0%;
    margin-right: 0.5em;
    vertical-align: middle;
}

#demo-status .progress-text {
    font-size: 10pt;
    font-weight: normal;
}

#demo-list {
    list-style: none;
    width: 420px;
    margin: 0;
    padding: 0;
}

#demo-list li.validation-error {
    padding-left: 0px;
    padding-right: 0px;
    margin: 0;
    line-height: 40px;
    color: #8a1f11;
    cursor: pointer;
    border-top: 1px solid #fbc2c4;
    background: #fbe3e4 url(/images/failed.png) no-repeat 4px 4px;
}
#demo-list li.file {
    margin:0;
    padding:0;
    border-top: 1px solid #eee;
    background: url(/images/file.png) no-repeat 4px 4px;
}
#demo-list li.file.file-uploading {
    background: #c8c8c8 url(/images/uploading.gif) no-repeat 6px 4px;;
}
#demo-list li.file.file-success {
    background-image: url(/images/success.png);
}
#demo-list li.file.file-failed {
    background-image: url(/images/failed.png);
}

#demo-list li.file .file-name {
    font-size: 12pt;
    margin-left: 44px;
    display: block;
    clear: left;
    line-height: 40px;
    height: 40px;
    font-weight: normal;
}
#demo-list li.file .file-size {
    font-size: 10pt;
    line-height: 18px;
    float: right;
    margin-top: 2px;
    margin-right: 6px;
}
#demo-list li.file .file-info {
    display: block;
    margin-left: 44px;
    font-size: 10pt;
    line-height: 20px;
    clear:both;
}
#demo-list li.file .file-remove {
    clear: right;
    float: right;
    line-height: 18px;
    margin-right: 6px;
}