/********** GLOBAL STYLES **********/

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

body, input, table, select, textarea, iframe
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
}

.formtable
{
	width: 100%;
	height: 100%;
	border: solid 3px white;
	border-collapse: collapse;
}

.formtable .header, .formtable .footer
{
	height: 1%;
	vertical-align: top;
	border: dashed 1px white;
}
.formtable .body
{
	vertical-align: top;
	border: dashed 1px white;
}

.a-div
{
	padding: 3px 0px 3px 0px;
}

.divalert
{
	background-color:White;
	border: steelblue 2px solid;
	background-image: url(Images/bg-left-blue-thin.jpg);
	background-repeat: repeat-y;
	padding: 0px 0px 0px 9px;
	cursor: move;
}

.divalert-head
{
	background-image: url(Images/bg-wiz-head.jpg);
	background-repeat: repeat-x;
	padding: .1em;
	height: 1em;
	color: navy;
	text-align: left;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 14px;
	white-space: nowrap;
	width: 100%;
}
.divalert-a-close img
{
	border: none;
	margin: none;
	cursor: pointer;
}

.divalert-urgent
{
	background-color: White;
	border: solid 2px crimson;
	background-image: url(Images/bg-left-red-thin.jpg);
	background-repeat: repeat-y;
	padding: 0px 0px 0px 9px;
	cursor: move;
}

.divalert-urgent .divalert-head
{
	background-image: url(Images/bg-pop-head-yellow.jpg);
	background-repeat: repeat-x;
	padding: .1em;
	height: 1em;
	color: crimson;
	text-align: left;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 14px;
	white-space: nowrap;
	width: 100%;
}


.sm, .sm input, .sm table, .sm select, .sm textarea, .sm a, .sm pre
{
	font-family: Tahoma;
	font-size: 11px;
}

