﻿/*
Theme Name: Transition Pro
Theme URI: http://www.pixelthemestudio.ca
Description: You get several page layout options, Social Bookmarking, Twitter, collapsible columns and other widget positions, a collapsible Showcase header area which you can use for pictures, slideshows, and any other media, SEO Optimized headings, NO SCRIPTS, Built-in breadcrumbs, and more. Basically, Transition offers you a Free theme based on the Professional Transition version (Designed by <a href="http://www.pixelthemestudio.ca/themes">Pixel Theme Studio</a>) for serious bloggers and businesses tired of plain old styles. Support is available to members as an option.
Version: 1.0
Author: Pixel Theme Studio
Author URI: http://www.pixelthemestudio.ca
Tags: green,blue,dark,flexible-width,three-columns,theme-options
License: GNU/GPL 3
*/
html,body,h1,h2,h3,h4,h5,h6,ul,ol,li {vertical-align:top; font-size:1em; outline:0; padding:0; margin:0 0 1px 0; border:0;}
body {background: #F9F9F9 url('images/headerbg.png') center top no-repeat; font:normal 1em/1sem Arial, Helvetica, sans-serif; behavior: url("csshover3.htc");}
/* body {background: #F39625; font:normal 1em/1sem Arial, Helvetica, sans-serif; behavior: url("csshover3.htc");} */

/* Clearing */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;	clear: both;}
.clear {clear: both;}
/* End hide from IE-mac */

/* miscellaneous */
table {border-collapse:collapse; padding:0;}
table td {padding:0; margin:0; vertical-align:top;}
:focus {outline: 0;}

