/* -- shell -- */

body { font-family:Verdana, Arial, Helvetica, sans-serif;}

#header-outer   {}
/* #header-inner   { width:960px; margin:0 auto; height:107px; position:relative;} */
#header-inner   { width:960px; margin:0 auto; height:95px; position:relative;}
#content-outer  { position:relative;}
#content-inner  { width:960px; margin:0 auto; background-color:#FFFFFF; background-repeat:repeat-y;}


/* original #content-shadow { background: url(../images/content-grad.png) repeat-x; position:absolute; top:0; height:21px; width:100%; z-index:20;} */
#content-shadow { background: url(../images/content-grad.png) repeat-x; position:absolute; top:0; height:10px; width:100%; z-index:20;}



/* #side-bar       { width:210px; float:left; margin:20px 0 5px 5px; height: 184px;} */
/* pc #content        { width:640px; float:left; margin:16px 0 10px 18px;} */
/* #content        { width:680px; float:left; margin:16px 0 10px 18px;} */

/* pc added height to following to fix menu height */
/* #side-bar       { width:210px; float:left; margin:20px 0 5px 5px; display:inline; height:410px;} */
/* #content        { width:640px; float:left; margin:30px 0 30px 45px; } */

/* current #side-bar       { width:210px; float:left; margin:30px 0 30px 20px; display:inline;} */
/* current #content        { width:640px; float:left; margin:30px 0 30px 45px;} */

/* orginal #side-bar       { width:210px; float:left; margin:30px 0 30px 20px;} */
#side-bar       { width:200px; float:left; margin:15px 0 15px 15px;}

/* original #content        { width:640px; float:left; margin:30px 0 30px 45px;} */
#content        { width:650px; float:left; margin:18px 0 30px 42px;}





/* -- globals -- */