a
{
	color: navy;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

la

p
{
	margin: 0px 0px .75em 0px;
	line-height: 1.4em;
}

.body-decorated
{
	background-image: url(Images/bg-left-blue.jpg);
	background-repeat: repeat-y;
	margin: 0px 0px 0px 16px;
}

#decoratedbody
{
	background-image: url(Images/bg-left-blue.jpg);
	background-repeat: repeat-y;
	margin: 0px 0px 0px 16px;
}

img
{
	border: none;
}

/**********GENERAL UTILITIES*********************/
.spacer { padding-top:4px; }
.hidden { visibility: hidden; }
.trans { background: transparent !important; }
.bgrndwhite { background: #ffffff !important; }
.block { display: block !important; }
.black { color:black !important; }
.drkblue { color:#1f3157 !important; }
.ltblue { color:#4781b3 !important; }
.bold { font-weight: bold !important; }
.italic { font-style: italic !important; }
.underline { text-decoration: underline !important; }
.red { color: #fe0202 !important; }
.white { color: #ffffff !important;	}
.yellow { color: #f5eb29 !important; }
.brightyellow { color: #ccff99 !important; }
.green { color: #8CCE3E !important; }
.orange { color: #F7720F !important; }
.nowrap { white-space: nowrap; }
.repeatx { background-repeat: repeat-x; }
.repeaty { background-repeat: repeat-y; }

/***********DIV formatting******************/
div.floatleft { float: left; }
div.floatright { float: right; }

/***********Table formatting******************/
table.border-left
{
	border-left: solid 1px steelblue;
}

td.border-left
{
	border-left: solid 1px steelblue;
}

table.center
{
	margin: auto;
}

table.Alert
{
	border: solid 3px #ffffff;
	padding: 0px;
	background-color: #ffffff;
}

table.border-blue
{
	border: solid 2px steelblue;
	padding: 0px;
	background-color: #ffffff;
}

table.modal-border-blue
{
	border: solid 4px steelblue;
	padding: 0px;
	background-color: #ffffff;
}

td.Alert
{
	background-color: steelblue;
	color: #ffffff;
}

/********** TEXT FORMATTING FOR GENERAL PAGES **********/
.title
{
	font-size: 14px;
	font-weight: bold;
	color: navy;
	margin: 0px 0px 3px 0px;
	text-align: left;
}

.title-sm
{
	font-size: 14px;
	color: #0000cd;
	text-align: left;
	text-decoration: none;
	margin: 0px 0px 3px 0px;
}

.topic
{
	font-family: Arial Narrow, Helvetica, Sans-Serif;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	color: #4682b4;
	margin: 0px 0px 3px 0px;
}

.imageline
{
	margin: 2px 0px 2px 0px;
	width: 100%;
	height: 1px;
	display: block;
}

.pagecolumn-right
{
	width: 250px;
	border-left: solid 1px #f5f5f5;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
}

.pagecolumn-left
{
	padding-right: 5px;
	vertical-align: top;
}

.photo-sm-l
{
	border: none;
	float: left;
}

.photo-sm-r
{
	border: none;
	float: right;
}

.column-left
{
	padding-right: 3px;
	vertical-align: top;
}

.column-right
{
	padding-right: 3px;
	vertical-align: top;
}

/********** TEXT FORMATTING **********/
.dim
{
	color: #808080;
}

.fine
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}

.fine-dim
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: gray;
}

.fine-dim .link-sm
{
	font-size: 11px;
	color: #808080;
}

.tiny
{
	font-size: 10px;
}

.tiny .link-sm
{
	font-size: 10px;
	color: #808080;
}

.tiny-blue
{
	font-size: 10px;
	color: navy;
}

.tiny-blue .link-sm
{
	font-size: 10px;
	color: inherit;
}

.tiny-dim
{
	font-size: 10px;
	color: #808080;
}
	
.tiny-dim .link-sm
{
	font-size: 10px;
	color: #808080;
}

.tiny-red
{
	font-size: 10px;
	color: red;
}

.bold-red-sm
{
	font: bold 10pt Arial;
	color: red;
}

.bold-blue
{
	font: bold 12pt Arial;
	color: Navy;
}

.bold-blue-sm
{
	font: bold 10pt Arial;
	color: Navy;
}


/********** TEXT BOX/LIST FORMATTING **********/
.textbox
{
	height: 13px;
	font-size: 8pt;
	border-color: #4781b3;
	border-width: 1px;
	border-style: solid;
	padding: 2px 0px 2px 3px;
}
.textarea
{
	font-size: 8pt;
	border-color: #4781b3;
	border-width: 1px;
	border-style: solid;
	padding: 2px 0px 2px 3px;
}
.dropdownlist
{
	height: 20px;
	font-size: 8pt;
}

/********** GRID FORMATTING **********/

.StaffVacSum
{
	margin: auto;
	width: 90%;
	text-align: center;
}

.Head
{
	font-weight: bold;
	font-size: 13px;
	background-image: url(Images/bg-wiz-head.jpg);
	background-repeat: repeat-x;
}

.Head2
{
	font-weight: bold;
	font-size: 13px;
	color: White;
	background-image: url(Images/bg-wiz-head2.jpg);
	background-repeat: repeat-x;
}

.gridpager span 
{
	background-color: SteelBlue; 
	font-size: 8pt;
	color: #fff;
	padding: 1px 1px 1px 1px;
	border: solid 1px #000;
} 
/********** HYPERLINKS **********/

.link-sm
{
	color: navy;
	font-size: 11px;
	text-decoration: none;
	height: 1em;
}

.link-sm:hover
{
	text-decoration: underline;
}

.link-sm img
{
	border: none;
	margin-right: 2px;
	vertical-align: middle;
}

/********** MOCK BULLET LISTINGS (TABLES) **********/
.bullet-list
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}

.bullet-list img
{
	margin: 2px 5px;
	height: 4px;
	width: 4px;
}

/********** INFO BAR **********/

.infobar
{
	padding: 2px;
	border: solid 1px silver;
	background-color: lightyellow;
}

/********** BUTTON BAR **********/

.buttonbar
{
	padding: 2px;
	border: solid 1px silver; /*filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=    'lightsteelblue' , EndColorStr= 'white' );*/
}

.button
{
	background-color: #E0E0E0;
	border: solid 2px steelblue;	
}

/********** LINK BAR **********/

.linkbar td
{
	padding-right: 5px;
	white-space: nowrap;
}

/********** ENTRY FORM FORMATTING **********/

.section-title
{
	background-image: url(Images/bg-section-title.jpg);
	background-repeat: repeat-y;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 14px;
	color: navy;
	padding: .1em;
}

.section-title-sm
{
	background-image: url(Images/bg-section-title-sm.jpg);
	background-repeat: repeat-y;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 14px;
	color: navy;
	padding: .1em;
}

.required
{
	margin: 1px;
}

.shortname
{
	overflow: hidden;
	width: 100px; /*text-overflow: ellipsis;*/
	white-space: nowrap;
}

.seclist
{
	font-size: 8pt;
}

.fieldlabel
{
	text-align: right;
	color: gray;
	white-space: nowrap;
	width: 100px;
	height: 20px;
}

.sm .fieldlabel
{
	text-align: right;
	color: gray;
	white-space: nowrap;
	width: 75px;
	height: 16px;
}

.txtlocked
{
	background-color: Yellow;
}

.wiz-side
{
	padding-right: 3px;
	border-right: solid 1px gainsboro;
}
.wiz-step
{
	padding-left: 3px;
	padding-right: 5px;
}

.wiz-head, .wiz-head td
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 16px;
	background-image: url(Images/bg-wiz-head.jpg);
	background-repeat: repeat-x;
	padding: 2px;
}

.wiz-head-sm
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	background-image: url(Images/bg-wiz-head.jpg);
	background-repeat: repeat-x;
	padding: 2px;
}

.wiz-foot
{
	background-image: url(Images/bg-foot.jpg);
	background-repeat: repeat-x;
	padding: 3px;
}

.wiz-nav
{
	padding: 3px;
}

.lockbox
{
	border: solid 1px silver;
	height: 1.8em;
	padding: .2em .1em .1em .1em;
}

/********** PANEL MENU **********/
.menu-group, .menu-item
{
	margin-bottom: 3px;
}

.menu-panel
{
	overflow: hidden;
}

.menu-group a
{
	text-decoration: none;
	cursor: pointer;
	font-family: Arial Narrow, Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	color: Black;
}

.menu-item a
{
	text-decoration: none;
	cursor: pointer;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: black;
}

.menu-group a:hover
{
	text-decoration: none;
}

.menu-item a:hover
{
	text-decoration: underline;
}

.menu-group img
{
	margin-left: 1px;
	margin-right: 1px;
	border: none;
	vertical-align: middle;
}

.menu-item img
{
	margin-left: 6px;
	margin-right: 6px;
	border: none;
	vertical-align: middle;
}

/********* TIMESHEET REMINDER GRID ***********/

.table-remind
{
	width: 300px;
	background-color: gainsboro;
}

.table-remind td
{
	white-space: nowrap;
	text-align: center;
	padding: 1px;
	background-color: white;
}

.table-remind .row-label
{
	text-align: right;
}

.table-remind .column-label
{
	width: 14%;
}

.table-remind a
{
	font-size: 11px;
	color: Navy;
	text-decoration: none;
	cursor: pointer;
}

.table-remind a:hover
{
	text-decoration: underline;
}

/********** IMAGE LINK BUTTON **********/

.imagelinkbutton
{
	border: solid .1em steelblue;
	background-color: whitesmoke;
	padding: .2em;
	height: 1em;
	text-decoration: none;
	color: Navy;
	vertical-align: middle;
}

.imagelinkbutton:hover
{
	border: solid .2em steelblue;
	padding: .1em; /*filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=    'white' , EndColorStr= 'lightsteelblue' );*/
}

.imagelinkbutton img
{
	border: 0;
	vertical-align: middle;
	margin-right: .2em;
}

.img16
{
	height: 16px;
	width: 16px;
}

/********** TIMESHEET ENTRY FORM **********/

.timeentry .cell
{
	border: solid 1px silver;
	height: 1em;
	width: 38px;
	text-align: center;
}

.timeentry .cell-y
{
	background-color: lightyellow;
	border: solid 1px silver;
	height: 1em;
	text-align: center;
}

.timeentry .hour, .timeentry .time
{
	border: none;
	width: 38px;
	text-align: center;
}

.timeentry .time
{
	font-size: 10px;
}

.timeentry .hour-blank, .timeentry .time-blank
{
	border: none;
	color: silver;
	width: 38px;
	text-align: center;
}

.timeentry .hours
{
	background-color: lightyellow;
	border: none;
	width: 38px;
	text-align: center;
}

.timeentry-email-label
{
	width: 100px;
	text-align: right;
	padding-right: 3px;
	color: dimgray;
}

.timeentry-email-row
{
	vertical-align: middle;
	margin-bottom: 3px;
}

.timeentry-hol
{
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.timeentry .timecol
{
	color: Gray;
	font-size: 11px;
	text-align: center;
	vertical-align: bottom;
}

.timeentry .we
{
	background-image: url(Images/bg-label-top.jpg);
	background-repeat: repeat-x;
	color: Gray;
	font-size: 11px;
	text-align: center;
	vertical-align: bottom;
}


.time-notice
{
	padding: 3px 0px 3px 0px;
	font-size: 11px;
}

.timeentry-allow
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.timeentry-totals-row
{
	text-align: right;
	margin-bottom: 1px;
	vertical-align: middle;
}

.timeentry-totals-label
{
	font-size: 11px;
	color: dimgray;
	padding-bottom: 4px;
	height: 1em;
	margin-right: 4px;
}

/********** TABS **********/

.sm .tab, .sm .tab-sel, .tab, .tab-sel
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: black;
	text-align: center;
	text-decoration: none;
	margin-right: 3px;
	height: 1em;
	width: 100%;
}

.tab, .sm .tab
{
	background-color: whitesmoke;
	border-top: solid 2px silver;
	color: gray;
}

.tab-sel, .sm .tab-sel
{
	background-image: url(Images/bg-wiz-head-thin.jpg);
	background-repeat: repeat-x;
	border-top: solid 2px steelblue;
	color: navy;
}

.tab:hover
{
	background-color: whitesmoke;
	color: dimgray;
	border-top: solid 2px darkgray;
}

/***********AJAX********************/
.CollapsiblePanelHeader
{
	background-image: url(/Images/bg-wiz-head.jpg);
	background-repeat: repeat-x;
	border-top: solid 1px steelblue;
	border-bottom: solid 1px steelblue;
	color: navy;
	text-align: left;
}
.modalBackground
{
	background-color: Gray;
    filter:alpha(opacity=70);
    opacity: 0.60;
    border: solid 4px Gray;
}

.modalBackground2
{
	background-color: White;
    border: solid 4px Gray;
    filter:alpha(opacity=70);
    opacity: 0.60;
}

.modalAlert
{
	background-color:White;
	border: steelblue 2px solid;
	background-image: url(Images/bg-left-blue-thin.jpg);
	background-repeat: repeat-y;
	padding: 0px 0px 0px 9px;
	cursor: move;
	width: 300px;
}
.modalPopup 
{
   background-color: transparent;  
   padding:1em 6px;
}
.modalPopup2
{
   background-color: #ffffff;
   width: 350px;
   vertical-align: top;
}
.modalPopup3
{
   background-color: #ffffff;
   width: 200px;
   vertical-align: top;
}
.modalPopup200pxTransparentBgrnd
{
   background-color:transparent; 
   width: 200px;
   vertical-align: top;
}
.TabContainer1
{ 
     font-family:verdana,tahoma,helvetica; 
     border:1px solid #999999;
     padding:8px;
     background-color:#ffffff;
} 
/********** PETER BLUM VALIDATION AND MORE **********/
.VAMErrorTextBlock
{
	height: 1em;
}

.VAMErrorTextBlock img
{
	cursor: pointer;
}

.holcal
{

}

.holcal .cal
{
	border: solid 1px silver;
}

.holcal .today
{
	background-color: palegreen;
	border: solid 2px black;
}

.holcal .pay
{
	border: solid 2px black;
}

.holcal .obs
{
	background-color: yellow;
	border: solid 1px black;
}

.holcal .hol
{
	background-color: lightsteelblue;
	border: solid 1px black;
}

.holcal .obspay
{
	background-color: yellow;
	border: solid 2px black;
}

.holcal .holpay
{
	background-color: lightsteelblue;
	border: solid 2px black;
}

.pic
{
	width: 100px;
	height: 125px;
	border: none;
}

.pic-sm
{
	width: 50px;
	height: 63px;
	border: none;
}

.pic-right
{
	width: 100px;
	height: 125px;
	border: none;
	float: right;
}

.pic-50
{
	height: 50px;
	width: 50px;
	border: none;
	margin-right: 3px;
}

.pic-left
{
	border: none;
}

.shift-l3
{
	position: relative;
	left: -3px;
}

.shift-l4
{
	position: relative;
	left: -4px;
}

.rp-panel
{
	border: outset 1px;
	background-color: white;
	position: absolute;
}

.rp-panel-head
{
	background-color: whitesmoke;
	margin-bottom: 3px;
	cursor: move;
}

.rp-panel-close
{
	cursor: pointer;
}

.rp-panel-foot
{
	background-color: whitesmoke;
	font-size: 9px;
	color: dimgray;
}

/* font size */
.f7                              { font-size: 7pt !important }
.f8                              { font-size: 8pt !important }
.f9                              { font-size: 9pt !important }
.f10                             { font-size: 10pt !important }
.f11                             { font-size: 11pt !important }
.f12                             { font-size: 12pt !important }
.f13                             { font-size: 13pt !important }
.f14                             { font-size: 14pt !important }
.f15                             { font-size: 15pt !important }
.f16                             { font-size: 16pt !important }

/* vertical/horizontal - utilities */

.alignc                          { text-align: center !important; }
.alignl                          { text-align: left !important; }
.alignr                          { text-align: right !important; }
.valignt                         { vertical-align: top !important; }
.valignb                         { vertical-align: bottom !important; }
.valignm                         { vertical-align: middle !important; }

/* margin/padding/height/width - utilities */

.p3                              { padding: 5px !important; }
.p5                              { padding: 5px !important; }
.p8                              { padding: 8px !important; }
.p15                             { padding: 15px !important; }

.m8                              { margin: 5px !important; }
.m5                              { margin: 5px !important; }
.m8                              { margin: 8px ! important; }
.m15                             { margin: 15px !important; }

.h10pct                         { height: 10% !important; }
.w10pct                         { width: 10% !important; }
.h40pct                         { height: 40% !important; }
.w40pct                         { width: 40% !important; }
.h90pct                         { height: 90% !important; }
.w90pct                         { width: 90% !important; }
.h100pct                         { height: 100% !important; }
.w100pct                         { width: 100% !important; }

.height100                       { height: 100px !important; }
.height200                       { height: 200px !important; }
.height250                       { height: 250px !important; }
.height300                       { height: 300px !important; }
.height350                       { height: 350px !important; }
.height400                       { height: 400px !important; }
.height450                       { height: 450px !important; }
.height500                       { height: 500px !important; }
.height550                       { height: 550px !important; }
.height600                       { height: 600px !important; }

.width5							 { width: 5px !important; }
.width10						 { width: 10px !important; }
.width15						 { width: 15px !important; }
.width25						 { width: 25px !important; }
.width35						 { width: 35px !important; }
.width45						 { width: 45px !important; }
.width50						 { width: 50px !important; }
.width60						 { width: 60px !important; }
.width70						 { width: 70px !important; }
.width75						 { width: 75px !important; }
.width85						 { width: 85px !important; }
.width95						 { width: 95px !important; }
.width100                        { width: 100px !important; }
.width125                        { width: 125px !important; }
.width150                        { width: 150px !important; }
.width175                        { width: 175px !important; }
.width200                        { width: 200px !important; }
.width225                        { width: 225px !important; }
.width250                        { width: 250px !important; }
.width300                        { width: 300px !important; }
.width350                        { width: 350px !important; }
.width400                        { width: 400px !important; }
.width425                        { width: 425px !important; }
.width450                        { width: 450px !important; }
.width500                        { width: 500px !important; }
.width525                        { width: 525px !important; }
.width600                        { width: 600px !important; }
.width700                        { width: 700px !important; }
.width750                        { width: 750px !important; }
.width800                        { width: 800px !important; }

.ptop2                           { padding-top: 2px !important; }
.pbot2                           { padding-bottom: 2px !important; }
.pleft2                          { padding-left: 2px !important; }
.pright2                         { padding-right: 2px !important; }
 
.mtop2                           { margin-top: 2px !important; }
.mbot2                           { margin-bottom: 2px !important; }
.mleft2                          { margin-left: 2px !important; }
.mright2                         { margin-right: 2px !important; }

.ptop3                           { padding-top: 3px !important; }
.pbot3                           { padding-bottom: 3px !important; }
.pleft3                          { padding-left: 3px !important; }
.pright3                         { padding-right: 3px !important; }

.mtop3                           { margin-top: 3px !important; }
.mbot3                           { margin-bottom: 3px !important; }
.mleft3                          { margin-left: 3px !important; }
.mright3                         { margin-right: 3px !important; }
 
.ptop5                           { padding-top: 5px !important; }
.pbot5                           { padding-bottom: 5px !important; }
.pleft5                          { padding-left: 5px !important; }
.pright5                         { padding-right: 5px !important; }

.mtop5                           { margin-top: 5px !important; }
.mbot5                           { margin-bottom: 5px !important; }
.mleft5                          { margin-left: 5px !important; }
.mright5                         { margin-right: 5px !important; }

.ptop8                           { padding-top: 8px !important; }
.pbot8                           { padding-bottom: 8px !important; }
.pleft8                          { padding-left: 8px !important; }
.pright8                         { padding-right: 8px !important; }

.mtop8                           { margin-top: 8px !important; }
.mbot8                           { margin-bottom: 8px !important; }
.mleft8                          { margin-left: 8px !important; }
.mright8                         { margin-right: 8px !important; }

.ptop10                          { padding-top: 10px !important; }
.pbot10                          { padding-bottom: 10px !important; }
.pleft10                         { padding-left: 10px !important; }
.pright10                        { padding-right: 10px !important; }

.mtop10                          { margin-top: 10px !important; }
.mbot10                          { margin-bottom: 10px !important; }
.mleft10                         { margin-left: 10px !important; }
.mright10                        { margin-right: 10px !important; }

.ptop13                          { padding-top: 13px !important; }
.pbot13                          { padding-bottom: 13px !important; }
.pleft13                         { padding-left: 13px !important; }
.pright13                        { padding-right: 13px !important; }

.mtop13                          { margin-top: 13px !important; }
.mbot13                          { margin-bottom: 13px !important; }
.mleft13                         { margin-left: 13px !important; }
.mright13                        { margin-right: 13px !important; }

.ptop15                          { padding-top: 15px !important; }
.pbot15                          { padding-bottom: 15px !important; }
.pleft15                         { padding-left: 15px !important; }
.pright15                        { padding-right: 15px !important; }

.mtop15                          { margin-top: 15px !important; }
.mbot15                          { margin-bottom: 15px !important; }
.mleft15                         { margin-left: 15px !important; }
.mright15                        { margin-right: 15px !important; }

.ptop20                          { padding-top: 20px !important; }
.pbot20                          { padding-bottom: 20px !important; }
.pleft20                         { padding-left: 20px !important; }
.pright20                        { padding-right: 20px !important; }

.mtop20                          { margin-top: 20px !important; }
.mbot20                          { margin-bottom: 20px !important; }
.mleft20                         { margin-left: 20px !important; }
.mright20                        { margin-right: 20px !important; }

.ptop25                          { padding-top: 25px !important; }
.pbot25                          { padding-bottom: 25px !important; }
.pleft25                         { padding-left: 25px !important; }
.pright25                        { padding-right: 25px !important; }

.mtop25                          { margin-top: 25px !important; }
.mbot25                          { margin-bottom: 25px !important; }
.mleft25                         { margin-left: 25px !important; }
.mright25                        { margin-right: 25px !important; }

.mtop20                          { margin-top: 20px !important; }
.mbot20                          { margin-bottom: 20px !important; }
.mleft20                         { margin-left: 20px !important; }
.mright20                        { margin-right: 20px !important; }

.mtop30                          { margin-top: 30px !important; }
.mbot30                          { margin-bottom: 30px !important; }
.mleft30                         { margin-left: 30px !important; }
.mright30                        { margin-right: 30px !important; }

.ptop30                          { padding-top: 30px !important; }
.pbot30                          { padding-bottom: 30px !important; }
.pleft30                         { padding-left: 30px !important; }
.pright30                        { padding-right: 30px !important; }

.mtop35                          { margin-top: 35px !important; }
.mbot35                          { margin-bottom: 35px !important; }
.mleft35                         { margin-left: 35px !important; }
.mright35                        { margin-right: 35px !important; }

.ptop35                          { padding-top: 35px !important; }
.pbot35                          { padding-bottom: 35px !important; }
.pleft35                         { padding-left: 35px !important; }
.pright35                        { padding-right: 35px !important; }

.mtop40                          { margin-top: 40px !important; }
.mbot40                          { margin-bottom: 40px !important; }
.mleft40                         { margin-left: 40px !important; }
.mright30                        { margin-right: 40px !important; }

.ptop40                          { padding-top: 40px !important; }
.pbot40                          { padding-bottom: 40px !important; }
.pleft40                         { padding-left: 40px !important; }
.pright40                        { padding-right: 40px !important; }

.ptop50                          { padding-top: 50px !important; }
.pbot50                          { padding-bottom: 50px !important; }
.pleft50                         { padding-left: 50px !important; }
.pright50                        { padding-right: 50px !important; }

.ptop60                          { padding-top: 60px !important; }
.pbot60                          { padding-bottom: 60px !important; }
.pleft60                         { padding-left: 60px !important; }
.pright60                        { padding-right: 60px !important; }

.mtop100                          { margin-top: 100px !important; }
.mbot100                          { margin-bottom: 100px !important; }
.mleft100                         { margin-left: 100px !important; }
.mright100                        { margin-right: 100px !important; }

.ptop100                          { padding-top: 100px !important; }
.pbot100                          { padding-bottom: 100px !important; }
.pleft100                         { padding-left: 100px !important; }
.pright100                        { padding-right: 100px !important; }