.line{clear:both;display:block;margin-bottom:20px;padding-top:20px;width:100%; background:url('images/line.png') repeat-x scroll center bottom;}	
.top{font-size:8px;line-height:10px;margin-bottom:40px;text-align:right;position:relative;}
.top a{background:#F9F9F9 none repeat scroll 0 0; color:#bbb; height:20px; position:absolute; right:0; /*text-shadow:1px 1px 0 #fff;*/ top:12px; width:20px; text-decoration:none;}

/* Primary Wrappers */
/* #defaultlogo, #logo {background:transparent url('images/logo_new.png') 0 2px no-repeat; width:980px; height:75px; margin:30px auto 0;} */
   #defaultlogo, #logo {background:transparent; width:980px; height:75px; margin:0px auto; padding-top: 30px;} 

#ghostimage { background:transparent url('images/transparentARS.png') 0 no-repeat; height:120px; width:980px; float:left; position:absolute; top:0px; left:0px; }
   
#logo {background:none; color:#fff;float: right;} /* This is for your own logo but you may have to modify style for your logo placement and look */
#showcase, #header {width:980px; margin:5px auto 15px; text-align:center; display:none;}
#header {height:auto; background:none; color:#fff; padding:10px; border:3px solid #171F24;}
#navwrapper {background:transparent url('images/navwrapper.png') center bottom repeat-x; height:39px;}
#mainbody {background:#f9f9f9; padding-bottom:10px;}
#topbg {background:#E8E8E8 url('images/topbg.png') center bottom no-repeat; min-height:75px; margin-bottom:3px;}
#top {width:980px; margin:0 auto; padding-top:5px; text-align:center; font:normal 1em "trebuchet ms",arial,helvetica; color:#777; font-style:italic; text-align:center;}

#breadcrumbs {width:960px; margin:0 auto; font:normal .65em Arial, Helvetica, sans-serif; color:#888;}
#breadcrumbs a {color:#44413E; text-decoration:none;}
#breadcrumbs a:hover {color:#54728A;}

/* Mainbody columns setup */
#group1, #group2 {width:960px; margin:0 auto; font:normal .7em/1.5em Verdana, Arial, Helvetica, sans-serif; color:#4B4B4B; min-height:200px; margin-top:20px;}
#columns {width:960px; margin:0 auto; font:normal .7em/1.5em Verdana, Arial, Helvetica, sans-serif; color:#4B4B4B; min-height:100px; margin-top:20px;}
td#left, td#right {width:0; padding:0;}
td#left div.widget {padding-right:48px; width:288px;}
td#content {width:100%;}
td#inset div.widget {padding-left:48px; width:190px;}
td#right div.widget {padding-left:48px; width:288px;}

/* Nested Columns and widget groups */
#group1, #group2 {margin:20px auto 0; min-height:0;}
#group1 {}
#group2 {}
.two{width:456px;}
.three{width:288px;}
.four{width:204px;}
.two,.three,.four{position:relative;margin-right:48px;margin-bottom:20px;float:left;}
.last{margin-right:0 !important;clear:right;}

/* Social Networking */
#socialbarbg { background:transparent url('images/footertopbg_logoBlue.png') center -1px repeat-x; min-height:55px;}
#socialtable {margin:0 auto 15px;}
#socialleft {width:53px; background:transparent url('images/socialleft_blueorange_ltbluebg.png') left -1px no-repeat;}
#socialbg {height:55px; background:transparent url('images/socialbg_blueorange_ltbluebg.png') center -1px repeat-x; color:#fff;}
#socialright {width:53px; background:transparent url('images/socialright_blueorange_ltbluebg.png') right -1px no-repeat;}
#footerwrapper {background:transparent url('images/footerbg_bluegrey.png') repeat; min-height:80px;}
#footer {width:960px; margin:0 auto; padding:5px 0 7px 0; color:#FFF; text-align:center; font-family:Arial, Helvetica, sans-serif;}
#footer .widget {font-size:11px;}
#bottom {background:#3a3a3a; border-top:1px solid #141C21; min-height:20px; color:#FFFFFF; text-align:center; font:normal 11px Verdana, Arial, Helvetica, sans-serif; padding-top:6px;}


#socialbg a {display:block; height:35px; width:36px; float:left; padding:0 3px;}
a#sc1{background: transparent url('images/icon-twitter.png') no-repeat 0px top;}
a#sc1:hover{background: transparent url('images/icon-twitter.png') no-repeat 0px -35px;}
a#sc2{background: transparent url('images/icon-myspace.png') no-repeat 0px top;}
a#sc2:hover{background: transparent url('images/icon-myspace.png') no-repeat 0px -35px;}
a#sc3{background: transparent url('images/icon-facebook.png') no-repeat 0px top;}
a#sc3:hover{background: transparent url('images/icon-facebook.png') no-repeat 0px -35px;}
a#sc4{background: transparent url('images/icon-digg.png') no-repeat 0px top;}
a#sc4:hover{background: transparent url('images/icon-digg.png') no-repeat 0px -35px;}
a#sc5{background: transparent url('images/icon-rss.png') no-repeat 0px top;}
a#sc5:hover{background: transparent url('images/icon-rss.png') no-repeat 0px -35px;}

/* Main Menu */
#navtable {margin:0 auto; height:39px;}
#navleft { width:39px; margin:0 auto; background:transparent url('images/navleft_blue_fade.png') left top no-repeat;}
#navright {min-width:39px;background:transparent url('images/navright_blue_fade.png') right top no-repeat;}
#navbg {width:auto; background:transparent url('images/navbg_blue_fade.png') center top repeat-x; height:37px; color:#083564; vertical-align:top; padding:1px 0 0 0;}
#navtable a {font:normal 13px "trebuchet ms", Arial,Helvetica; color:#083564; text-transform:uppercase; display:inline; text-decoration:none; padding:0 5px;}
#twitter {background:transparent url('images/tweet.png') -1px 0 no-repeat; height:38px; width:41px; margin-right:30px; top:2px; position:relative;}
a#tweet {display:block; width:25px; height:25px; float:left; }


/* Menu Styling */
#navbg ul.menu li.current_page_item, #navbg ul.menu li:hover {background:none;}
#navbg ul.menu li.current_page_item a {color:#AB9778;}
#navbg ul.menu li:hover {background-color:#E8E8E8;}
#navbg ul.menu li a:hover {background-color:#E8E8E8;}
#navbg ul.menu li {background:url('images/transparent.png') no-repeat 0 -999px;} /* for an IE7 bug */
#navbg ul.menu li:last-child {}
#navbg ul.menu li a {padding:0 12px;}
#navbg ul {margin: 0;padding: 0;position: relative;z-index: 1000;}
#navbg ul li {padding: 0;margin-bottom: 4px;list-style: none;float: left;position: relative;}

#navbg ul li a {display: block;height: 30px;line-height: 30px;cursor: pointer;z-index: 100;position: relative;}
#navbg ul li.current_page_ancestor {color:#AB9778;} /*keeps parent menu item active */
/* Menu Dropdowns */
#navbg li ul {background:url('images/submenu_silver.png') 0 bottom no-repeat;position:absolute; width:204px; top:-999em; padding:0 4px 27px 2px; margin-top:0px; margin-left:-2px;}
#navbg li ul ul {margin: 0; padding:0 4px 27px 2px;}
#navbg li:hover ul ul, #navbg li:hover ul ul ul, #navbg li:hover ul ul ul ul {top:-999em;}
#navbg li li {margin: 0; padding: 0; height:auto; width:200px;}
#navbg li li a, #navbg li li a:hover, #navbg li li .separator, #navbg li li.active .separator {margin:0;padding: 0 0 8px 13px!important;float: none; width: auto; display: block; height:20px; font-size:10px; border-bottom:1px solid #083564;}
#navbg li li a:hover, #navbg li li.active { background-color:#1683f8;}
#navbg li li a:hover span { color:#fff; }
#navbg li li a span, #navbg li li.active a span, #navbg li li a:hover span, #navbg li li .separator span, #navbg li li.active .separator span {width: auto;display: block;line-height: 18px; padding: 10px 5px 0 10px;}
#navbg li:hover ul {top: 30px;}
#navbg li li:hover ul, #navbg li li li:hover ul, #navbg li li li li:hover ul {left:200px;}
/* Overrides */
#navbg li:hover ul ul, #navbg li:hover ul ul ul, #navbg li:hover ul ul ul ul {top:-999em;right: auto;}
#navbg li li:hover ul, #navbg li li li:hover ul, #navbg li li li li:hover ul {top: 0px; right: 204px;}
#navbg ul li ul li { border:none!important;}
#navbg ul li ul li a {margin:0; padding:0;}

/* Pagination */
ul.paging { list-style: none; padding: 0; font-weight: bold; }
ul.paging li { float: left; margin: 0 6px 6px 0; }
ul.paging li a, ul.paging li.active { display: block; padding: 3px 6px; background-color: #f5f5f5; border: 1px solid #ccc; }
ul.paging li.active { background-color: #000; border-color: #000; color: #fff; }

/* Lists */
ul, ol {margin:20px;}
ol {margin-left:27px;}
ul li {list-style-image:url('images/list1_orange.png');}
ol li {list-style:decimal-leading-zero;}
ul.list1 li{list-style-image:url('images/list1_orange.png');}
ul.list2 li{list-style-image:url('images/list2.png');}
ul.list3 li{list-style-image:url('images/list3.png');}
ul ul, ul ul ul {margin:10px 20px;}

/* Link Styling */
#footer a  {color:#AB9778; text-decoration:none; text-transform:uppercase; padding:0 3px; }
#footer a:hover {color:#fff;}

#columns a, #columns li a, #group1 li a, #group2 li a {color:#EB8300; font-weight:bold; text-decoration:none; font-style:oblique;}
#columns a:hover, #columns li a:hover, #group1 li a:hover, #group2 li a:hover {color:#54728A;}

h1 a, h2 a, h3 a, h4 a, h5 a {font-style:normal!important;}
h1 a {color:#44413E!important;}
h1 a:hover {color:#54728A!important;}

#top a {font-style:normal!important;}
#top a {color:#44413E!important;}
#top a:hover {color:#54728A!important;}

.metadata a {font:normal 1em Arial, Helvetica, sans-serif; font-style:normal!important; color:#54728A!important; font-weight:normal!important;}
.metadata a:hover {color:#333!important;}

.more-link, .readon {display:block; width:auto; float:right; background:url('images/readmore.png') 0 2px no-repeat; padding:3px 0 0 25px; height:19px; font:italic 1em arial,helvetica; text-decoration:none; border:none; color:#44413E!important;}
.more-link:hover,.readon:hover {color:#54728A!important;}

/***** Typography *****/
p {margin:0 auto 2em;}
#defaultlogo h1 {font:normal 38px "Lucida Sans Unicode","Lucida Grande","Trebuchet MS", Helvetica, Arial, sans-serif; color:#fff; margin:0 0 0 38px;}
#defaultlogo h2 {font:normal 16px "trebuchet ms", Arial,Helvetica; color:#fff; margin:0 0 0 70px;}
h1, h2, h3, h4, h5, h6 {font:normal 1.9em "trebuchet ms", Arial, Helvetica, sans-serif; color:#44413E; margin-bottom:4px;}
h2 {font-size:1.8em;}
#left h2, #right h3 {font-size:1.6em; margin-top:6px; margin-bottom:10px; padding-bottom:12px; background:transparent url('images/line.png') center bottom repeat-x;}
h4 {font-size:1.3em;}
#footer h4 {font-size:1.3em;}
h5 {font-size:1.2em;}
h6 {font-size:1em;}


.dropcap1, .dropcap2 {background:transparent url('images/dropcap1.png') 0 0 no-repeat; margin:4px 15px 4px 0; font:normal 3em Arial, Helvetica, sans-serif; color:#fff; display:block; width:40px; height:40px; float:left; text-align:center;}
.dropcap2 {background:transparent url('images/dropcap2.png') 0 0 no-repeat;}

/* WordPress */
.metadata {margin:0 0 9px 0; color:#3E5669; text-transform:uppercase; background:transparent url('images/line.png') center 8px repeat-x;}
.metadata span {background:#f9f9f9; padding-right:18px;}
.entry {margin-bottom:15px;}
span.tags {margin-right:20px;}
span.trackback {color:#54728A;}
div.widget {margin-bottom:30px;}
#footer .widget {margin-bottom:10px;}

/* Tag Cloud */
.widget_tag_cloud {font-family:Arial, Helvetica, sans-serif;}
.widget_tag_cloud a{padding:7px 4px; color:#A6722C; text-decoration:none;}
.widget_tag_cloud a:hover {color:#333;}

/* Calendar */
#calendar_wrap {width:100%;}
#calendar_wrap a {color:#44413E;}
#wp-calendar {empty-cells: show; margin: 10px 0; width: 100%; background:#fff; border-bottom:1px solid #f7f7f7; border-top:1px solid #f7f7f7; }
#wp-calendar th {background:#f7f7f7;text-align:center;}
#wp-calendar #next a {padding-right: 10px;text-align: right;}
#wp-calendar #prev a {padding-left: 10px;text-align: left;}
#wp-calendar a {display: block; text-decoration:underline;}
#wp-calendar a:hover {color:#333;}
#wp-calendar caption {text-align: center; width: 100%;padding:0 2px 0 0;font-weight:bold;}
#wp-calendar td {padding: 3px 0;text-align: center;}

/** Page Navigation + wp-pagenavi plugin - Download this plugin add this group to the pagenavi plugin styles in the dashboard **/
.wp-pagenavi{margin:10px auto; padding-top:10px; height:35px; background:url('images/line.png') center top repeat-x; text-align:right; clear:both;}
.wp-pagenavi a, .wp-pagenavi a:link,.wp-pagenavi a:visited,.wp-pagenavi a:active,.wp-pagenavi span.pages,.wp-pagenavi span.current,.wp-pagenavi span.extend {
	margin:0 2px;background:#f5f5f5; border:1px solid #dedede; -moz-border-radius: 11px; -khtml-border-radius: 11px; -webkit-border-radius: 11px; color: #53606E; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-style:oblique; padding:4px 7px;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#B4B4B5))
	text-shadow:1px 1px 0 #FFFFFF;}
.wp-pagenavi a:hover {color:#555;}
.wp-pagenavi span.current {color:#555;font-weight:bold;	height:29px;	}


/* .navigation { background:#DEDEDE; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding:8px; } */
.navigation a {color:#A6722C; text-transform:uppercase;}
.navigation a:hover {text-decoration:none; color:#333;}

/* quotes for the free version */
.quote1bg, .quote2bg {width:85%; margin:0 auto 20px ;}
.quote3bg-left, .quote4bg-left {width:40%; margin:8px 20px 10px 0; float:left;}
.quote3bg-right, .quote4bg-right {width:40%; margin:8px 0 10px 20px; float:right;}
.quote1top, .quote2top, .quote3top, .quote4top {padding:10px 15px;}
.quote3bg-left, .quote3bg-right {color:#6086A1;}
.quote4bg-left, .quote4bg-right {color:#B0977B;}
.quote1bg, .quote2bg, .quote3bg-left, .quote3bg-right, .quote4bg-left, .quote4bg-right {font-style:oblique;}

.quote1bg {background:#f9f9f9 url('images/quote1bg.png') left repeat-y;}
.quote1bottom {background:url('images/quote1bottom.png') left bottom no-repeat;}
.quote1top {background:url('images/quote1top.png') left top no-repeat;}

.quote2bg {background:#f9f9f9 url('images/quote2bg.png') left repeat-y;}
.quote2bottom {background:url('images/quote2bottom.png') left bottom no-repeat;}
.quote2top {background:url('images/quote2top.png') left top no-repeat;}

.quote3bg-left, .quote3bg-right {background:#f9f9f9 url('images/quote3bg.png') left repeat-y;}
.quote3bottom {background:url('images/quote3bottom.png') left bottom no-repeat;}
.quote3top {background:url('images/quote3top.png') left top no-repeat;}

.quote4bg-left, .quote4bg-right {background:#f9f9f9 url('images/quote4bg.png') left repeat-y;}
.quote4bottom {background:url('images/quote4bottom.png') left bottom no-repeat;}
.quote4top {background:url('images/quote4top.png') left top no-repeat;}

pre,code {background:#fff; border-left:6px solid #E5E5E5; padding:8px; margin:20px 0; font:normal 13px "Courier New", Courier, monospace;}

/* Image Styling */
#showcase img {}
img.aligncenter {display: block; margin:0 auto 15px;}
img.alignright {margin: 3px 0 5px 18px; display: inline;}
img.alignleft {margin:3px 18px 5px 0; display: inline;}
img.alignright, img.alignleft, img.aligncenter {border: 1px solid #BDBDBD; text-align: center; background-color: #fff; padding: 5px; }
.alignright {float: right; margin: 3px 0 5px 18px;}
.alignleft {float: left; margin:3px 18px 5px 0;}
.wp-caption {border: 1px solid #BDBDBD; text-align: center; background-color: #fff; padding-top: 5px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 12px; padding: 2px 3px; margin: 0; color:#333;}
div.navigation .alignleft, div.navigation .aligncenter, div.navigation .alignright {border:none;}

.awaitingreview{ margin-bottom:10px; padding:0 10px; background:#FFFFFF; color:#54728A; border:1px solid #d9d9d9; display:inline-block; font-size:10px;}
.user{margin-bottom:5px;}
div.comwrap {background:#3B5466 url('images/commentbg.png') center top repeat-x;  -moz-border-radius: 20px; -webkit-border-radius: 20px; padding:8px;}
div.comwrap2 {background:#f9f9f9 url('images/commenttop.png') top repeat-x; -moz-border-radius: 0 0 15px 15px; -webkit-border-radius: 0 0 15px 15px; padding:8px 0;}

/* Form Styling */
.button:disabled, #searchsubmit:disabled, input[type="submit"]:disabled {color:#dedede !important; text-decoration:none !important;}
.button, #searchsubmit, input[type="submit"] {background:#f5f5f5; border:1px solid #dedede; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; color: #44413E; font-size: 12px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-style:normal; padding:2px 8px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#ececec)); cursor:pointer;}
.button, #searchsubmit, input[type="submit"] {background-image: -moz-linear-gradient(100% 100% 90deg,#ececec, #ffffff);}
.button:hover, input[type="submit"]:hover {color:#54728A;}


fieldset{padding:20px;border:1px solid #e5e5e5;}
#commentform label{margin-left:12px;}
legend,label{letter-spacing:1px; font-size:11px;}
input[type=text],input[type=password],input[type=file],textarea{background-color:transparent;padding:3px 5px;width:180px;-moz-border-radius:4px;-webkit-border-radius:4px;}
textarea{width:92%;height:120px;font-size:12px;}
input, textarea {outline-style:none!important;}
input[type=text],input[type=password],input[type=file],textarea{background:#ffffff; border-color:#D9D9D9 #EAEAEA #EEEEEE;
	border-style:solid; border-width:1px; color:#333;}
	input[type=text]:hover,input[type=password]:hover,input[type=file]:hover,textarea:hover {background:#f5f5f5;}
input[type="submit"]:-moz-focus-inner{border : 0px;} 
input[type="submit"]:focus{outline:none;}

/* Shortcode miscellaneous styles */
span.sc {padding-bottom:5px; display:block; width:auto;}
.separator {background:transparent url('images/line.png') center 15px repeat-x; height:32px; clear:both;}


div.syntaxhighlighter code {font:normal 12px Arial, Helvetica, sans-serif; padding:4px;}

.formContainer {}
.formContainer fieldset {width:680px; border:0 !important;}
.formContainer inputText {width:680px; border:0 !important;}
.formContainer input[type="submit"] {width: 100px; margin-top: 10px;}
.formContainer input, textarea {width: 680px; border:1px solid #54728A !important;}
.formContainer select {width: 692px; border:1px solid #54728A !important;}

.legacyfilestitle
{
	color:#44413E;
	font-size:15px;
	font-weight:bold;
	height:20px;
	margin-bottom:10px;
	margin-top:20px;
}

/* Transition Master */
 /* 183 */
#mainContainer
{
    min-height: 100%;
    position: relative;
    overflow: hidden;
}

#bottomWrapper
{
    position: absolute;
    bottom: 0;
    width: 100%;
    
}
#mainbody
{
    height: 100%;
    padding-bottom: 210px;
}
html, body 
{
    height: 100%;
}
input[type="hidden"] 
{
    border: none;
    padding: none;
    margin: none;
}



/*  LienDetails */

ul.ui-autocomplete.ui-menu li
{
    list-style: none !important;
    list-style-image: url('') !important;
    list-style-type: none !important;
}
ul.ui-autocomplete.ui-menu
{
    max-height: 300px;
    overflow-y: scroll;
}





/* Lien Login */
.LienRegistration {width: 700px;}
.LienLogin, .LienRegistration, .ChangePassword
{
    background: transparent url('images/lien-login-background-top.png') left top no-repeat;
}
.login-bottom
{
    background: transparent url('images/lien-login-background-bottom.png') left top no-repeat;
    width: 360px;
    margin: 0px auto;
}
.LienLogin div h1, .LienRegistration div h1, .ChangePassword h1
{
    font: normal 1.9em "Myriad Pro", "trebuchet ms", Arial, Helvetica, sans-serif;
}
.ExtraPadding
{
    padding: 13px 0px 5px 0px;
}
.LienLogin div h1, .LienRegistration div h1, .ChangePassword h1
{
    padding: 10px 0px;
}
.LienLogin div div span, .LienRegistration div div span
{
    font-weight: bold;
    font-size: 1.2em;
}
.LienLogin div h1, .LienRegistration div h1, .ChangePassword h1
{
    font-weight: bold;
}

/*.LienRegistration input[type=text], .LienRegistration input[type=password] */
.LienRegistration .formfield
{
    width: 95% !important;
}



/* helper classes */

.hide{display:none;}
.hide-important{display:none !important;}
.pct-100{width:100%}
.pct-95{width:95%}
.pct-80{width:80%}
.pct-65{width:65%}
.pct-48{width:48%}
.pct-44{width:44%}
.pct-35{width:35%}
.pct-30{width:30%}
.pct-33{width:33%}
.left{float: left}
.right{float: right}
.pad-lr-2{padding-left: 2%; padding-right: 2%;}
.border-below{border-bottom: 1px solid #ccc; padding-bottom: .5em;}
.smaller-section{background:#fafafa; border: 1px solid #ccc; padding: 2%;}
.main-section{margin: 0px auto; padding: 10px 5px; background: white; border: 1px solid #ccc;}
.center-div{margin-left: auto; margin-right: auto;}
.margin-top{margin-top:1em;}
.small-margin-top{margin-top:.5em;}
.margin-lr{margin-left: .5em; margin-right: .5em;}
.strike-through{text-decoration: line-through;}
.shadow {
	-moz-box-shadow: 3px 3px 5px #777;
	-webkit-box-shadow: 3px 3px 5px #777;
	box-shadow: 3px 3px 5px #777;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777');
}
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}


/* Simple List */
sf_simpleList, .sf_pageList, .sf_expandedList, .sf_expandableList, .sf_anchorList
{
	margin: 0 0 20px;
	padding: 0;
	list-style-position: outside;
}
m.sf_simpleList li, .sf_pageList li, .sf_expandedList li, .sf_expandableList li, .sf_anchorList li
{
	margin: 0 0 10px 25px;
	padding: 0;
}
.sf_listTitle 
{
	margin: 20px 0 10px;
	padding: 0;
	font-size: 1.35em;
}
.sf_ItemTitle 
{
	margin: 0;
	padding: 0;
	font-size: 1.8em;
	line-height: 1.2;
}
.sf_listItemTitle, .sf_listItemTitleexp
{
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}
.sf_listItemBody 
{
	margin: 0 0 10px;
}

.sf_controlListItems
{
	margin: 0;
	padding: 0;
	font-size: .9em;
}
d.sf_backToList 
{
	margin: 0 0 20px;
	padding: 0;
	font-size: .9em;
}
 /* if the content is longer a scroll should be displayed */
.RadRotator .radr_item
{
	overflow: auto !important;
}
/* Pager */
.sf_pager 
{
	margin: 10px 0;
	padding: 0;
	width: 100%;
	float: left;
	list-style: none;
	clear: both;
}
tol.sf_pager li
{
	margin: 0;
	padding: 0 10px 0 0;
	width: auto;
	float: left;
}
dol.sf_pager li a
{
	padding: 3px 5px;
}
ol.sf_pager li a[disabled="disabled"], ol.sf_pager li a.sf_PagerSelItem
{
	color: #666;
	text-decoration: none;
	cursor: default;
}

.RadMenu .rmRoot
{
    white-space:nowrap;
	float:left;
	position:relative;
}

.RadMenu .rmRootGroup
{
	margin:0;
	padding:0;
	position:relative;
	left:0;
	display: inline-block;
}

* html .RadMenu .rmRootGroup { float: left; }

.RadMenu:after,
.RadMenu .rmRootGroup:after
{
    content:""; 
    display:block;
    height:0;
    overflow: hidden;
    line-height:0;
    font-size:0;
    clear:both;
    visibility:hidden;
}

.RadMenu ul.rmVertical,
.RadMenu ul.rmHorizontal,
.RadMenu ul.rmRootScrollGroup,
.RadMenu_Context ul.rmHorizontal
{
	margin:0;
	padding:0;
	/* display:none; */
	position:relative;
	left:0;
	float:left;
}

.rmSized ul.rmVertical
{
	width: 100%;
}

.rmSized ul.rmRootGroup
{
	float: none;
}

.rmSized .rmRootGroup .rmVertical
{
	width: auto;
}

.RadMenu .rmItem
{
	float:left;
	position:relative;
	list-style-image: none;
	list-style-position:outside;
	list-style:none;	
}

* html .RadMenu .rmItem
{
	display:inline;
}

.RadMenu .rmHorizontal .rmItem
{
	clear:none;
}

.RadMenu .rmVertical .rmItem
{
	clear:both;
}

.rmSized .rmVertical .rmItem
{
	width: 100%;
}

.rmSized .rmHorizontal .rmItem,
.rmSized .rmRootGroup .rmVertical .rmItem
{
	width: auto;
}

.RadMenu ul.rmActive,
.RadMenu ul.rmRootGroup
{
	display:block;
}

.RadMenu .rmSlide, 
.RadMenu_Context
{
	position:absolute;
	overflow:hidden;
	display:none;
	float:left;
}

* html .RadMenu .rmSlide, 
* html .RadMenu_Context
{
	height:1px;
}

.RadMenu_Context
{
	z-index:1000;
	overflow:visible;
}

.RadMenu .rmText
{
	display:block;
}

.RadMenu div.rmText /*templates*/
{
	white-space:normal;
	background: transparent;
}

.RadMenu a.rmLink
{
	cursor:default;
	display:block;
}


.rmRootLink span
{
	color:White;
}

.topitem:hover a.rmRootLink span
{
	color:#083564;
}

.topitem:hover a.rmRootLink
{
	background:transparent url('images/navbg_silver.png') center top repeat-x;
	border-width:1px;
	border-color:#083564;
}

.rmScrollWrap
{
	position:absolute;
	float:left;
	overflow:hidden;
	left:0;
}

.RadMenu .rmLeftArrow,
.RadMenu .rmTopArrow,
.RadMenu .rmBottomArrow,
.RadMenu .rmRightArrow
{
	position:absolute;
	z-index:2000;
	text-indent:-1000em;
	font-size: 0;
	line-height: 0;
	outline: 0;
	overflow: hidden;
}

.RadMenu .rmLeftArrowDisabled,
.RadMenu .rmTopArrowDisabled,
.RadMenu .rmBottomArrowDisabled,
.RadMenu .rmRightArrowDisabled
{
	display:none;
	text-indent:-1000em;
	font-size: 0;
	line-height: 0;
}

.RadMenu .rmBottomArrow,
.RadMenu .rmBottomArrowDisabled
{
	margin-bottom: -1px;
}

.RadMenu .rmLeftImage
{
	border:0;
	float:left;
}

.RadMenu_rtl
{
	float:right;
	text-align: right;
}

.RadMenu_rtl ul.rmVertical
{
	float:right;
}

.RadMenu_rtl .rmItem
{
	float:right;	
}

.RadMenu_rtl .rmLeftImage,
.RadMenu_Context_rtl .rmLeftImage
{
	border:0;
	float:right;
}

.RadMenu_rtl .rmLeftArrow,
.RadMenu_rtl .rmTopArrow,
.RadMenu_rtl .rmBottomArrow,
.RadMenu_rtl .rmRightArrow,
.RadMenu_rtl .rmLeftArrowDisabled,
.RadMenu_rtl .rmTopArrowDisabled,
.RadMenu_rtl .rmBottomArrowDisabled,
.RadMenu_rtl .rmRightArrowDisabled
{
	text-indent:1000em !important;
}

.RadMenu .rmLink
{
	width:auto;
}

.RadMenu .rmSeparator,
.RadMenu .rmSeparator:after
{
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

.RadMenu div.rmRootGroup
{
    position: relative;
}
/* <base styles> */

.RadMenu .rmItem
{
	padding: 0;
}

.RadMenu .rmLink
{
	padding: 0 0 0 12px;
	outline: 0;
	float: left;
}

.RadMenu .rmText
{
	padding-bottom: 1px;
	float: left;
}

/* optimized for 16x16 */
.RadMenu .rmLeftImage
{
	margin: 4px 2px 0 -3px;
	padding-bottom: 4px;
}

.RadMenu .rmVertical .rmLeftImage+.rmText
{
	padding: 0 8px 1px 24px;
}

.RadMenu .rmVertical .rmText
{
	padding: 0 15px 1px 0;
}

.RadMenu .rmHorizontal .rmText
{
	padding: 0 12px 1px 0;
}

.RadMenu_rtl .rmVertical .rmText
{
	padding: 0 15px 1px 0;
}

.RadMenu .rmVertical .rmText,
.RadMenu .rmHorizontal .rmVertical .rmText
{
	display: block;
	float: none;
}

.RadMenu .rmVertical .rmLink,
.RadMenu .rmHorizontal .rmVertical .rmLink
{
	float: none;
}

* html .RadMenu .rmGroup .rmVertical .rmLink,
* html .RadMenu .rmGroup .rmHorizontal .rmLink
{
	float: left;
}

/* <Shadows and rounded corners */

.RadMenu .rmTopRight,
.RadMenu .rmBottomLeft,
.RadMenu .rmBottomRight,
.RadMenu .rmRoundedCorners ul.rmGroup,
.rmRoundedCorners ul.rmGroup,
.rmRoundedCorners ul.rmGroup ul.rmGroup,
.RadMenu .rmRoundedCorners .rmMultiColumn
{
	border: 0;
	background-position: 0 0;
}

.RadMenu .rmRoundedCorners .rmMultiColumn ul.rmMultiGroup
{
	background: none;
	margin: 0;
}

.RadMenu .rmRoundedCorners .rmGroupColumn
{
	height: 100%;
}

.RadMenu .rmRoundedCorners li.rmFirstGroupColumn
{
	background-color: transparent;
}

.RadMenu .rmTopFix,
.RadMenu .rmTopRight,
.RadMenu .rmBottomFix,
.RadMenu .rmBottomLeft,
.RadMenu .rmBottomRight
{
	position: absolute;
	width: 4px;
	height: 4px;
	list-style-type: none;
	list-style-position: outside;
	font-size: 0;
}

.RadMenu_rtl .rmTopRight,
.RadMenu_rtl .rmBottomRight
{
	width: 32px;
}

.RadMenu_rtl .rmTopShadowRight,
.RadMenu_rtl .rmBottomShadowRight
{
	width: 4px;
}

.RadMenu .rmTopShadowRight,
.RadMenu .rmBottomShadowLeft,
.RadMenu .rmBottomShadowRight
{
	background-repeat: no-repeat;
	background-color: transparent;
}

.rmRoundedCorners .rmTopShadowRight,
.rmRoundedCorners .rmBottomShadowLeft,
.rmRoundedCorners .rmBottomShadowRight
{
	width: 5px;
	height: 5px;
}

.RadMenu .rmTopRight
{
	background-position: 100% 0;
	top: 0;
	right: -4px;
	height: 100%;
}

.RadMenu .rmBottomLeft
{
	background-position: 0 100%;
	bottom: -4px;
	left: 0;
	width: 100%;
}

.RadMenu .rmBottomFix
{
	background-position: -1px 0;
	width: auto;
	bottom: -4px;
	left: 5px;
	right: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.RadMenu .rmTopFix
{
	background-position: -1px 0;
	width: auto;
	top: 0;
	left: 5px;
	right: 0;
	border-top-width: 1px;
	border-top-style: solid;
}

* html .RadMenu .rmTopFix,
* html .RadMenu .rmBottomFix,
* html .RadMenu .rmBottomShadowLeft
{
	width: 0;
}

.RadMenu .rmBottomRight
{
	background-position: 100% 100%;
	bottom: -4px;
	right: -4px;
	width: 8px;
}

.RadMenu .rmShadows li.rmBottomShadowLeft,
.RadMenu .rmShadows .rmBottomShadowRight,
.rmShadows .rmGroup li.rmBottomShadowLeft,
.rmShadows .rmGroup .rmBottomShadowRight
{
	background-image: url('WebResource.axd?d=M_4G33EVPmTYLdWcf-GI4x2J6jjy6lYfxGFSZPeROFEzja1Ig3DuUJz3gRMZ6D8Y7RQr3OCyKx-sO2s_aeXLeaPBJ86fUoPIX77NdJrLIs8q_s9Ad1ftZX_xG3NLogLDQ1nT60xT51orZwG5C15tfn-HyhwQ3oASUWLQ7Q_WYs1&t=634248166577734768');
}

.RadMenu .rmRoundedCorners li.rmBottomShadowLeft,
.RadMenu .rmRoundedCorners .rmBottomShadowRight,
.rmRoundedCorners .rmGroup li.rmBottomShadowLeft,
.rmRoundedCorners .rmGroup .rmBottomShadowRight
{
	background-image: url('WebResource.axd?dITho4Hbqmjn0M_TyqFEyqhAFiIP3Vuv21kQlyZTbQlda67wP7bVnqhraCWweBB5I-xzWOgRj-lTJQK-aKP0vKh-6SNj4S0pCa9OeJFFq-BfnSAvJY7ua_sLRHechJa7tt7tOZYXzo6J9BDW-M3wH7Oo_F8Cg3MP6KXptNAAyHknXKcjdNDCv34cLeWBSnE80&t=634248166577734768');
}

.RadMenu .rmShadows .rmTopShadowRight,
.rmShadows .rmGroup .rmTopShadowRight
{
	right: -5px;
	background-image: rl('WebResource.axd?d=BlNa76dTNCT38iigIAAofK8oLTYB4uScO5OBO5WtninFkbCp3FUsxVPLj8ljVwmUm0JucwWS2hda4_3gHFg0N08ZZ-y4izmkwpFdZ6KFJ7CURJNCTQDAAFcjgF8J4hfgHLALglhB4zI5kqxCCn6kn-qFVKfLxBh5k--mdm2aIQ1&t=634248166577734768');
	background-position: 100% 0;
}

.RadMenu .rmBottomShadowLeft
{
	bottom: -5px;
	left: 1px;
	background-position: 0 100%;
}

.RadMenu .rmBottomShadowRight
{
	bottom: -5px;
	right: -5px;
	width: 4px;
	height: 5px;
}

.RadMenu .rmScrollWrapContainer .rmTopShadowRight
{
	right: -4px;
}

.RadMenu .rmScrollWrapContainer .rmBottomShadowRight
{
	bottom: -4px;
	right: -4px;
	width: 3px;
	height: 4px;
}

.RadMenu .rmScrollWrapContainer .rmBottomShadowLeft
{
	bottom: -4px;
}

.RadMenu .rmRoundedCorners .rmTopShadowRight,
.rmRoundedCorners .rmGroup .rmTopShadowRight
{
	right: -8px;
	background-image: url('WebResource.axd?d=pV6pWwZ8YNLL2uowRWbJ8CWqJE4_kJM69nEJVTSRMaWQYgK4tf60coJBx_2A6znmrbiPY7MsAaEoAGCEj5RMaYOo_fRNn1OcUVcUh4qeWqikkRshVIMP1FKsiqtvnfoTBrBKYhlXvrNi2wT4fK0b5bcz8TjNaq38SOIOfOh-vOA1&t=634248166577734768');
}

.RadMenu .rmRoundedCorners .rmBottomShadowLeft,
.rmRoundedCorners .rmGroup .rmBottomShadowLeft
{
	bottom: -8px;
}

.RadMenu .rmRoundedCorners .rmBottomShadowRight,
.rmRoundedCorners .rmGroup .rmBottomShadowRight
{
	bottom: -8px;
	right: -8px;
	width: 7px;
	height: 8px;
}

* html .RadMenu .rmRoundedCorners .rmBottomShadowRight,
* html .rmRoundedCorners .rmGroup .rmBottomShadowRight
{
	width: 11px;
	height: 8px;
	font-size: 0;
}

.RadMenu .rmAccessKey
{
	font-size: 10px;
	font-weight: normal;
	float: right;
	padding-right: 8px;
}

.RadMenu .rmRoundedCorners .rmGroup .rmItem,
.rmRoundedCorners .rmGroup .rmItem
{
	z-index: 1;
}

* html .RadMenu .rmRoundedCorners .rmGroup .rmText,
* html .RadMenu .rmShadows .rmGroup .rmText, 
* html .rmRoundedCorners .rmGroup .rmText,
* html .rmShadows .rmGroup .rmText { zoom: normal }

.RadMenu .rmRoundedCorners .rmSlide .rmScrollWrap,
.rmRoundedCorners .rmScrollWrapContainer .rmScrollWrap
{
	background-image: none;
}

.RadMenu .rmRoundedCorners .rmMultiGroup > .rmItem
{
	background-image: none;
}

.RadMenu .rmRoundedCorners .rmSlide,
.RadMenu .rmShadows .rmSlide,
.rmRoundedCorners .rmSlide,
.rmShadows .rmSlide,
div.rmRoundedCorners,
div.rmShadows
{
	padding: 0 8px 10px 0;
}

.RadMenu .rmRoundedCorners ul.rmGroup,
.rmRoundedCorners .rmGroup ul.rmGroup,
.rmRoundedCorners ul.rmGroup
{
	margin-top: 1px;
	padding: 1px;
}

.RadMenu .rmRoundedCorners ul.rmGroup .rmSlide,
.rmRoundedCorners ul.rmGroup .rmSlide
{
	margin-top: -5px;
}

.RadMenu_rtl .rmRoundedCorners ul.rmGroup .rmSlide,
.RadMenu_rtl.rmRoundedCorners ul.rmGroup .rmSlide
{
	margin-right: -5px;
}

.RadMenu .rmRoundedCorners .rmSlide .rmScrollWrap,
.rmRoundedCorners .rmSlide .rmScrollWrap
{
	border: 0;
}

.RadMenu .rmRoundedCorners .rmScrollWrap,
.RadMenu .rmShadows .rmScrollWrap,
.rmRoundedCorners .rmScrollWrap,
.rmShadows .rmScrollWrap
{
	position: relative;
}

.RadMenu .rmRoundedCorners .rmScrollWrapContainer,
.rmRoundedCorners .rmScrollWrapContainer
{
	padding: 4px 0 0 4px;
}

.RadMenu .rmScrollWrapContainer
{
	position: absolute;
}

.RadMenu .rmScrollWrapContainer .rmTopFix
{
	height: 100%;
}

* html .RadMenu .rmScrollWrapContainer .rmTopFix
{
	height: 5px;
}

.RadMenu .rmRoundedCorners ul.rmGroup,
.rmRoundedCorners .rmGroup ul.rmGroup,
.rmRoundedCorners ul.rmGroup
{
	padding: 4px 0 0 4px;
}

.RadMenu .rmScrollWrapContainer .rmGroup,
.rmScrollWrapContainer .rmGroup .rmGroup,
.rmScrollWrapContainer .rmGroup
{
	padding: 0;
}

/* </Shadows and rounded corners */

.RadMenu .rmRootGroup .rmItem .rmGroup
{
	padding-bottom: 1px;
}

.RadMenu .rmRoundedCorners .rmItem .rmGroup
{
	padding-bottom: 0;
}

.RadMenu .rmGroup .rmItem
{
	padding: 0;
}

.RadMenu .rmGroup .rmLink,
.RadMenu .rmSlide .rmGroup .rmTemplate
{
	padding: 0;
}

.RadMenu_rtl .rmGroup .rmLink,
.RadMenu_rtl .rmSlide .rmGroup .rmTemplate
{
	padding: 0;
}

.RadMenu .rmGroup .rmText
{
	padding: 0 54px 0 28px;
	margin: 0 0 0 4px;
}

.RadMenu_rtl .rmGroup .rmText
{
	padding: 0 28px 0 54px;
	margin: 0 4px 0 0;
}

.RadMenu .rmMultiColumn
{
	list-style: none;
	display: block;
   	position: relative;
	margin: 0;
	padding: 0;
	zoom: 1;
}

.RadMenu .rmMultiColumn .rmMultiGroup
{
	background: none;
	border: 0;
	float: left;
	display: block;
    position: static;
}

.RadMenu .rmMultiColumn .rmGroupColumn
{
	float: left;
}

.RadMenu_rtl .rmMultiColumn .rmGroupColumn  
{
	float: right;
}

*+html .RadMenu_rtl .rmMultiColumn .rmItem { float: left; }
* html .RadMenu_rtl .rmMultiColumn .rmItem { float: left; }

.RadMenu .rmSlide .rmVertical .rmLeftImage+.rmText,
.RadMenu_Context .rmGroup .rmLeftImage+.rmText
{
	padding: 0 54px 0 28px;
}

.RadMenu_rtl .rmSlide .rmVertical .rmLeftImage+.rmText,
.RadMenu_Context_rtl .rmGroup .rmLeftImage+.rmText
{
	padding: 0 28px 0 54px;
}

.RadMenu .rmSlide .rmHorizontal .rmText
{
	padding: 0 11px 0 10px;
}

.RadMenu .rmGroup .rmLeftImage
{
	margin: 4px 0 0 6px;
}

* html .RadMenu .rmGroup .rmLeftImage { margin-left: 4px; }
*+html .RadMenu .rmGroup .rmLeftImage { margin-left: 4px; }

* html .rmRoundedCorners .rmGroup .rmLeftImage { margin-left: 1px; }
*+html ul.rmRoundedCorners .rmGroup .rmLeftImage { margin-left: 2px; }

.RadMenu_rtl .rmGroup .rmLeftImage
{
	margin: 4px 6px 0 0;
}

* html .RadMenu .rmGroup .rmLeftImage { position: absolute; }
*+html .RadMenu .rmGroup .rmLeftImage { position: absolute; }

.RadMenu a.rmImageOnly img.rmLeftImage,
.RadMenu .rmRootGroup a.rmImageOnly
{
	padding: 0;
	margin: 0;
}

.RadMenu .rmRootGroup a.rmImageOnly span.rmText
{
	display: none;
}

* html .RadMenu .rmImageOnly .rmLeftImage { position: static; }
*+html .RadMenu .rmImageOnly .rmLeftImage { position: static; }

* html .RadMenu_rtl .rmGroup .rmLeftImage { right: 0; }
*+html .RadMenu_rtl .rmGroup .rmLeftImage { right: 0; }

*+html .RadMenu_Context_rtl ul.rmGroup { position: absolute; }
* html .RadMenu_Context_rtl ul.rmGroup { position: absolute; }

*+html .RadMenu_Context_rtl .rmGroup .rmItem { float: left; }
* html .RadMenu_Context_rtl .rmGroup .rmItem { float: left; }

/* <separators> */

.RadMenu .rmSeparator .rmText
{
	line-height: 0;
	font-size: 0;
	padding: 0;
	background-repeat: repeat-x;
	overflow: hidden;
}

.RadMenu .rmVertical .rmSeparator .rmText,
.RadMenu .rmHorizontal .rmVertical .rmSeparator .rmText
{
	height: auto;
	width: auto;
	padding-bottom: 2px;
}

*+html .RadMenu .rmSeparator .rmText,   /* IE7 separator height problem */
*+html .RadMenu .rmVertical .rmSeparator .rmText,
*+html .RadMenu .rmHorizontal .rmVertical .rmSeparator .rmText
{
	height: 2px;
	padding: 0;
}

* html .RadMenu .rmVertical .rmSeparator { height: 3px; }
* html .RadMenu .rmVertical .rmSeparator .rmText { height: auto; padding: 2px 0 0; }
* html .RadMenu .rmHorizontal .rmSeparator .rmText { padding: 0; }
* html .RadMenu .rmHorizontal .rmVertical .rmSeparator { height: 3px; }
* html .RadMenu .rmHorizontal .rmVertical .rmSeparator .rmText { height: 2px; }

.RadMenu .rmRootGroup .rmSeparator .rmText
{
	margin: 1px 12px;
}

.RadMenu .rmRootGroup .rmVertical .rmSeparator .rmText,
.RadMenu_Context .rmVertical .rmSeparator .rmText
{
	margin: 1px 2px 1px 31px;
}

.RadMenu_rtl .rmRootGroup .rmVertical .rmSeparator .rmText,
.RadMenu_Context_rtl .rmVertical .rmSeparator .rmText
{
	margin: 1px 31px 1px 2px;
}

.RadMenu .rmHorizontal .rmSeparator .rmText,
.RadMenu .rmVertical .rmHorizontal .rmSeparator .rmText
{
	margin: 2px 0 0;
	height: 20px;
	width: 2px;
}

* html .RadMenu .rmHorizontal .rmVertical .rmSeparator .rmText
{
	zoom: 1;
}

/* </separators> */

/* <scroll arrows> */

.RadMenu .rmLeftArrow,
.RadMenu .rmRightArrow
{
	width: 10px;
	height: 24px;
}

.RadMenu .rmTopArrow,
.RadMenu .rmBottomArrow
{
	height: 10px;
	width: 100%;
}
/* </scroll arrows> */
/* </base styles> */

.leftlabel
{
    width:150px; 
    float:left;
}

.happy
{
    color:#357435;
    font-weight:bold;
}

.error
{
    color:Red;
    font-weight:bold;
}

.errorbox
{
    border:1px solid red !important;
}

.PDFForm
{
    margin:5px;
    padding:20px;
}

.PDFForm .leftlabelsmall
{
    width:30px;
    float:left;
}

.PDFForm .leftDiv
{
    float:left;
}

.PDFForm .rightDiv
{
    float:right;
}

.PDFForm .header
{
    text-decoration:underline; 
    font-weight:bold; 
    margin:3px 0px
}

.PDFForm div div
{
    padding-top:1px;
    padding-bottom:1px;
}

.PDF .row
{
    width:100%;
}

.PDFForm .columns2
{
    float:left;
    width:49%;
}

.PDFForm .columns3
{
    float:left;
    width:33%;
}

.PDFForm .columns3 div
{
    clear:both;
}

.PDFForm .textfield
{
    width:250px;
}

.modalBackground 
{
    background-color:Gray; 
    filter:alpha(opacity=70); 
    opacity:0.7;
}

.popup
{
    background-color:White;
    padding:1em;
    border:1px solid black;
}