/* base.css | v0.2 (03282010) | 
 *
 * The purpose of this styles sheet is to set default styles for common browsers and address common issues (missing scrollbar, extended buttons in IE, gap below images, etc.)
 */

html {height: 100%; }
/* not all browsers set white as the default background color 
 * color is set to create not too much contrast with the background color
 * line-height is to ensure that text is legible enough (that there is enough space between the upper and lower line) 
 */	
body {height: 100%; background: #fff; color: #444; line-height: 1.4;}


ul, ol {margin-left:0px; padding-left:0px;}

.mt-10{margin-top:10px;}


/* float left and right */
.l {float:left;}
.r {float:right;}

/* styling for links and visited links as well as for links in a hovered, focus and active state 
 * make sure to keep these rules in that order, with :active being last
 * text-decoration: none is to make the links more legible while they are in a hovered, focus or active state
 * a:focus and :focus are used to help keyboard users, you may change their styling, but make sure to give users a visual clue of the element's state.
 * outline:none used with the pseudo-class :active is to avoid the sticky outline when a user clicks on a link, but choose to not follow it
 * note that the last rule does not do anything in IE as this browser does not support "outline" (besides, it treats :active and :focus the same)
 */
a:link {color: #000;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:focus {text-decoration: none;}
a:focus,:focus {outline: 1px dotted #000;}
a:active {outline: none;}

.last { margin-right:0px!important;}

/* this is to prevent border from showing around fieldsets and images (i.e., images inside anchors)
 */fieldset, img {
  border: 0;}

/* to prevent a gap from showing below images in some browsers 
 */

/* according to Eric Meyer's reset: tables still need 'cellspacing="0"' in the markup
 */
table { border-collapse: collapse;border-spacing: 0;}


/* all th should be centered unless they are in tbody (table body)
 */
th {text-align: center;} 
tbody th {text-align: left;} 

/* See Eric Meyer's article about Fixed Monospace Sizing 
 * http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/
 */
code {color: #06f;}
code, pre {font-family: "Courier New", monospace, serif; font-size: 1em;}

/* This should be self explanatory
 */
blockquote, q, em, cite, dfn, i, cite, var, address {
  font-style: italic;
}

/* to prevent some browsers from inserting quotes on "q" and "p" ("p" in blockquotes)
 */
blockquote p:before, blockquote p:after, q:before, q:after {content: '';}

/* These should be self explanatory
 */
th, strong, dt, b {
  font-weight: bold;
}



/* These should be self explanatory
 */
dd {
  padding-left: 20px;
  margin-top: .5em;
}


/* we cannot use padding on a table to create left and right gaps (as we do with the elements above), instead we use margin 
 */ 
table {
  margin-right: 30px;
  margin-left: 30px;
} 

/* we use margin for hr for the same reason we do for table 
 */
hr {
  margin-right: 30px;
  margin-left: 30px;
  border-style: inset;
  border-width: 1px;
}


/* form elements
 * this should not affect the layout of the labels unless you style them in a way that padding applies
 * if I include this here it is mostly because when labels are styled with float and clear, top padding creates a gap between labels (bottom margin would, but not top margin)
 */
label {padding-top: 1.2em;}

/* line height helps to set the vertical alignment of radio buttons and check boxes (remember to group these in fieldsets) 
 */
fieldset {line-height: 1;}

/* vertical alignment of checkboxes (a different value is served to IE 7)
 */


/* vertical alignment of radio buttons
 */
input[type="radio"] {vertical-align: text-bottom;}


/* a specific font-size is set for these elements
 */
input, button, textarea, select, optgroup, option {
  font-size: .9em;
}

/* Widths */
.pc5{width:5%!important;}
.pc10{width:10%!important;}
.pc15{width:15%!important;}
.pc20{width:20%!important;}
.pc22{width:22%!important;}
.pc23{width:23%!important;}
.pc25{width:25%!important;}
.pc26{width:26%!important;}
.pc27{width:27%!important;}
.pc28{width:28%!important;}
.pc30{width:30%!important;}
.pc31{width:31%!important;}
.pc32{width:32%!important;}
.pc33{width:33%!important;}
.pc35{width:35%!important;}
.pc37{width:37%!important;}
.pc38{width:38%!important;}
.pc40{width:40%!important;}
.pc41{width:41%!important;}
.pc42{width:42%!important;}
.pc43{width:43%!important;}
.pc45{width:45%!important;}
.pc47{width:47%!important;}
.pc50{width:50%!important;}
.pc52{width:52%!important;}
.pc55{width:55%!important;}
.pc60{width:60%!important;}
.pc65{width:66%!important;}
.pc70{width:70%!important;}
.pc75{width:75%!important;}
.pc80{width:80%!important;}
.pc90{width:90%!important;}
.pc95{width:95%!important;}
.pc96{width:96%!important;}
.pc98{width:98%!important;}
.pc100{width:100%!important;}