p, .table   { font-size:12px; line-height:15px; color: #262626;}

h1          { font-size:18px; line-height:22px; color: #717171; font-weight:normal; float:left;}
h2          { font-size:22px; line-height:24px; color: #717171; font-weight:normal; float:left;}
h2 span     { font-size:16px;}

/* pc */
h9          { font-size:10px; line-height:13px; color: #717171; font-weight:normal; float:left;}



ul          {}

li          { list-style:none;}

p span      {}

/*pc  a         { font-size:10px; text-transform:uppercase; } */
a         { font-size:12px; text-transform:none; }

a:link, a:visited   { color:#1a4b78; text-decoration:underline;}
a:hover, a:active   { color:#246aab; text-decoration:underline;}


/* -- misc styles -- */

* { margin:0; padding:0; outline:none;}


.clearAll { clear:both; font-size:1px; line-height:1px; height:.01em;}
.clear12  { clear:both; font-size:1px; line-height:1px; height:.01em; height:12px;}

.align-right  { text-align:right;}
.align-center { text-align:center;}

/* -- phil -- */
.align-left { text-align:left;}
/* -- phil -- */

.ital { font-style:italic;}

.color-greyLt { background:#eaeaea;}
.color-greyDk { background:#c9c9c9;}

.rule-1   { clear:both; border-bottom:1px solid #c9c9c9; height:1px; margin:0 6px 2px 6px; padding-top:2px;}
.row .rule-1 , .row-full .rule-1 , .row-half .rule-1 , .row-third .rule-1 , .row-twoThird .rule-1  { padding:4px 0; margin:0 0 2px 0;}

.noBackgound    { background-image:none !important;}

.wide-col #content   { width:760px; float:left; margin:30px 0 30px 100px;}
.narrow-col #content { width:560px; float:left; margin:30px 0 30px 200px;}

.zero-pad            {padding:0 0 0 6px !important;}

.small    { font-size:10px;}
.smaller    {font-size:8px;}


/* -- side-bar nav -- */
/* original #side-bar li a { display:block; text-transform:none; padding:4px 0 8px 12px; width:202px; font-size:12px; line-height:14px; color:#FFF; font-weight:bold; background: url(../images/carrot.png) 4px 10px no-repeat;} */
#side-bar li a { display:block; text-transform:none; padding:1px 1px 8px 12px; width:202px; font-size:12px; line-height:13px; color:#FFF; font-weight:bold; background: url(../images/carrot.png) 4px 4px no-repeat;}
#side-bar li a:link, #side-bar li a:visited   { color:#FFF; text-decoration:none;}
#side-bar li a:hover, #side-bar li a:active   { color:#FFF; text-decoration:none;}
 
/* -- header layout -- */
/* pc #logo     { position:absolute; top:30px; left:20px;} */
/* #logo     { position:absolute; top:5px; left:10px; bottom:5px;} */
#logo     { position:absolute; top:5px; left:10px;}

#top-bar   { position:absolute; top:0; right:0;}
#top-bar p { color:#FFFFFF;}
#top-bar p a:link, #top-bar p a:visited { text-decoration:underline; margin-left:6px;}
#top-bar p a:hover #top-bar p a:active { text-decoration:underline; margin-left:6px;}
#top-bar p a.tab { display:inline-block; padding:10px; text-decoration:none; margin-left:6px;}



/* -- un tables -- */
/* original .table       { background:#eaeaea; margin:10px 0 20px 0;} */
.table       { background:#eaeaea; margin:5px 0 15px 0;}

/* original .row, .row-full, .row-half, .row-third  { padding:4px 6px;} */
/* .row, .row-full, .row-half, .row-third  { padding:2px 5px 1px 2px;} */

.row, .row-full, .row-half, .row-third  { padding:0px 1px 0px 1px;}

.row-half             { width:47%; float:left;}
.row-third            { width:30%; float:left;}
.row-twoThird         { width:65%; float:left; padding:4px 0;}

/*pc */
.row-full   { width:100%;}
.vspacer    { height:5px;}
/*pc */

.grad { background:url(../images/row-grad.jpg) top center no-repeat;}

.top-dk, .top-dk span, .bot-dk, .bot-dk span, 
.top-lt, .top-lt span, .bot-lt, .bot-lt span
{ height:5px; font-size:1px;}

.top-dk span, .bot-dk span,.top-lt span, .bot-lt span { width:5px; float:right;}

.top-dk      { background:#c9c9c9 url(../images/cornerDk-topL.png) no-repeat;}
.top-dk span { background:url(../images/cornerDk-topR.png) no-repeat;}
.bot-dk      { background:#c9c9c9 url(../images/cornerDk-botL.png) no-repeat;}
.bot-dk span { background:url(../images/cornerDk-botR.png) no-repeat;}

.top-lt      { background:#eaeaea url(../images/cornerLt-topL.png) no-repeat;}
.top-lt span { background:url(../images/cornerLt-topR.png) no-repeat;}
.bot-lt      { background:#eaeaea url(../images/cornerLt-botL.png) no-repeat;}
.bot-lt span { background:url(../images/cornerLt-botR.png) no-repeat;}

.brow        { float:right; text-align:right; font-size:11px; color:#959595; padding-top:6px;}


/* -- forms -- */
select                   { padding:0px 4px;}
input, textarea          { padding:1px 4px;}
input, select, textarea  { color:#1a4b78; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0 6px 0 0;}

/* original input.field, textarea.field      { background:#FFF url(../images/field-back.png) repeat-x; border:1px solid #8a8a8a;} */
input.field, textarea.field      { background:none; border:1px solid #8a8a8a;}


input.btn-small, input.btn-fat   { color:#FFF; text-transform:uppercase; font-size:10px;}

/* original input.btn-fat         { padding:0 12px; height:26px;} */
input.btn-fat         { padding:0 5px; height:26px;}
input.btn-small       { padding:0 10px; height:20px;}
input.btn-fat:hover, input.btn-small:hover { cursor:pointer; background-position:0 -26px;}

.btn-long { width:330px; text-align:center;}

.formWidth-1 { width:20px;}
.formWidth-2 { width:40px;}
.formWidth-3 { width:200px;}
.formWidth-4 { width:300px;}
.formWidth-5 { width:100px;}
/* pc add one */
.formWidth-date { width:85px;}

select.formWidth-1 { width:30px;}
select.formWidth-2 { width:50px;}
select.formWidth-3 { width:210px;}
select.formWidth-4 { width:310px;}
select.formWidth-5 { width:110px;}



/* -- tables -- */
.table table              { width:100%;}
.table table td           { padding:4px; border-bottom:1px solid #c9c9c9; border-left:1px solid #c9c9c9; font-size:11px;}
.table table td:first-child { border-left:none;} 
.table table tr.title     { font-weight:bold; color:#333333; background:#c9c9c9}
.table table tr.title td  { text-align:center;}
.table table tr.on        { background-color:#dbdbdb;}
.table table td.thin40    { width:40px;}