/*-------------------------------------------*/
/* PaansNet default styling for XHTML v2.2.0 */
/*-------------------------------------------*/


/*---------------------------------------------------*/
/* Remove all default margins and paddings from tags */
/*---------------------------------------------------*/

html, body, div, span, iframe, blockquote, ins, noscript, object,
h1, h2, h3, h4, h5, h6, hr, p, a, img, area,
ol, ul, li, dl, dt, dd,
table, caption, colgroup, col, thead, tfoot, tbody, tr, th, td,
abbr, acronym, address, cite, code, del, dfn, em, kbd, pre, q, samp, strong, sub, sup, var,
ruby, rbc, rb, rtc, rt, rp,
form, fieldset, legend, input, select, optgroup, option, optgroup option, textarea, button {
	margin: 0;
	padding: 0;
	border: none;
}


/*-------------------*/
/* Set some defaults */
/*-------------------*/

body {
	background-color: White;
	color: Black;
}

h1 {
	font-weight: bold;
	font-size: 180%;
}

h2 {
	font-weight: bold;
	font-size: 150%;
}

h3 {
	font-weight: bold;
	font-size: 120%;
}

h4 {
	font-weight: bold;
	font-size: 100%;
}

h5 {
	font-weight: bold;
	font-size: 90%;
}

h6 {
	font-weight: bold;
	font-size: 80%;
}

ol li {
	margin-left: 20px;
	list-style-type: decimal;
}

table {
	border-collapse: collapse;
	width: 100%;
}

td,
th {
	text-align: left;
}

ul li {
	list-style-type: none;
}


/* Show pointer for stuff that invite user interaction */

a,
area,
button,
input[type=checkbox],
input[type=radio],
input[type=submit],
input[type=reset],
label,
option,
select {
	cursor: pointer;
}


/* Remove annoying borders and outlines on links in certain browsers */

a,
a:active,
a:focus,
a:link,
a:visited,
:focus,
::-moz-focus-inner {
	border: none;
	outline: none;
	-moz-outline-style: none;
}


/* Align (small) images shown in text lines */

img.inline {
	display: inline-block;
	margin-bottom: -4px;
}

/* Inherit some stuff for inputs */

label,
input,
select,
textarea {
	line-height: inherit;
	text-align: inherit;
	font-weight: inherit;
	font-family: inherit;
	letter-spacing: inherit;
}


/*-----------------------------------------*/
/* Some shortcut classes for quick styling */
/* Most are !important, cos you are prolly */
/* overruling things (temporarily)         */
/*-----------------------------------------*/

/* Positioning */

.abs {position: absolute !important;}
.fix {position: fixed !important;}
.rel {position: relative !important;}
.stc {position: static !important;}

.fl {float: left !important;}
.fn {float: none !important;}
.fr {float: right !important;}

.cb {clear: both !important;}
.cl {clear: left !important;}
.cr {clear: right !important;}
/*.fc {overflow: auto !important; width: 100% !important; padding: 4px 0;} /* Float Container.. just use clear: both instead */


/* Display types */

.dn  {display: none;} /* not !important, as jQuery's show function won't work */
.db  {display: block !important;}
.di  {display: inline !important;}
.dit {display: inline-table !important;} /* not supported by FF? */
.dli {display: list-item !important;}
.dt  {display: table !important;}
.dtr {display: table-row !important;}
.dtc {display: table-cell !important;} /* not supported by IE yet */


/* Margins */

.m0  {margin: 0px !important;}
.m5  {margin: 5px !important;}
.m10 {margin: 10px !important;}
.m15 {margin: 10px !important;}
.m20 {margin: 20px !important;}
.m25 {margin: 25px !important;}
.m30 {margin: 30px !important;}
.m40 {margin: 40px !important;}
.m50 {margin: 50px !important;}


/* Padding */

.p0  {padding: 0px !important;}
.p5  {padding: 5px !important;}
.p10 {padding: 10px !important;}
.p15 {padding: 10px !important;}
.p20 {padding: 20px !important;}
.p25 {padding: 25px !important;}
.p30 {padding: 30px !important;}
.p40 {padding: 40px !important;}
.p50 {padding: 50px !important;}

.cp0 td,
.cp0 th  {padding: 0px !important;}
.cp3 td,
.cp3 th  {padding: 3px !important;}
.cp5 td,
.cp5 th  {padding: 5px !important;}
.cp10 td,
.cp10 th {padding: 10px !important;}
.cp15 td,
.cp15 th {padding: 15px !important;}
.cp20 td,
.cp20 th {padding: 20px !important;}
.cp25 td,
.cp25 th {padding: 25px !important;}


/* Widths */

.w0   {width: 1px !important; margin: 0 auto;}
.w25  {width: 25% !important; margin: 0 auto;}
.w33  {width: 33% !important; margin: 0 auto;}
.w50  {width: 50% !important; margin: 0 auto;}
.w67  {width: 67% !important; margin: 0 auto;}
.w75  {width: 75% !important; margin: 0 auto;}
.w100 {width: 100% !important; margin: 0 auto;}

