/* ---------------------- To center block-level elements  ----------------------*/ 
/* 
	Text-align:center only works on inline content.
	To center block-level elements, you need to set the left and right margin to identical values 
	(ie, margin: auto) and define a width in pixels for the block element you want to center.
	Note that this element we want to center must be inside another container element like a DIV or a TD.
*/

/* Este estilo e' para aplicar ao elemento que irá conter o elemento que irá ser centrado. */
.OuterContainerElement
{
	text-align: center;
}

/* Este estilo e' para aplicar ao elemento que vai ser centrado. */
.CenterBlockElement300px
{
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}

/* Este estilo e' para aplicar ao elemento que vai ser centrado. */
.CenterBlockElement500px
{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

/* Este estilo e' para aplicar ao elemento que vai ser centrado. */
.CenterBlockElement600px
{
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

/* Este estilo e' para aplicar ao elemento que vai ser centrado. */
.CenterBlockElement750px
{
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}

.CenterBlockElement300px
{
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}

.CenterBlockElement80px
{
	width: 80px;
	margin-left: auto;
	margin-right: auto;
}

/* ---------------------- height ----------------------*/ 

.Height150Px
{
	height: 150px;
}

.Height100Px
{
	height: 100px;
}

.Height75Px
{
	height: 75px;
}

.Height50Px
{
	height: 50px;
}

.Height35Px
{
	height: 35px;
}

.Height25Px
{
	height: 25px;
}

.Height100Perc
{
	height: 100%;
}

.Height90Perc
{
	height: 90%;
}

.Height50Perc
{
	height: 50%;
}

.Height30Perc
{
	height: 30%;
}

.Height1Perc
{
	height: 1%;
}

/* ---------------------- Width ----------------------*/ 
.WidthAuto
{
	width:auto;
}

.Width250Px
{
	width: 250px;
}

.Width200Px
{
	width: 200px; 
}

.Width100Px
{
	width: 100px; 
}

.Width50px
{
	width: 50px;
}

.Width20Px
{
	width: 20px;
}

.Width100Perc
{
	width: 100%;	
}

.Width75Perc
{
	width: 75%;	
}

.Width70Perc
{
	width: 70%;	
}

.Width60Perc
{
	width: 60%;
}

.Width55Perc
{
	width: 55%;	
}

.Width50Perc
{
	width: 50%;	
}

.Width40Perc
{
	width: 40%;
}

.Width30Perc
{
	width: 30%;
}

.Width25Perc
{
	width: 25%;
}

.Width20Perc
{
	width: 20%;
}

.Width17perc
{
	width: 17%;	
}

.Width16perc
{
	width: 16%;	
}

.Width15perc
{
	width: 15%;	
}

.Width10perc
{
	width: 10%;	
}

.Width5perc
{
	width: 5%;	
}

.Width1Perc
{
	width: 1%;
}

/* ---------------------- Text align ----------------------*/

.TextAlignCenter
{
	text-align: center;
}

.TextAlignRight
{
	text-align: right;
}

.TextAlignLeft
{
	text-align:left;
}

/* ----------------------Border---------------------- */ 

.BorderBottom
{
	border-bottom: gray 2px solid;
}

.BorderCustom1
{
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;
}

.BorderCustom2
{
	border-right: gainsboro 1px solid;
	border-top: gainsboro 1px solid;
	border-left: gainsboro 1px solid;
	border-bottom: gainsboro 1px solid;
}

.TopBorder
{
	border-top: gainsboro 1px solid;
}

/*---------------------- Font ----------------------*/ 

.FontWeightBold
{
	font-weight: bold;	
}

.FontWeightNormal
{
	font-weight:normal;	
}

.FontSizeMedium
{
	font-size: medium;
}

.FontSizeLarge
{
	font-size: large;
}

.FontSizeSmall
{
	font-size: small;
}

.FontSizeSmaller
{
	font-size: smaller;
}

.FontSizeXSmall
{
	font-size: x-small;
}

.FontSize11Px
{
	font-size: 11px;
}

/*---------------------- visibility ----------------------*/ 

.VisibilityHidden
{
	visibility: hidden 
}

.VisibilityVisible
{
	visibility: visible;
}

.DisplayNone
{
	display:none;
}

.DisplayInline
{
	display:inline;
}

/*---------------------- Body ----------------------*/ 
.BodyFlexible
{
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	overflow: hidden;
}

/*---------------------- Overflow ----------------------*/ 

.OverflowHidden
{
	overflow: hidden;
}

.OverflowAuto
{
	overflow: auto;
}

.OverflowScroll
{
	overflow: scroll;
}

.OverflowVisible
{
	overflow: visible;
}

/*---------------------- Vertical align ----------------------*/ 

.VerticalAlignTop
{
	vertical-align: top;
}

.VerticalAlignBottom
{
	vertical-align: bottom;
}

.VerticalAlignMiddle
{
	vertical-align: middle;
}

/*---------------------- Padding ----------------------*/

.Padding2px
{
	padding: 2 2 2 2;
}

.PaddingTop20px
{
	padding-top: 20px;
}

.PaddingTop
{
	padding-top: 4px;
}

.PaddingLeft2px
{
	padding-left: 2px;
}

/*---------------------- Color ----------------------*/

.BackgroundColorGreen
{
	background-color: green;
}

.BackgroundColorBlue
{
	background-color: blue;
}

.BackgroundColorRed
{
	background-color: red;
}

.BackgroundColorWhiteSmoke
{
	background-color: whitesmoke;
}

/*---------------------- Cursor ----------------------*/

.CursorHand
{
	cursor: pointer;
}

.TableLayoutFixed
{
	table-layout: fixed;
}

.TableLayoutAuto
{
	table-layout: auto;
}