.w150  {width: 150px !important; margin: 0 auto;}
.w200  {width: 200px !important; margin: 0 auto;}
.w250  {width: 250px !important; margin: 0 auto;}
.w300  {width: 300px !important; margin: 0 auto;}
.w333  {width: 333px !important; margin: 0 auto;}
.w400  {width: 400px !important; margin: 0 auto;}
.w500  {width: 500px !important; margin: 0 auto;}
.w600  {width: 600px !important; margin: 0 auto;}
.w667  {width: 667px !important; margin: 0 auto;}
.w700  {width: 700px !important; margin: 0 auto;}
.w750  {width: 750px !important; margin: 0 auto;}
.w800  {width: 800px !important; margin: 0 auto;}
.w900  {width: 900px !important; margin: 0 auto;}
.w1000 {width: 1000px !important; margin: 0 auto;}

.maxw150  {max-width: 150px !important;}
.maxw200  {max-width: 200px !important;}
.maxw250  {max-width: 250px !important;}
.maxw300  {max-width: 300px !important;}
.maxw333  {max-width: 333px !important;}
.maxw400  {max-width: 400px !important;}
.maxw500  {max-width: 500px !important;}
.maxw600  {max-width: 600px !important;}
.maxw667  {max-width: 667px !important;}
.maxw700  {max-width: 700px !important;}
.maxw750  {max-width: 750px !important;}
.maxw800  {max-width: 800px !important;}
.maxw900  {max-width: 900px !important;}
.maxw1000 {max-width: 1000px !important;}

.minw150  {min-width: 150px !important;}
.minw200  {min-width: 200px !important;}
.minw250  {min-width: 250px !important;}
.minw300  {min-width: 300px !important;}
.minw333  {min-width: 333px !important;}
.minw400  {min-width: 400px !important;}
.minw500  {min-width: 500px !important;}
.minw600  {min-width: 600px !important;}
.minw667  {min-width: 667px !important;}
.minw700  {min-width: 700px !important;}
.minw750  {min-width: 750px !important;}
.minw800  {min-width: 800px !important;}
.minw900  {min-width: 900px !important;}
.minw1000 {min-width: 1000px !important;}

/* Borders */

.bo {border:        1px solid Black;}
.bt {border-top:    1px solid Black;}
.bb {border-bottom: 1px solid Black;}
.bl {border-left:   1px solid Black;}
.br {border-right:  1px solid Black;}
.bn {border:        none !important;}


/* Aligning */

.ac {text-align: center !important;}
.al {text-align: left !important;}
.ar {text-align: right !important;}
.aj {text-align: justify !important;}

.vbl   {vertical-align: baseline !important;}
.vb    {vertical-align: bottom !important;}
.vm    {vertical-align: middle !important;}
.vsub  {vertical-align: sub !important}
.vsup  {vertical-align: super !important}
.vtb   {vertical-align: text-bottom !important}
.vtt   {vertical-align: text-top !important}
.vt    {vertical-align: top !important}


/* Font weight */

.fwl    {font-weight: lighter !important;}
.fwn    {font-weight: normal !important;}
.fwb    {font-weight: bold !important;}
.fwbb   {font-weight: bolder !important;}

.fwb100 {font-weight: 100 !important;}
.fwb200 {font-weight: 200 !important;}
.fwb300 {font-weight: 300 !important;}
.fwb400 {font-weight: 400 !important;}
.fwb500 {font-weight: 500 !important;}
.fwb600 {font-weight: 600 !important;}
.fwb700 {font-weight: 700 !important;}
.fwb800 {font-weight: 800 !important;}
.fwb900 {font-weight: 900 !important;}


/* Line height */

.lh100 {line-height: 100% !important;}
.lh150 {line-height: 150% !important;}
.lh200 {line-height: 200% !important;}
.lh250 {line-height: 250% !important;}
.lh300 {line-height: 300% !important;}


/* Whitespace */

.wsn  {white-space: normal !important;}
.wsnw {white-space: nowrap !important;}
.wsp  {white-space: pre !important;}
.wspl {white-space: pre-line !important;}
.wspw {white-space: pre-wrap !important;}


/* List styles */

.lstn li   {list-style-type: none;}
.lstc li   {list-style-type: circle;}
.lstdec li {list-style-type: decimal;}
.lstd li   {list-style-type: disc;}
.lsts li   {list-style-type: square;}
.lstla li  {list-style-type: lower-alpha;}
.lstua li  {list-style-type: upper-alpha;}
.lstlr li  {list-style-type: lower-roman;}
.lstur li  {list-style-type: upper-roman;}


/* Cursors */

.cauto {cursor: auto !important;}
.ccrs  {cursor: crosshair !important;}
.cdef  {cursor: default !important;}
.chelp {cursor: help !important;}
.cmove {cursor: move !important;}
.cptr  {cursor: pointer !important;}
.cpgrs {cursor: progress !important;}
.ctext {cursor: text !important;}
.cwait {cursor: wait !important;}


/* Show element only on mousover of parent */

* > .mouseover {
	visibility: hidden;
}

*:hover > .mouseover {
	visibility: visible;
}


/* Hide advanced elements by default */

.advanced {
	display: none;
}


/* Reset margin and padding */

._reset,
._reset td,
._reset th {
	margin: 0px !important;
	padding: 0px !important;
}


/* Clear background and borders */

._clear {
	border-color: transparent !important;
	background-color: transparent !important;
}