/*
	Index
	=====
	
	**1					MASTER ELEMENTS
	**2					GENERIC CLASSES
	**3					META CLASSES
	**4					SHARED IDS
	**5                 LAYOUT CLASSES
	
	**BUTTONS			BUTTONS
	**FORUMS			FORUMS
	**MAPS				MAPS
	**MENUS				MENUS
	**PANELS			PANELS
	**POPUPS			POPUPS
	**PROJECTS			PROJECTS		
	**TABLES			TABLES		
*/



/***************************1
	1	MASTER ELEMENTS
1***************************/


/***************************2
	2	GENERIC CLASSES
2***************************/

.AlignCentre
{
	text-align: center !important;
}

.AlignLeft
{
	text-align: left !important;
}

.AlignMiddle
{
	vertical-align: middle !important;
}

.AlignRight
{
	text-align: right !important;
}

.AlignBottom
{
    vertical-align: bottom !important;
}

.AlignTextBottom
{
    vertical-align: text-bottom !important;
}

.AlignTextTop
{
	vertical-align: text-top !important;
}

.AlignTop
{
    vertical-align: top !important;
}

.BackgroundBlack {
    background-color: #000000 !important;
}

.BackgroundTransparent
{
    background-color: transparent !important;
}

.BorderNone {
    border: none !important;
}

.BorderRadius5 {
    border-radius: 5px !important;
}

.Bottom0
{
    bottom: 0px !important;
}

.Bottom10
{
    bottom: 10px !important;
}

.Bottom20
{
    bottom: 20px !important;
}

.Bottom30
{
    bottom: 30px !important;
}

.Bottom40
{
    bottom: 40px !important;
}

.Bottom50
{
    bottom: 50px !important;
}

.Bottom60
{
    bottom: 60px !important;
}

.BottomMinus5
{
    bottom: -5px !important;
}

.ColourBrightGreen
{
    color: #00ff00 !important;
}

.ColourGreen
{
    color: #009f00 !important;
}

.ColourBrightPurple
{
    color: #ff90ff !important;
}

.ColourRed
{
    color: #ff0000 !important;
}

.CursorDefault:hover
{
    cursor: default !important;
}

.CursorHelp:hover
{
    cursor: help !important;
}

.CursorMove:hover
{
    cursor: move !important;
}

.CursorPointer:hover
{
	cursor: pointer !important;
}

.DisplayBlock
{
    display: block !important;
}

.DisplayFlex
{
    display: flex !important;
}

.DisplayInline
{
    display: inline !important;
}

.DisplayInlineBlock
{
    display: inline-block !important;
}

.DisplayNone
{
    display: none;
}

.DisplayNoneImportant
{
    display: none !important;
}

.DisplayTable
{
    display: table !important;
}

.DisplayTableCell
{
	display: table-cell !important;
}

.DisplayTableRow
{
    display: table-row !important;
}

.EmptyCellsHide
{
    empty-cells: hide;
}

.FloatEnd
{
	clear: both !important;
}

.FloatLeft
{
	float: left !important;
}

.FloatRight
{
	float: right !important;
}

.FontBold
{
	font-weight: bold !important;
}

.FontItalic
{
	font-style: italic !important;
}

.FontSizePoint6
{
    font-size: 0.6em !important;
}

.FontSizePoint8
{
    font-size: 0.8em !important;
}

.FontSizePoint9
{
    font-size: 0.9em !important;
}

.FontSize1
{
    font-size: 1em !important;
}

.FontSize1Point2
{
    font-size: 1.2em !important;
}

.FontSize1Point35
{
    font-size: 1.35em !important;
}

.FontSize1Point5
{
    font-size: 1.5em !important;
}

.FontSize2
{
    font-size: 2em !important;
}

.FontSize3
{
    font-size: 3em !important;
}

.FontSize4
{
    font-size: 4em !important;
}

.FontStrikethrough
{
	text-decoration: line-through !important;
}

.FontTextDecorationNone
{
    text-decoration: none !important;
}

.FontUnderline
{
    text-decoration: underline !important;
}

.HeightAuto
{
	height: auto !important;
}

.HeightFull
{
	height: 100% !important;
}

.HeightThird
{
    height: 33% !important;
}

.Height10Percent
{
    height: 10% !important;
}

.Height24
{
    height: 24px !important;
}

.Height30
{
    height: 30px !important;
}

.Height40Percent
{
    height: 40% !important;
}

.Height45Percent
{
    height: 45% !important;
}

.HeightHalf, .HeightOneHalf, .Height50Percent
{
    height: 50% !important;
}

.Height50
{
    height: 50px !important;
}

.Height60
{
    height: 60px !important;
}

.Height75
{
    height: 75px !important;
}

.Height80Percent
{
    height: 80% !important;
}

.Height90
{
    height: 90px !important;
}

.Height120
{
    height: 120px !important;
}

.Height360
{
    height: 360px !important;
}

.Left0
{
    left: 0px !important;
}

.LineHeight24 {
    line-height: 24px;
}

.ListStylePositionInside
{
    list-style-position: inside !important;
}

.Margin0
{
    margin: 0 !important;
}

.Margin2
{
    margin: 2px !important;
}

.Margin5
{
    margin: 5px !important;
}

.Margin10
{
    margin: 10px !important;
}

.MarginAuto
{
	margin: auto !important;
}

.MarginBottom5
{
	margin-bottom: 5px !important;
}

.MarginBottom10
{
    margin-bottom: 10px !important;
}

.MarginBottom20
{
    margin-bottom: 20px !important;
}

.MarginBottom40
{
    margin-bottom: 40px !important;
}

.MarginFooter
{
    margin-bottom: 30px !important;
}

.MarginLeftMinus5
{
    margin-left: -5px !important;
}

.MarginLeftMinus10
{
    margin-left: -10px !important;
}

.MarginLeft5
{
    margin-left: 5px !important;
}

.MarginLeft10
{
	margin-left: 10px !important;
}

.MarginLeft15
{
	margin-left: 15px !important;
}

.MarginLeft20
{
    margin-left: 20px !important;
}

.MarginLeft40
{
    margin-left: 40px !important;
}

.MarginRightMinus5
{
    margin-right: -5px !important;
}

.MarginRightMinus10
{
    margin-right: -10px !important;
}

.MarginRight5
{
    margin-right: 5px !important;
}

.MarginRight10
{
	margin-right: 10px !important;
}

.MarginRight20
{
    margin-right: 20px !important;
}

.MarginRight30
{
    margin-right: 30px !important;
}

.MarginSidesAuto
{
	margin-left: auto !important;
	margin-right: auto !important;
}

.MarginSides10
{
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.MarginSides20
{
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.MarginSides5
{
	margin-left: 5px !important;
	margin-right: 5px !important;
}

.MarginSides2
{
    margin-left: 2px !important;
    margin-right: 2px !important;
}

.MarginTop2
{
    margin-top: 2px !important;
}

.MarginTop5
{
    margin-top: 5px !important;
}

.MarginTop10
{
    margin-top: 10px !important;
}

.MarginTop20
{
    margin-top: 20px !important;
}

.MarginVertical5
{
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.MarginZero
{
	margin: 0 !important;
}

.MaxHeight60
{
    max-height: 60px;
}

.MaxHeightHalf, .MaxHeightOneHalf, .MaxHeight50Percent
{
    max-height: 50% !important;
}

.MaxWidth1080
{
    max-width: 1080px !important;
}


.MaxWidth40Percent
{
    max-width: 40% !important;
}

.MaxWidth70Percent
{
    max-width: 70% !important;
}

.MaxWidth90Percent
{
    max-width: 90% !important;
}

.MaxWidthHalf, .MaxWidthOneHalf, .MaxWidth50Percent
{
    max-width: 50% !important;
}

.MinHeight22
{
    min-height: 22px;
}

.MinHeight60
{
    min-height: 60px;
}

.MinHeightOneQuarter
{
    min-height: 25% !important;
}

.MinHeightOneThird
{
    min-height: 33% !important;
}

.MinWidthOneQuarter
{
    min-width: 25% !important;
}

.MinWidthOneThird
{
    min-width: 33% !important;
}

.MinWidthOneHalf
{
    min-width: 50% !important;
}

.Opacity0
{
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
}

.Opacity5
{
    opacity: 0.05 !important;
    filter: alpha(opacity=5) !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=5)" !important;
}

.Opacity10
{
    opacity: 0.1 !important;
    filter: alpha(opacity=10) !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)" !important;
}

.Opacity15
{
    opacity: 0.15 !important;
    filter: alpha(opacity=15) !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)" !important;
}

.Opacity20
{
    opacity: 0.2 !important;
    filter: alpha(opacity=20) !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)" !important;
}

.Opacity25
{
    opacity: 0.25 !important;
    filter: alpha(opacity=25) !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)" !important;
}

.Opacity35 {
    opacity: 0.35 !important;
    filter: alpha(opacity=35) !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)" !important;
}

.Opacity50
{
    opacity: 0.5 !important;
    filter: alpha(opacity=50) !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
}

.Opacity75
{
    opacity: 0.75 !important;
    filter: alpha(opacity=75) !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)" !important;
}

.Opacity100
{
	opacity: 1.0 !important;
		filter: alpha(opacity=100) !important;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
}

.OverflowAuto
{
    overflow: auto !important;
}

.OverflowHidden
{
    overflow: hidden !important;
}

.OverflowXHidden
{
    overflow-x: hidden !important;
}

.OverflowXAuto
{
    overflow-x: auto !important;
}

.OverflowYAuto
{
    overflow-y: auto !important;
}

.OverflowYHidden
{
    overflow-y: hidden !important;
}

.OverflowYScroll
{
    overflow-y: scroll !important;
}

.Padding0
{
    padding: 0px !important;
}

.Padding2
{
    padding: 2px !important;
}

.Padding5
{
    padding: 5px !important;
}

.Padding10
{
    padding: 10px !important;
}

.PaddingBottom10
{
    padding-bottom: 10px !important;
}

.PaddingLeft5
{
	padding-left: 5px !important;
}

.PaddingLeft10
{
	padding-left: 10px !important;
}

.PaddingLeft15
{
	padding-left: 15px !important;
}

.PaddingLeft20
{
    padding-left: 20px !important;
}

.PaddingLeft32
{
    padding-left: 32px !important;
}

.PaddingRight5
{
    padding-right: 5px !important;
}

.PaddingRight10
{
    padding-right: 10px !important;
}

.PaddingRight15
{
    padding-right: 15px !important;
}

.PaddingRight20
{
    padding-right: 20px !important;
}

.PaddingSides2
{
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.PaddingSides5
{
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.PaddingSides10
{
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.PaddingSides20
{
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.PaddingTop0
{
    padding-top: 0 !important;
}

.PaddingTop2
{
    padding-top: 2px !important;
}

.PaddingTop5
{
    padding-top: 5px !important;
}

.PaddingTop10
{
    padding-top: 10px !important;
}

.PaddingTop30
{
    padding-top: 30px !important;
}

.PaddingZero
{
	padding: 0 !important;
}

.PositionAbsolute
{
    position: absolute !important;
}

.PositionAbsoluteCentre
{
    position: absolute !important;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin-left:auto;
    margin-right:auto;
    margin-top:auto;
    margin-bottom:auto;
}

.PositionRelative
{
	position: relative !important;
}

.RightMinus5 {
    right: -5px !important;
}

.Right0 {
    right: 0 !important;
}

.Right10 {
    right: 10px !important;
}

.ScrollVertical
{
	overflow-y: scroll !important;
}

.TextCentre
{
	text-align: center !important;
}

.TextDecorationNone
{
    text-decoration: none !important;
}

.TextJustify
{
	text-align: justify !important;
}

.TextLeft
{
	text-align: left !important;
}

.TextRight
{
	text-align: right !important;
}

.TextRotate {
    -webkit-transform: rotate(-90deg) !important;
    -moz-transform: rotate(-90deg) !important;
    -ms-transform: rotate(-90deg) !important;
    -o-transform: rotate(-90deg) !important;
    transform: rotate(-90deg) !important;

    /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
    -webkit-transform-origin: 50% 50% !important;
    -moz-transform-origin: 50% 50% !important;
    -ms-transform-origin: 50% 50% !important;
    -o-transform-origin: 50% 50% !important;
    transform-origin: 50% 50% !important;

    /* Should be unset in IE9+ I think. */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3) !important;
}

.TextSubscript
{
    vertical-align: sub !important;
}

.TextSuperscript
{
    vertical-align: super !important;
}

.TextWhite {
    color: #ffffff !important;
}

.TopMinus5
{
    top: -5px !important;
}

.Top0
{
    top: 0 !important;
}

.Top10
{
    top: 10px !important;
}

.Top30
{
    top: 30px !important;
}

.Top60
{
    top: 60px !important;
}

.Top90
{
    top: 90px !important;
}

.Top120
{
    top: 120px !important;
}

.Width5
{
    width: 5px !important;
}

.Width10
{
    width: 10px !important;
}

.Width16
{
    width: 16px !important;
}

.Width20
{
    width: 20px !important;
}

.Width24
{
    width: 24px !important;
}

.Width30
{
    width: 30px !important;
}

.Width32
{
    width: 32px !important;
}

.Width40
{
	width: 40px !important;
}

.Width80
{
	width: 80px !important;
}

.Width120
{
	width: 120px !important;
}

.Width150Exactly
{
    max-width: 150px !important;
    min-width: 150px !important;
}

.Width160
{
    width: 160px !important;
}

.Width240
{
    width: 240px !important;
}

.Width256
{
	width: 256px !important;
}

.Width320
{
    width: 320px !important;
}

.Width1080
{
    width: 1080px !important;
}

.WidthAuto
{
	width: auto !important;
}

.WidthFull
{
    width: 100% !important;
}

.WidthFullPassive
{
    width: 100%;
}

.WidthFullAbsolute
{
    left: 0px !important;
    right: 0px !important;
}

.WidthOneTenth, .Width10Percent
{
    width: 10% !important;
}

.WidthOneTwelfth, .Width8Percent
{
    width: 8% !important;
}

.WidthOneSixth
{
    width: 17% !important;
}

.WidthOneFifth, .WidthTwoTenths, .Width20Percent
{
    width: 20% !important;
}

.WidthOneQuarter, .Width25Percent
{
    width: 25% !important;
}

.Width30Percent
{
    width: 30% !important;
}

.WidthOneThird, .WidthTwoSixths
{
    width: 33% !important;
}

.Width40Percent, .WidthTwoFifths
{
    width: 40% !important;
}

.Width45Percent
{
    width: 45% !important;
}

.WidthHalf, .WidthOneHalf, .Width50Percent
{
	width: 50% !important;
}

.Width60Percent
{
    width: 60% !important;
}

.WidthTwoThirds
{
    width: 67% !important;
}

.WidthSevenTenths, .Width70Percent
{
    width: 70% !important;
}

.WidthThreeQuarters, .Width75Percent
{
    width: 75% !important;
}

.WidthFourFifths, .Width80Percent
{
    width: 80% !important;
}

.WidthNineTenths, .Width90Percent
{
	width: 90% !important;
}

.WordWrap
{
    white-space: pre-wrap !important; /* css-3 */
    white-space: -moz-pre-wrap !important !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap !important; /* Opera 4-6 */
    white-space: -o-pre-wrap !important; /* Opera 7 */
    word-wrap: break-word !important; /* Internet Explorer 5.5+ */
}

.WordWrapNoWrap
{
    white-space: nowrap !important;
}

.ZIndexFloor
{
    z-index: 0 !important;
}

.ZIndexSubFloor
{
    z-index: -1 !important;
}



/***************************3
	3	META CLASSES
3***************************/

.AbsoluteFull
{
	overflow-y: scroll;
	position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		top: 0;
}

.BorderRedOutline
{
    border: 1px solid #ff0000;
}

.FillContainer
{
    position: absolute;
    bottom: 0;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
}

.FillContainerPassive
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

.FlexBox_Centered
{
    display: flex;
    justify-content: center;
    align-items: center;
}

.FlexBox_HorizontallyCentered
{
    display: flex;
    justify-content: center;
}

.FlexBox_VerticallyCentered
{
    display: flex;
    align-items: center;
}

.VerticalAlign {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}



/***************************4
	4	SHARED IDS
4***************************/

#AJAX
{
	display: none;
}

#PageWrapper
{
	height: auto;
	width: auto;
}



/***************************5
        LAYOUT CLASSES
****************************/
.LayoutH111
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0% !important;
    right: 0% !important;
    width: 100%;
}

.LayoutH211
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0% !important;
    right: 50% !important;
    width: 50%;
}
.LayoutH222
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 50% !important;
    right: 0% !important;
    width: 50%;
}

.LayoutH311
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0% !important;
    right: 67% !important;
    width: 33%;
}

.LayoutH322
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 33% !important;
    right: 33% !important;
    width: 34%;
}

.LayoutH333
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 67% !important;
    right: 0% !important;
    width: 33%;
}

.LayoutH312
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0% !important;
    right: 33% !important;
    width: 67%;
}

.LayoutH323
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 33% !important;
    right: 0% !important;
    width: 67%;
}

.LayoutH411
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0% !important;
    right: 75% !important;
    width: 25%;
}

.LayoutH422
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 25% !important;
    right: 50% !important;
    width: 25%;
}

.LayoutH433
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 50% !important;
    right: 25% !important;
    width: 25%;
}

.LayoutH444
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 75% !important;
    right: 0% !important;
    width: 25%;
}

.LayoutH412
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0% !important;
    right: 50% !important;
    width: 50%;
}

.LayoutH423
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 25% !important;
    right: 25% !important;
    width: 50%;
}

.LayoutH434
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 50% !important;
    right: 0% !important;
    width: 50%;
}

.LayoutH413
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0% !important;
    right: 25% !important;
    width: 75%;
}

.LayoutH424
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 25% !important;
    right: 0% !important;
    width: 75%;
}

.LayoutH511
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0% !important;
    right: 80% !important;
    width: 20%;
}

.LayoutH522
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 20% !important;
    right: 60% !important;
    width: 20%;
}

.LayoutH533
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 40% !important;
    right: 40% !important;
    width: 20%;
}

.LayoutH544
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 60% !important;
    right: 20% !important;
    width: 20%;
}

.LayoutH555
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 80% !important;
    right: 0% !important;
    width: 20%;
}

.LayoutH512
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0% !important;
    right: 60% !important;
    width: 40%;
}

.LayoutH523
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 20% !important;
    right: 40% !important;
    width: 40%;
}

.LayoutH534
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 40% !important;
    right: 20% !important;
    width: 40%;
}

.LayoutH545
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 60% !important;
    right: 0% !important;
    width: 40%;
}

.LayoutH513
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0% !important;
    right: 40% !important;
    width: 60%;
}

.LayoutH524
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 20% !important;
    right: 20% !important;
    width: 60%;
}

.LayoutH535
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 40% !important;
    right: 0% !important;
    width: 60%;
}

.LayoutH514
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0% !important;
    right: 20% !important;
    width: 80%;
}

.LayoutH525
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 20% !important;
    right: 0% !important;
    width: 80%;
}

.LayoutH611
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0% !important;
    right: 83% !important;
    width: 17%;
}

.LayoutH622
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 17% !important;
    right: 67% !important;
    width: 16%;
}

.LayoutH633
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 33% !important;
    right: 50% !important;
    width: 17%;
}

.LayoutH644
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 50% !important;
    right: 33% !important;
    width: 17%;
}

.LayoutH655
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 67% !important;
    right: 17% !important;
    width: 16%;
}

.LayoutH666
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 83% !important;
    right: 0% !important;
    width: 17%;
}

.LayoutH612
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0% !important;
    right: 67% !important;
    width: 33%;
}

.LayoutH623
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 17% !important;
    right: 50% !important;
    width: 33%;
}

.LayoutH634
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 33% !important;
    right: 33% !important;
    width: 34%;
}

.LayoutH645
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 50% !important;
    right: 17% !important;
    width: 33%;
}

.LayoutH656
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 67% !important;
    right: 0% !important;
    width: 33%;
}

.LayoutH613
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0% !important;
    right: 50% !important;
    width: 50%;
}

.LayoutH624
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 17% !important;
    right: 33% !important;
    width: 50%;
}

.LayoutH635
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 33% !important;
    right: 17% !important;
    width: 50%;
}

.LayoutH646
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 50% !important;
    right: 0% !important;
    width: 50%;
}

.LayoutH614
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0% !important;
    right: 33% !important;
    width: 67%;
}

.LayoutH625
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 17% !important;
    right: 17% !important;
    width: 66%;
}

.LayoutH636
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 33% !important;
    right: 0% !important;
    width: 67%;
}

.LayoutH615
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0% !important;
    right: 17% !important;
    width: 83%;
}

.LayoutH626
{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 17% !important;
    right: 0% !important;
    width: 83%;
}

.LayoutV111
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0% !important;
    bottom: 0% !important;
    height: 100%;
}

.LayoutV211
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0% !important;
    bottom: 50% !important;
    height: 50%;
}

.LayoutV222
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 50% !important;
    bottom: 0% !important;
    height: 50%;
}

.LayoutV311
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0% !important;
    bottom: 67% !important;
    height: 33%;
}

.LayoutV322
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 33% !important;
    bottom: 33% !important;
    height: 34%;
}

.LayoutV333
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 67% !important;
    bottom: 0% !important;
    height: 33%;
}

.LayoutV312
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0% !important;
    bottom: 33% !important;
    height: 67%;
}

.LayoutV323
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 33% !important;
    bottom: 0% !important;
    height: 67%;
}

.LayoutV411
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0% !important;
    bottom: 75% !important;
    height: 25%;
}

.LayoutV422
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 25% !important;
    bottom: 50% !important;
    height: 25%;
}

.LayoutV433
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 50% !important;
    bottom: 25% !important;
    height: 25%;
}

.LayoutV444
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 75% !important;
    bottom: 0% !important;
    height: 25%;
}

.LayoutV412
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0% !important;
    bottom: 50% !important;
    height: 50%;
}

.LayoutV423
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 25% !important;
    bottom: 25% !important;
    height: 50%;
}

.LayoutV434
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 50% !important;
    bottom: 0% !important;
    height: 50%;
}

.LayoutV413
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0% !important;
    bottom: 25% !important;
    height: 75%;
}

.LayoutV424
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 25% !important;
    bottom: 0% !important;
    height: 75%;
}

.LayoutV511
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0% !important;
    bottom: 80% !important;
    height: 20%;
}

.LayoutV522
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 20% !important;
    bottom: 60% !important;
    height: 20%;
}

.LayoutV533
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 40% !important;
    bottom: 40% !important;
    height: 20%;
}

.LayoutV544
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 60% !important;
    bottom: 20% !important;
    height: 20%;
}

.LayoutV555
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 80% !important;
    bottom: 0% !important;
    height: 20%;
}

.LayoutV512
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0% !important;
    bottom: 60% !important;
    height: 40%;
}

.LayoutV523
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 20% !important;
    bottom: 40% !important;
    height: 40%;
}

.LayoutV534
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 40% !important;
    bottom: 20% !important;
    height: 40%;
}

.LayoutV545
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 60% !important;
    bottom: 0% !important;
    height: 40%;
}

.LayoutV513
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0% !important;
    bottom: 40% !important;
    height: 60%;
}

.LayoutV524
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 20% !important;
    bottom: 20% !important;
    height: 60%;
}

.LayoutV535
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 40% !important;
    bottom: 0% !important;
    height: 60%;
}

.LayoutV514
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0% !important;
    bottom: 20% !important;
    height: 80%;
}

.LayoutV525
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 20% !important;
    bottom: 0% !important;
    height: 80%;
}

.LayoutV611
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0% !important;
    bottom: 83% !important;
    height: 17%;
}

.LayoutV622
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 17% !important;
    bottom: 67% !important;
    height: 16%;
}

.LayoutV633
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 33% !important;
    bottom: 50% !important;
    height: 17%;
}

.LayoutV644
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 50% !important;
    bottom: 33% !important;
    height: 17%;
}

.LayoutV655
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 67% !important;
    bottom: 17% !important;
    height: 16%;
}

.LayoutV666
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 83% !important;
    bottom: 0% !important;
    height: 17%;
}

.LayoutV612
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0% !important;
    bottom: 67% !important;
    height: 33%;
}

.LayoutV623
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 17% !important;
    bottom: 50% !important;
    height: 33%;
}

.LayoutV634
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 33% !important;
    bottom: 33% !important;
    height: 34%;
}

.LayoutV645
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 50% !important;
    bottom: 17% !important;
    height: 33%;
}

.LayoutV656
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 67% !important;
    bottom: 0% !important;
    height: 33%;
}

.LayoutV613
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0% !important;
    bottom: 50% !important;
    height: 50%;
}

.LayoutV624
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 17% !important;
    bottom: 33% !important;
    height: 50%;
}

.LayoutV635
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 33% !important;
    bottom: 17% !important;
    height: 50%;
}

.LayoutV646
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 50% !important;
    bottom: 0% !important;
    height: 50%;
}

.LayoutV614
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0% !important;
    bottom: 33% !important;
    height: 67%;
}

.LayoutV625
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 17% !important;
    bottom: 17% !important;
    height: 66%;
}

.LayoutV636
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 33% !important;
    bottom: 0% !important;
    height: 67%;
}

.LayoutV615
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0% !important;
    bottom: 17% !important;
    height: 83%;
}

.LayoutV626
{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 17% !important;
    bottom: 0% !important;
    height: 83%;
}
/*
	Index
	=====
	
	**1					MASTER ELEMENTS
	**2					GENERIC CLASSES
	**3					META CLASSES
	**4					SHARED IDS
	**5                 LAYOUT CLASSES
	
	**BUTTONS			BUTTONS
	**FORUMS			FORUMS
	**GAMES             GAMES
	**MAPS				MAPS
	**MENUS				MENUS
	**PANELS			PANELS
	**POPUPS			POPUPS
	**PROJECTS			PROJECTS		
	**TABLES			TABLES		
*/

/***************************1
	1	MASTER ELEMENTS
1***************************/

/* Enable custom fonts [DEBUG] IE requires .eot fonts */
@font-face { font-family: RoyalInitialen; src: url('http://www.artofwar.cc/application/Assets/Fonts/RoyalInitialen.ttf'); }
@font-face { font-family: Korean_Calligraphy; src: url('http://www.artofwar.cc/application/Assets/Fonts/Korean_Calligraphy.ttf'); }
@font-face { font-family: Dekiru; src: url('http://www.artofwar.cc/application/Assets/Fonts/Dekiru.otf'); }

*
{
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html
{
	overflow: hidden;
}

a
{
	color: rgba(210,129,24,1);
	text-decoration: none;
}

a:hover
{
	color: rgba(219,166,84,1);
}

body
{
	background-color: rgba(239,233,195,1);
	color: rgba(77,57,37,1);
	font-family: Lucida, Arial, Helvetica, sans-serif;
	font-size: 1em;
	overflow: hidden; /* Removes the scrollbar in FF and Opera */
}

input, textarea, select
{
	background-color: rgba(252,248,216,1);
	color: rgba(77,57,37,1);
	font-family: Lucida, Arial, Helvetica, sans-serif;
}

input:focus, textarea:focus, select:focus
{
    background: rgba(252,248,216,1);
    color: rgba(77,57,37,1);
}

input:disabled, textarea:disabled, select:disabled
{
	background-color: rgba(239,233,195,1);
	color: rgba(220,190,110,1);
}

h1
{
	font-family: Palatino, serif;
	font-size: 1.3em;
	font-weight: bold;
	text-align: justify;
	text-decoration: underline;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}

h2
{
	font-family: Palatino, serif;
	font-size: 1.2em;
	font-weight: normal;
	text-align: justify;
	text-decoration: underline;
}

h3
{
	font-family: Palatino, serif;
	font-size: 1.1em;
	font-weight: normal;
	text-align: justify;
}



/***************************1a
    1a  MASTER PAGE
1a**************************/
#MasterPage_BorderBottom {
    position: absolute;
    left: 51px;
    right: 51px;
    bottom: 0;
    height: 23px;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Border_Bottom.png');
    background-repeat: repeat-x;
    z-index: 1000;
}

#MasterPage_BorderLeft {
    position: absolute;
    left: 0;
    top: 51px;
    bottom: 51px;
    width: 23px;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Border_Left.png');
    background-repeat: repeat-y;
    z-index: 1000;
}

#MasterPage_BorderRight {
    position: absolute;
    right: 0;
    top: 51px;
    bottom: 51px;
    width: 23px;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Border_Right.png');
    background-repeat: repeat-y;
    z-index: 1000;
}

#MasterPage_BorderTop {
    position: absolute;
    left: 51px;
    right: 51px;
    top: 0;
    height: 23px;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Border_Top.png');
    background-repeat: repeat-x;
    z-index: 1000;
}

#MasterPage_Corner_BottomLeft_Block {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 44px;
    height: 44px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Corner_BottomLeft_Block.png');
    z-index: 1000;
}

#MasterPage_Corner_BottomLeft_BorderHorizontal {
    position: absolute;
    left: 51px;
    bottom: 0;
    width: 50px;
    height: 21px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Border_BottomLeft_Horizontal.png');
    z-index: 1000;
}

#MasterPage_Corner_BottomLeft_BorderVertical {
    position: absolute;
    left: 0;
    bottom: 51px;
    width: 21px;
    height: 50px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Border_BottomLeft_Vertical.png');
    z-index: 1000;
}

#MasterPage_Corner_BottomLeft_Horizontal {
    position: absolute;
    left: 0;
    bottom: 44px;
    width: 30px;
    height: 7px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Corner_BottomLeft_Horizontal.png');
    z-index: 1000;
}

#MasterPage_Corner_BottomLeft_Vertical {
    position: absolute;
    left: 44px;
    bottom: 0;
    width: 7px;
    height: 30px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Corner_BottomLeft_Vertical.png');
    z-index: 1000;
}

#MasterPage_Corner_BottomRight_Block {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 44px;
    height: 44px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Corner_BottomRight_Block.png');
    z-index: 1000;
}

#MasterPage_Corner_BottomRight_BorderHorizontal {
    position: absolute;
    right: 51px;
    bottom: 0;
    width: 50px;
    height: 21px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Border_BottomRight_Horizontal.png');
    z-index: 1000;
}

#MasterPage_Corner_BottomRight_BorderVertical {
    position: absolute;
    right: 0;
    bottom: 51px;
    width: 21px;
    height: 50px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Border_BottomRight_Vertical.png');
    z-index: 1000;
}

#MasterPage_Corner_BottomRight_Horizontal {
    position: absolute;
    right: 0;
    bottom: 44px;
    width: 30px;
    height: 7px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Corner_BottomRight_Horizontal.png');
    z-index: 1000;
}

#MasterPage_Corner_BottomRight_Vertical {
    position: absolute;
    right: 44px;
    bottom: 0;
    width: 7px;
    height: 30px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Corner_BottomRight_Vertical.png');
    z-index: 1000;
}

#MasterPage_Corner_TopLeft_Block {
    position: absolute;
    left: 0;
    top: 0;
    width: 44px;
    height: 44px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Corner_TopLeft_Block.png');
    z-index: 1000;
}

#MasterPage_Corner_TopLeft_BorderHorizontal {
    position: absolute;
    left: 51px;
    top: 0;
    width: 50px;
    height: 21px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Border_TopLeft_Horizontal.png');
    z-index: 1000;
}

#MasterPage_Corner_TopLeft_BorderVertical {
    position: absolute;
    left: 0;
    top: 51px;
    width: 21px;
    height: 50px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Border_TopLeft_Vertical.png');
    z-index: 1000;
}

#MasterPage_Corner_TopLeft_Horizontal {
    position: absolute;
    left: 0;
    top: 44px;
    width: 30px;
    height: 7px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Corner_TopLeft_Horizontal.png');
    z-index: 1000;
}

#MasterPage_Corner_TopLeft_Vertical {
    position: absolute;
    left: 44px;
    top: 0;
    width: 7px;
    height: 30px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Corner_TopLeft_Vertical.png');
    z-index: 1000;
}

#MasterPage_Corner_TopRight_Block {
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Corner_TopRight_Block.png');
    z-index: 1000;
}

#MasterPage_Corner_TopRight_BorderHorizontal {
    position: absolute;
    right: 51px;
    top: 0;
    width: 50px;
    height: 21px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Border_TopRight_Horizontal.png');
    z-index: 1000;
}

#MasterPage_Corner_TopRight_BorderVertical {
    position: absolute;
    right: 0;
    top: 51px;
    width: 21px;
    height: 50px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Border_TopRight_Vertical.png');
    z-index: 1000;
}

#MasterPage_Corner_TopRight_Horizontal {
    position: absolute;
    right: 0;
    top: 44px;
    width: 30px;
    height: 7px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Corner_TopRight_Horizontal.png');
    z-index: 1000;
}

#MasterPage_Corner_TopRight_Vertical {
    position: absolute;
    right: 44px;
    top: 0;
    width: 7px;
    height: 30px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Corner_TopRight_Vertical.png');
    z-index: 1000;
}

#MasterPage_MainLogo_AnchorArea {
    position: absolute;
    width: 287px;
    left: 30px;
    height: 50px;
    z-index: 2001;
}
/*
#MasterPage_MainLogo_BorderLeft {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 21px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Border_MainLogo_Left.png');
    z-index: 1002;
}

#MasterPage_MainLogo_BorderRight {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 21px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Border_MainLogo_Right.png');
    z-index: 1002;
}
*/
#MasterPage_MainLogo_Centre {
    position: absolute;
    left: 21px;
    top: 0;
    width: 346px;
    height: 56px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/MainLogo_Centre.png');
    z-index: 1002;
}

#MasterPage_MainLogoHolder {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 0;
    width: 388px;
    height: 56px;
    z-index: 1001;
    overflow: hidden;
}

#MasterPage_MainLogo_LeftVertical {
    position: absolute;
    left: 7px;
    top: 0;
    width: 14px;
    height: 44px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/MainLogo_LeftVertical.png');
    z-index: 1002;
}

#MasterPage_MainLogo_LeftVertical2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 7px;
    height: 30px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/MainLogo_LeftVertical2.png');
    z-index: 1002;
}

#MasterPage_MainLogo_RightVertical {
    position: absolute;
    right: 7px;
    top: 0;
    width: 14px;
    height: 44px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/MainLogo_RightVertical.png');
    z-index: 1002;
}

#MasterPage_MainLogo_RightVertical2 {
    position: absolute;
    right: 0;
    top: 0;
    width: 7px;
    height: 30px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/MainLogo_RightVertical2.png');
    z-index: 1002;
}

#MasterPage_MainMenuBackground {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 50px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(208,168,94,1)), to(rgba(239,233,195,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(208,168,94,1), rgba(239,233,195,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(208,168,94,1), rgba(239,233,195,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(208,168,94,1), rgba(239,233,195,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(208,168,94,1), rgba(239,233,195,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    z-index: 998;
}

#MasterPage_MainMenu {
    position: absolute;
    left: 45px;
    right: 45px;
    top: 25px;
    height: 31px;
    z-index: 1000;
}

#MasterPage_MainMenu ._Link, #MasterPage_MainMenu ._MenuList {
    color: rgba(77,57,37,1);
    cursor: pointer;
    font-family: Dekiru, Lucida, Arial, Helvetica, sans-serif !important;
    font-size: 17px;
    font-weight: bold;
    width: 70px;
    text-shadow:
    2px 2px 0 rgba(239,233,195,0.67),
    -1px -1px 0 rgba(239,233,195,0.67),
    1px -1px 0 rgba(239,233,195,0.67),
    -1px 1px 0 rgba(239,233,195,0.67),
    1px 1px 0 rgba(239,233,195,0.67);
}

#MasterPage_MainMenu ._Link:hover, #MasterPage_MainMenu ._MenuList:hover {
    color: #f59c05;
    text-shadow:
    2px 2px 0 rgba(64,42,28,0.67),
    -1px -1px 0 rgba(64,42,28,0.67),
    1px -1px 0 rgba(64,42,28,0.67),
    -1px 1px 0 rgba(64,42,28,0.67),
    1px 1px 0 rgba(64,42,28,0.67);
    -webkit-transition-duration: 0.125s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.125s;  /* Firefox 4-15 */
-o-transition-duration: 0.125s;  /* Opera 10.50–12.00 */
transition-duration: 0.125s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}

#MasterPage_MainMenu ._Link a {
    color: rgba(77,57,37,1);
    cursor: pointer;
    font-family: Dekiru, Lucida, Arial, Helvetica, sans-serif !important;
    font-size: 17px;
    font-weight: bold;
    width: 80px;
    text-shadow:
    2px 2px 0 rgba(239,233,195,0.67),
    -1px -1px 0 rgba(239,233,195,0.67),
    1px -1px 0 rgba(239,233,195,0.67),
    -1px 1px 0 rgba(239,233,195,0.67),
    1px 1px 0 rgba(239,233,195,0.67);

}

#MasterPage_MainMenu ._Link a:hover {
    color: #f59c05;
    text-shadow:
    2px 2px 0 rgba(64,42,28,0.67),
    -1px -1px 0 rgba(64,42,28,0.67),
    1px -1px 0 rgba(64,42,28,0.67),
    -1px 1px 0 rgba(64,42,28,0.67),
    1px 1px 0 rgba(64,42,28,0.67);
    -webkit-transition-duration: 0.125s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.125s;  /* Firefox 4-15 */
-o-transition-duration: 0.125s;  /* Opera 10.50–12.00 */
transition-duration: 0.125s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}

#MasterPage_MainMenu li > a {
    cursor: pointer;
    font-family: Dekiru, Lucida, Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: bold;
    text-shadow: none;
}

#MasterPage_ShutterPattern_Bottom {
    position: absolute;
    left: 49px;
    bottom: 7px;
    right: 49px;
    height: 9px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/ShutterPattern_Horizontal.png');
    background-repeat: repeat-x;
    z-index: 1001;
}

#MasterPage_ShutterPattern_Left {
    position: absolute;
    top: 49px;
    left: 7px;
    bottom: 49px;
    width: 9px;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/ShutterPattern_Vertical.png');
    background-repeat: repeat-y;
    z-index: 1001;
}

#MasterPage_ShutterPattern_Right {
    position: absolute;
    top: 49px;
    right: 7px;
    bottom: 49px;
    width: 9px;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/ShutterPattern_Vertical.png');
    background-repeat: repeat-y;
    z-index: 1001;
}

#MasterPage_ShutterPattern_Top {
    position: absolute;
    left: 49px;
    top: 7px;
    right: 49px;
    height: 9px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/ShutterPattern_Horizontal.png');
    background-repeat: repeat-x;
    z-index: 1001;
}

#MasterPage_SocialPanel {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 254px;
    height: 38px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/SocialPanel.png');
    z-index: 1002;
}

#MasterPage_SocialPanel_BorderHolder {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: 354px;
    height: 21px;
    z-index: 1002;
    overflow: hidden;
}

#MasterPage_SocialPanel_BorderLeft {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 21px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Border_SocialPanel_Left.png');
    z-index: 1002;
}

#MasterPage_SocialPanel_BorderRight {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 21px;
    overflow: hidden;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Border_SocialPanel_Right.png');
    z-index: 1002;
}

#MasterPage_SocialPanel_Content {
    position: absolute;
    top: 7px;
    left: 7px;
    width: 240px;
    height: 24px;
}

#MasterPage_SocialPanel_Holder {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: 254px;
    height: 38px;
    z-index: 1003;
    overflow: hidden;
}

#MasterPage_SocialPanel_FacebookButtonHolder {
    position: absolute;
    top: 2px;
    left: 1px;
    height: 20px !important;
    width: 117px !important;
}

#MasterPage_SocialPanel_FacebookImage {
    position: absolute;
    top: -1px;
    left: 4px;
}

#MasterPage_SocialPanel_TwitterButtonHolder {
    position: absolute;
    top: 2px;
    right: 1px;
    height: 20px !important;
    width: 117px !important;
}

#MasterPage_SocialPanel_TwitterImage {
    position: absolute;
    top: -1px;
    left: 1px;
}








/***************************2
	2	GENERIC CLASSES
2***************************/

.BackgroundLight5
{
    background-color: rgba(239,233,195,1) !important;
}

.BackgroundGradientSpotlight {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.33)), to(rgba(255,255,255,0.16))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.33), rgba(255,255,255,0.16)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(255,255,255,0.33), rgba(255,255,255,0.16)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(255,255,255,0.33), rgba(255,255,255,0.16)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(255,255,255,0.33), rgba(255,255,255,0.16)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}

.BackgroundGradientLightshade {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.16)), to(rgba(0,0,0,0.16))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.16), rgba(0,0,0,0.16)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(255,255,255,0.16), rgba(0,0,0,0.16)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(255,255,255,0.16), rgba(0,0,0,0.16)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(255,255,255,0.16), rgba(0,0,0,0.16)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}

.BackgroundGradientLightshade:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.33)), to(rgba(0,0,0,0.33))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.33), rgba(0,0,0,0.33)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(255,255,255,0.33), rgba(0,0,0,0.33)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(255,255,255,0.33), rgba(0,0,0,0.33)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(255,255,255,0.33), rgba(0,0,0,0.33)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

.BackgroundGradientLightshadeLTR {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.16)), to(rgba(255,255,255,0.16))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.16), rgba(255,255,255,0.16)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(left, rgba(0,0,0,0.16), rgba(255,255,255,0.16)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(left, rgba(0,0,0,0.16), rgba(255,255,255,0.16)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to right, rgba(0,0,0,0.16), rgba(255,255,255,0.16)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}

.BackgroundGradientLightshadeLTR:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.33)), to(rgba(255,255,255,0.33))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.33), rgba(255,255,255,0.33)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(left, rgba(0,0,0,0.33), rgba(255,255,255,0.33)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(left, rgba(0,0,0,0.33), rgba(255,255,255,0.33)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to right, rgba(0,0,0,0.33), rgba(255,255,255,0.33)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

.BackgroundBlack50Percent {
    background-image: url('http://www.artofwar.cc/application/Assets/Images/General/50PercentBlack.png');
    background-repeat: repeat;
}

.BackgroundGreen {
    background-color: #00cc00 !important;
}

.BackgroundPaleGreen {
    background-color: #aaffaa !important;
}

.BackgroundPaleRed {
    background-color: #ffaaaa !important;
}

.BackgroundRed {
    background-color: #cc0000 !important;
}

.BackgroundRed50Percent
{
    background-color: #ff0000;
    opacity: 0.5;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
filter:alpha(opacity=50);
-khtml-opacity:0.5;
-moz-opacity:0.5;}

.ColourDark, .ColourDark2
{
    color: rgba(77,57,37,1) !important;
}

.ColourDark4
{
    color: rgba(103,87,55,1) !important;
}

.ColourLight, .ColourLight5
{
    color: rgba(239,233,195,1) !important;
}

.ColourVivid1
{
    color: rgba(210,129,24,1) !important;
}

.ColourWarm3
{
    color: rgba(136,101,32,1) !important;
}

.FontCalligraphy
{
    font-family: Dekiru, Lucida, Arial, Helvetica, sans-serif !important;
}

.FontIlluminated
{
	font-family: RoyalInitialen, Palatino !important;
	font-size: 4.2em !important;
}

.FontSans
{
	font-family: Lucida, Arial, Helvetica, sans-serif !important;
}

.FontSerif
{
    font-family: Palatino, serif !important;
}



/***************************3
	3	META CLASSES
3***************************/

.BorderDashed
{
	border: 1px dashed rgba(64,42,28,1);
}

.BoxShadowRedInsetTerritoryPlaceholder
{
   -webkit-box-shadow: 0px 0px 2px 12px #ff0000 inset; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
box-shadow: 0px 0px 2px 12px #ff0000 inset; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */}

.DisplayAreaDisplay
{
    overflow: auto;
    padding-bottom: 30px !important;
    position: absolute;
    bottom: 0px;
    left: 140px;
    right: 0px;
    top: 0px;
}

.DisplayAreaDisplayNarrow
{
    overflow: auto;
    padding-bottom: 30px !important;
    position: absolute;
    bottom: 0px;
    left: 200px;
    right: 0px;
    top: 0px;
}

.DisplayAreaDisplayStatic
{
	overflow: hidden;
	padding-bottom: 30px !important;
	position: absolute;
		bottom: 0px;
		left: 200px;
		right: 0px;
		top: 0px;
}

.DisplayAreaDisplayBottom
{
    overflow: auto;
    padding-bottom: 30px !important;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 50px;
}

.DisplayAreaDisplayBottom80px
{
    overflow: auto;
    padding-bottom: 30px !important;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 80px;
}

.DisplayAreaSidebar
{
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 30px;
    position: absolute;
        bottom: 0px;
        left: 0px;
        top: 0px;
        width: 120px;
}

.DisplayAreaSidebarWide
{
    overflow: hidden;
    padding-bottom: 30px;
    position: absolute;
        bottom: 0px;
        left: 0px;
        top: 0px;
        width: 180px;
}

.DisplayAreaTopBar
{
    position: absolute;
    height: 30px;
    left: 0px;
    right: 0px;
    top: 0px;
}

.DisplayAreaTopBar60px
{
    position: absolute;
    height: 60px;
    left: 0px;
    right: 0px;
    top: 0px;
}

.HomePageAnchor:hover
{
    text-decoration: none;
}

.HomePageHeadline
{
    color: rgba(210,129,24,1);
	font-family: Dekiru, Lucida, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-style: normal;
	font-weight: bold;
    text-decoration: none;
    text-shadow: 1px 1px 0px rgba(77,57,37,1);
}

.HomePageQuotation
{
	font-style: oblique;
	font-weight: bold;
	margin-left: 120px;
	margin-right: 40px;
	text-align: right;
}

.HomePageText
{
    color: rgba(210,129,24,1);
    display: inline;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    font-size: 12pt;
}

.HomePageScreenshot
{
    align: right;
    padding: 20px;
}


.HorizontalRuleDark
{
    align: center;
    margin: 5px;
    padding: 0.5px;
    background-color: rgba(64,42,28,1);
}

.HorizontalRuleMid
{
    align: center;
    margin: 5px;
    padding: 0.5px;
    background-color: rgba(196,146,78,1);
}

.HorizontalRuleLight
{
    align: center;
    margin: 5px;
    padding: 0.5px;
    background-color: rgba(226,218,175,1);
}

.Illustration
{
    background-color: rgba(220,190,110,1);
    border: 1px solid rgba(64,42,28,1);
    -webkit-border-radius: 5px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 5px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    display: inline;
    text-align: center;
    margin: 5px;
}

.IllustrationCaption
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(220,190,110,1)), to(rgba(226,218,175,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(220,190,110,1), rgba(226,218,175,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(220,190,110,1), rgba(226,218,175,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(220,190,110,1), rgba(226,218,175,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(220,190,110,1), rgba(226,218,175,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    color: rgba(77,57,37,1) !important;
    font-style: italic;
    padding: 5px;
    text-align: center;
}

.RoleRightsMaintenanceDisplayTableHolder
{
	position: absolute;
		bottom: 30px;
		left: 5px;
		right: 5px;
		top: 40px;
	overflow-y: scroll;
}

.ShopLink
{
    color: #ffcccc !important;
    cursor: pointer;
    font-family: Dekiru, Lucida, Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-style: bold;
    font-size: 1.1em;
    line-height: 20px;
    text-shadow:
        2px 2px 0 rgba(64,42,28,0.67),
        -1px -1px 0 rgba(64,42,28,0.67),
        1px -1px 0 rgba(64,42,28,0.67),
        -1px 1px 0 rgba(64,42,28,0.67),
        1px 1px 0 rgba(64,42,28,0.67);
}

.ShopLink:hover
{
    color: #ffeeee !important;
    text-decoration: none;
    font-size: 1.2em;
    text-shadow:
        2px 2px 0 rgba(64,42,28,0.67),
        -1px -1px 0 rgba(64,42,28,0.67),
        1px -1px 0 rgba(64,42,28,0.67),
        -1px 1px 0 rgba(64,42,28,0.67),
        1px 1px 0 rgba(64,42,28,0.67),
        0 0 8px #ffdddd, 0 0 12px #ffdddd, 0 0 16px #ffdddd;

}

.SideBarLink
{
	color: rgba(226,218,175,1) !important;
	cursor: pointer;
	font-family: Dekiru, Lucida, Arial, Helvetica, sans-serif;
	text-decoration: none;
    font-size: 1.1em;
    line-height: 20px;
}

.SideBarLink:hover
{
	color: rgba(252,248,216,1) !important;
	text-decoration: none;
    font-size: 1.2em;
}

.TextShadowDarkShadow1px {
    text-shadow: 1px 1px 0px rgba(77,57,37,1);
}

.TextShadowDarkShadowOutline {
    text-shadow:
    -1px 0 rgba(64,42,28,1),
    1px 0 rgba(64,42,28,1),
    0 1px rgba(64,42,28,1),
    0 -1px rgba(64,42,28,1);
}

.TextShadowLightOuterGlow4px {
    text-shadow: 0px 0px 4px rgba(252,248,216,1);
}

.TextShadowLightShadow1px {
    text-shadow: 1px 1px 0px rgba(239,233,195,1);
}

.TextShadowLightShadowOutline {
    text-shadow:
    -1px 0 rgba(252,248,216,1),
    1px 0 rgba(252,248,216,1),
    0 1px rgba(252,248,216,1),
    0 -1px rgba(252,248,216,1);
}

.TextStandout {
    color: #af0a0a;
    text-shadow:
        2px 2px 0 rgba(239,233,195,0.67),
        -1px -1px 0 rgba(239,233,195,0.67),
        1px -1px 0 rgba(239,233,195,0.67),
        -1px 1px 0 rgba(239,233,195,0.67),
        1px 1px 0 rgba(239,233,195,0.67);
}

.WarningText
{
    color: rgba(210,129,24,1);
    font-style: italic;
    font-weight: bold;
}



/***************************4
	4	SHARED IDS
4***************************/

#BackgroundImage
{
    background-color: transparent;
    overflow: hidden;
    font-family: Palatino, serif;
    font-weight: normal;
    overflow-x: hidden;
    position: absolute;
        height: auto;
        width: auto;
    z-index: -1;
}

#BambooCorner
{
	background-image: url('http://www.artofwar.cc/application/Assets/Images/TitleArt/BambooCorner.png');
	display: none;
	position: absolute;
		left: 112px;
		height: 18px;
		top: 94px;
		width: 18px;
	z-index: 102;
}

#BambooSide
{
	background-image: url('http://www.artofwar.cc/application/Assets/Images/TitleArt/BambooVertical.png');
	background-repeat: repeat-y;
	position: absolute;
		bottom: 0px;
		height: auto;
		left: 112px;
		top: 0px;
		width: 18px;
	z-index: 102;
}

#BambooTop
{
	background-image: url('http://www.artofwar.cc/application/Assets/Images/TitleArt/BambooHorizontal.png');
	background-repeat: repeat-x;
	position: absolute;
		height: 18px;
		left: 130px;
		right: 0px;
		top: -17px;
		width: auto;
	z-index: 102;
}

#Copyright
{
	color: rgba(239,233,195,1);
	font-size: 0.6em;
	padding: 3px 5px 3px 5px;
	position: absolute;
		bottom: 0px;
		left: 0px;
		width: auto;
    text-shadow: 1px 1px rgba(64,42,28,1);
	z-index: 104;
}

.CopyrightLink, .CopyrightLink:visited
{
    color: rgba(210,129,24,1) !important;
    text-decoration: none !important;
}

.CopyrightLink:hover
{
    color: rgba(219,166,84,1) !important;
    text-decoration: none !important;
}

#FooterBar
{
	font-size: 0.6em;
	padding: 0px 5px 0px 5px;
	position: absolute;
		bottom: 0px;
		width: 0px;
		right: 0px;
	z-index: 103;
}

#LoadingScreen
{
	background: rgba(129,117,73,1);
	display: none;
    opacity: 0.5;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
filter:alpha(opacity=50);
-khtml-opacity:0.5;
-moz-opacity:0.5;	position: absolute;
		bottom: 0px;
		left: 0px;
		right: 0px;
		top: 0px;
	z-index: 999;
}

#LoadingScreenAnimation
{
	background-color: transparent;
	background-image: url('http://www.artofwar.cc/application/Assets/Images/TitleArt/LoadingSpinner.gif');
	background-repeat: no-repeat;
    opacity: 1;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
filter:alpha(opacity=100);
-khtml-opacity:1;
-moz-opacity:1;    height: 64px;
	width: 64px;
    position: absolute;
    left: 0;
    right: 0;
	z-index: 999;
}

#LoadingScreenAnimationHolder {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 64px;
    height: 64px;
    z-index: 999;
}

#MainWindow
{
    background-color: transparent;
    overflow: auto;
    font-family: Palatino, serif;
    font-weight: normal;
    overflow-x: hidden;
    position: absolute;
    bottom: 0px;
    height: auto;
    left: 125px;
    right: 0px;
    top: 0px;
    width: auto;
    text-align: justify;
    z-index: 2;
}

#MasterPage_ViewPort
{
    background-color: transparent;
    overflow: hidden;
    font-family: Palatino, serif;
    font-weight: normal;
    position: absolute;
    bottom: 24px;
    left: 24px;
    right: 24px;
    top: 56px;
    height: auto;
    width: auto;
    text-align: justify;
    z-index: 1 !important;
}

#SideBar
{
	background: transparent;
	font-size: 0.8em;
    margin-left: 10px;
	padding-top: 90px;
	position: absolute;
		bottom: 0px;
		height: auto;
		left: 10px;
		top: 130px;
		width: 85px;
	text-align: center;
	z-index: 101;
}

#SideBarBacking
{
	background: #1a1a0f;
	position: absolute;
		bottom: 0px;
		left: 0px;
		top: 100px;
		width: 120px;
	z-index: 100;
}

#TitleBar
{
	background-color: rgba(239,233,195,1);
	background-image: url('http://www.artofwar.cc/application/Assets/Images/TitleArt/TitleTop.png');
	background-repeat: no-repeat;
	position: absolute;
		height: 0px;
		left: 120px;
		right: 0px;
		top: 0px;
		width: auto;
	z-index: 100;
}

#TitleCorner
{
	background-color: transparent;
	background-image: url('http://www.artofwar.cc/application/Assets/Images/TitleArt/TitleCorner.png');
	background-repeat: no-repeat;
	overflow: hidden;
	position: absolute;
		height: 112px;
		left: 0px;
		top: 0px;
		width: 120px;
	z-index: 101;
}

#TitleSideBottom
{
	background-color: transparent;
	background-image: url('http://www.artofwar.cc/application/Assets/Images/TitleArt/TitleSideBottom.png');
	background-repeat: no-repeat;
	position: absolute;
		bottom: 0px;
		height: 250px;
		left: 0px;
		width: 120px;
	z-index: 101;
}

#TitleSideTile
{
	background-color: transparent;
	background-image: url('http://www.artofwar.cc/application/Assets/Images/TitleArt/TitleSideTile.png');
	background-repeat: repeat-y;
	position: absolute;
		bottom: 250px;
		height: auto;
		left: 0px;
		top: 362px;
		width: 120px;
	z-index: 101;
}

#TitleSideTop
{
	background-color: transparent;
	background-image: url('http://www.artofwar.cc/application/Assets/Images/TitleArt/TitleSideTop.png');
	background-repeat: no-repeat;
	position: absolute;
		height: 350px;
		left: 0px;
		top: 112px;
		width: 120px;
	z-index: 101;
}



/***************************6
        FORMATS
****************************/
.BackgroundPaleGradientFadeoutLTR
{
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(252,248,216,0)), to(rgba(239,233,195,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(left, rgba(252,248,216,0), rgba(239,233,195,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(left, rgba(252,248,216,0), rgba(239,233,195,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(left, rgba(252,248,216,0), rgba(239,233,195,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to right, rgba(252,248,216,0), rgba(239,233,195,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

.BackgroundPaleGradientFadeoutRTL
{
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(239,233,195,1)), to(rgba(252,248,216,0))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(left, rgba(239,233,195,1), rgba(252,248,216,0)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(left, rgba(239,233,195,1), rgba(252,248,216,0)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(left, rgba(239,233,195,1), rgba(252,248,216,0)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to right, rgba(239,233,195,1), rgba(252,248,216,0)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

.BackgroundRichTopGradient
{
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(160,80,30,1)), to(rgba(90,72,46,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(160,80,30,1), rgba(90,72,46,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(160,80,30,1), rgba(90,72,46,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(160,80,30,1), rgba(90,72,46,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(160,80,30,1), rgba(90,72,46,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    color: rgba(220,190,110,1) !important;
}

.BackgroundGoldTopGradientHover
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(154,122,42,1)), to(#f59c05)); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(154,122,42,1), #f59c05); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(154,122,42,1), #f59c05); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(154,122,42,1), #f59c05); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(154,122,42,1), #f59c05); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    color: rgba(239,233,195,1) !important;
    -webkit-transition-duration: 2.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 2.25s;  /* Firefox 4-15 */
-o-transition-duration: 2.25s;  /* Opera 10.50–12.00 */
transition-duration: 2.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}

.BackgroundGoldTopGradientHover:hover
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(190,164,64,1)), to(#fffd78)); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(190,164,64,1), #fffd78); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(190,164,64,1), #fffd78); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(190,164,64,1), #fffd78); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(190,164,64,1), #fffd78); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    color: rgba(252,248,216,1) !important;
}

.BackgroundRedGoldTopGradientHover
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(#af0a0a), to(#f59c05)); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, #af0a0a, #f59c05); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, #af0a0a, #f59c05); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, #af0a0a, #f59c05); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, #af0a0a, #f59c05); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    color: rgba(64,42,28,1) !important;
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}

.BackgroundRedGoldTopGradientHover:hover
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(#af0a0a), to(#fffd78)); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, #af0a0a, #fffd78); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, #af0a0a, #fffd78); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, #af0a0a, #fffd78); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, #af0a0a, #fffd78); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    color: rgba(64,42,28,1) !important;
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}

.BackgroundRichTopGradientHover
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(160,80,30,1)), to(rgba(90,72,46,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(160,80,30,1), rgba(90,72,46,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(160,80,30,1), rgba(90,72,46,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(160,80,30,1), rgba(90,72,46,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(160,80,30,1), rgba(90,72,46,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    color: rgba(220,190,110,1) !important;
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}

.BackgroundRichTopGradientHover:hover
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(172,102,46,1)), to(rgba(103,87,55,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(172,102,46,1), rgba(103,87,55,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(172,102,46,1), rgba(103,87,55,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(172,102,46,1), rgba(103,87,55,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(172,102,46,1), rgba(103,87,55,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    color: rgba(220,190,110,1) !important;
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}



/***************************7
        BORDERS
****************************/

.BorderCurvedTop2
{
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.BorderCurvedTop4
{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.BorderCurvedTop5
{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.BorderCurvedTop7
{
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.BorderCurvedBottomLeft2
{
    border-bottom-left-radius: 2px;
}

.BorderCurved2pxDark
{
    -webkit-border-radius: 2px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 2px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    border: 1px solid rgba(64,42,28,1);
}

.BorderCurved2pxTransparent
{
    -webkit-border-radius: 2px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 2px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    border: 1px transparent;
}

.BorderCurved5pxDark
{
    -webkit-border-radius: 5px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 5px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    border: 1px solid rgba(64,42,28,1);
}

.BorderCurved5pxDark2pxThick
{
    -webkit-border-radius: 5px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 5px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    border: 2px solid rgba(64,42,28,1);
}

.BorderCurved5pxTransparent2pxThick
{
    -webkit-border-radius: 5px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 5px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    border: 2px solid transparent;
}

.BorderCurved10pxDark
{
    -webkit-border-radius: 10px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 10px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
border: 1px solid rgba(64,42,28,1);
}

.BorderCurved5pxNone
{
    -webkit-border-radius: 5px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 5px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    border: 0px;
}

.BorderCurved10pxNone
{
    -webkit-border-radius: 10px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 10px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
border: 0px;
}

.BorderRightDark
{
    border-right: 1px solid rgba(64,42,28,1);
}

.BorderRightDarkSoft
{
    border-right: 1px solid rgba(64,42,28,0.33);
}



/*********************BUTTONS
		BUTTONS
****************************/

.Button
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(77,57,37,1)), to(rgba(118,80,21,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(77,57,37,1), rgba(118,80,21,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(77,57,37,1), rgba(118,80,21,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(77,57,37,1), rgba(118,80,21,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(77,57,37,1), rgba(118,80,21,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
border: 1px outset rgba(116,102,64,1);
    -webkit-border-radius: 6px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 6px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
color: rgba(226,218,175,1);
    cursor: pointer;
    font-family: Dekiru, Lucida, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    margin: 0px;
    padding: 2px 5px 2px 5px;
    text-align: center;
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */    user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none;}

.Button:hover, .IconButton:hover
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(103,87,55,1)), to(rgba(172,102,46,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(103,87,55,1), rgba(172,102,46,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(103,87,55,1), rgba(172,102,46,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(103,87,55,1), rgba(172,102,46,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(103,87,55,1), rgba(172,102,46,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    color: rgba(232,222,175,1);
    border: 1px outset rgba(129,117,73,1);
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}

.ButtonBar
{
	list-style-type: none;
}

.ButtonLight
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(226,218,175,1)), to(rgba(239,233,195,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(226,218,175,1), rgba(239,233,195,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(226,218,175,1), rgba(239,233,195,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(226,218,175,1), rgba(239,233,195,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(226,218,175,1), rgba(239,233,195,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    border: 1px outset rgba(116,102,64,1);
    -webkit-border-radius: 6px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 6px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    color: rgba(226,218,175,1);
    cursor: pointer;
    font-family: Dekiru, Lucida, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    margin: 0px;
    padding: 2px 5px 2px 5px;
    text-align: center;
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */    user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none;}

.ButtonLight:hover
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(239,233,195,1)), to(rgba(252,248,216,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(239,233,195,1), rgba(252,248,216,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(239,233,195,1), rgba(252,248,216,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(239,233,195,1), rgba(252,248,216,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(239,233,195,1), rgba(252,248,216,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    color: rgba(232,222,175,1);
    border: 1px outset rgba(129,117,73,1);
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}

.ButtonVivid
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(214,148,54,1)), to(rgba(118,80,21,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(214,148,54,1), rgba(118,80,21,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(214,148,54,1), rgba(118,80,21,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(214,148,54,1), rgba(118,80,21,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(214,148,54,1), rgba(118,80,21,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    border: 1px outset rgba(228,203,145,1);
    -webkit-border-radius: 6px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 6px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    color: rgba(226,218,175,1);
    cursor: pointer;
    font-family: Dekiru, Lucida, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    margin: 0px;
    padding: 2px 5px 2px 5px;
    text-align: center;
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */    user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none;}

.ButtonVivid:hover
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(223,185,115,1)), to(rgba(172,102,46,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(223,185,115,1), rgba(172,102,46,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(223,185,115,1), rgba(172,102,46,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(223,185,115,1), rgba(172,102,46,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(223,185,115,1), rgba(172,102,46,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    color: rgba(232,222,175,1);
    border: 1px outset rgba(232,222,175,1);
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}

.IconButton
{
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(77,57,37,1)), to(rgba(118,80,21,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(77,57,37,1), rgba(118,80,21,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(77,57,37,1), rgba(118,80,21,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(77,57,37,1), rgba(118,80,21,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(77,57,37,1), rgba(118,80,21,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    border: 1px outset rgba(116,102,64,1);
    -webkit-border-radius: 6px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 6px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    color: rgba(226,218,175,1);
    cursor: pointer;
    font-family: Dekiru, Lucida, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    margin: 0px;
    width: 16px;
    padding: 2px 5px 2px 5px;
    text-align: center;
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */    user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none;}

.MailIconText {
    position: relative;
    bottom: 0;
    right: 8px;
    background-color: #000000;
    padding: 2px;
    font-size: 10px !important;
    font-weight: normal !important;
    font-family: Lucida, Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-shadow: none !important;
}



/**********************FORUMS
		FORUMS
****************************/

.forumBB_header
{
	width: 95%;
}

.forumBB_row
{
	background-color: #C29956;
	border: solid 2px #C29956;
	border-bottom-color: #816639;
	border-right-color: #614C2B;
	border-top-color: #C29956;
	border-left-color: #A28048;
}

.forumBB_rowStandard
{
	height: auto;
}



/************************GAMES
		   GAMES
*****************************/

#GameBarBottom {
    background: rgba(239,233,195,1);
    position: absolute;
    right: 95px;
    left: 95px;
    bottom: 0;
    height: 40px;
    z-index: 900;
}

#GameBarBottomContentHolder {
    position: absolute;
    bottom: 24px;
    width: 100%;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/GamePage/SeamlessParchment.jpg');
    background-repeat: repeat;
    font-family: Dekiru;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    text-align: left;
}

#GameBarLeft {
    background: rgba(239,233,195,1);
    position: absolute;
    top: 75px;
    left: 0;
    bottom: 95px;
    width: 50px;
    z-index: 900;
}

#GameBarRight {
    background: rgba(239,233,195,1);
    position: absolute;
    top: 75px;
    right: 0;
    bottom: 95px;
    width: 50px;
    z-index: 900;
}

#GameBarTop {
    background: rgba(239,233,195,1);
    position: absolute;
    right: 75px;
    left: 75px;
    top: 0;
    height: 25px;
    z-index: 900;
}

#GameBarTopContentHolder {
    position: absolute;
    top: 24px;
    width: 100%;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/GamePage/SeamlessParchment.jpg');
    background-repeat: repeat;
    font-family: Dekiru;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
}

.GameBrowserCellInformation {
    position: absolute;
    top: 0px;
    right: 0px;
    border-left: rgba(64,42,28,1) 1px solid;
    border-bottom: rgba(64,42,28,1) 1px solid;
    border-bottom-left-radius: 5px;
    padding: 2px 2px 5px 5px;
}

.GameButton50px {
    position: relative;
    height: 48px;
    width: 48px;
    -webkit-border-radius: 10px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 10px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    border: 1px rgba(136,101,32,1) outset;
    cursor: pointer;
    margin-bottom: 2px;
    margin-top: 2px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(239,233,195,1)), to(rgba(172,143,53,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(239,233,195,1), rgba(172,143,53,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(239,233,195,1), rgba(172,143,53,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(239,233,195,1), rgba(172,143,53,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(239,233,195,1), rgba(172,143,53,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    z-index: 901;
    overflow: hidden;
    pointer: cursor;
}

.GameButton75px {
    position: relative;
    height: 73px;
    width: 73px;
    -webkit-border-radius: 10px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 10px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    border: 1px rgba(136,101,32,1) outset;
    cursor: pointer;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(239,233,195,1)), to(rgba(172,143,53,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(239,233,195,1), rgba(172,143,53,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(239,233,195,1), rgba(172,143,53,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(239,233,195,1), rgba(172,143,53,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(239,233,195,1), rgba(172,143,53,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    z-index: 901;
    overflow: hidden;
    pointer: cursor;
}

.GameButton95px {
    position: relative;
    height: 93px;
    width: 93px;
    -webkit-border-radius: 10px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 10px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    border: 1px rgba(136,101,32,1) outset;
    cursor: pointer;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(239,233,195,1)), to(rgba(172,143,53,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(239,233,195,1), rgba(172,143,53,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(239,233,195,1), rgba(172,143,53,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(239,233,195,1), rgba(172,143,53,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(239,233,195,1), rgba(172,143,53,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    z-index: 901;
    overflow: hidden;
    pointer: cursor;
}

.GameButton50px:hover, .GameButton75px:hover, .GameButton95px:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(252,248,216,1)), to(rgba(190,164,64,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(252,248,216,1), rgba(190,164,64,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(252,248,216,1), rgba(190,164,64,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(252,248,216,1), rgba(190,164,64,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(252,248,216,1), rgba(190,164,64,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    -webkit-transition-duration: 0.5s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.5s;  /* Firefox 4-15 */
-o-transition-duration: 0.5s;  /* Opera 10.50–12.00 */
transition-duration: 0.5s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}

.GameButtonBackground {
    position: absolute;
}

#GameControlBottomLeft {
    background-color: rgba(239,233,195,1);
    border-top-right-radius: 12px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 95px;
    height: 95px;
    z-index: 901;
}

#GameControlBottomRight {
    background-color: rgba(239,233,195,1);
    border-top-left-radius: 12px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 95px;
    height: 95px;
    z-index: 901;
}

#GameControlTopLeft {
    background-color: rgba(239,233,195,1);
    border-bottom-right-radius: 12px;
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 75px;
    z-index: 901;
}

#GameControlTopRight {
    background-color: rgba(239,233,195,1);
    border-bottom-left-radius: 12px;
    position: absolute;
    right: 0;
    top: 0;
    width: 75px;
    height: 75px;
    z-index: 901;
}

#GameInformationHolder {
    background: rgba(239,233,195,1);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 25px;
    z-index: 900;
}

.GameScroll {
    position: absolute;
    left: 12px;
    right: 12px;
    top: 0;
    height: 24px;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/GamePage/Scroll.png');
    cursor: pointer;
    font-family: Dekiru;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
}

.GameScrollHolderLeft {
    position: absolute;
    left: 3px;
    top: 0;
    height: 24px;
    width: 9px;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/GamePage/ScrollHolderLeft.png');
}

.GameScrollHolderRight {
    position: absolute;
    right: 3px;
    top: 0;
    height: 24px;
    width: 9px;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/GamePage/ScrollHolderRight.png');
}

#GameLogHolder {
    background: rgba(239,233,195,1);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 25px;
    z-index: 900;
}

#GameNotificationHolder {
    background: rgba(239,233,195,1);
    position: absolute;
    bottom: 0;
    left: -127px;
    right: -127px;
    height: 15px;
    z-index: 900;
}

#GameNotificationGlobalHolder {
    background: rgba(239,233,195,1);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 127px;
    right: 127px;
    height: 15px;
    z-index: 900;
}

#GameNotificationTeamHolder {
    background: rgba(239,233,195,1);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 127px;
    right: 127px;
    height: 15px;
    z-index: 900;
}

#GameViewport {
    position: absolute;
    left: 50px;
    right: 50px;
    top: 25px;
    bottom: 40px;
}

#GameVignetteTop {
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    top: 0;
    height: 20px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(239,233,195,1)), to(rgba(239,233,195,0))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(239,233,195,1), rgba(239,233,195,0)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(239,233,195,1), rgba(239,233,195,0)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(239,233,195,1), rgba(239,233,195,0)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(239,233,195,1), rgba(239,233,195,0)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

#GameVignetteLeft {
    position: absolute;
    z-index: 5;
    left: 0;
    bottom: 0;
    top: 0;
    width: 20px;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(239,233,195,1)), to(rgba(239,233,195,0))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(left, rgba(239,233,195,1), rgba(239,233,195,0)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(left, rgba(239,233,195,1), rgba(239,233,195,0)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(left, rgba(239,233,195,1), rgba(239,233,195,0)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to right, rgba(239,233,195,1), rgba(239,233,195,0)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

#GameVignetteBottom {
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    bottom: 0;
    height: 20px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(239,233,195,0)), to(rgba(239,233,195,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(239,233,195,0), rgba(239,233,195,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(239,233,195,0), rgba(239,233,195,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(239,233,195,0), rgba(239,233,195,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(239,233,195,0), rgba(239,233,195,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

#GameVignetteRight {
    position: absolute;
    z-index: 5;
    right: 0;
    bottom: 0;
    top: 0;
    width: 20px;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(239,233,195,0)), to(rgba(239,233,195,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(left, rgba(239,233,195,0), rgba(239,233,195,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(left, rgba(239,233,195,0), rgba(239,233,195,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(left, rgba(239,233,195,0), rgba(239,233,195,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to right, rgba(239,233,195,0), rgba(239,233,195,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

._GameTerritoryEmpireIcon
{
    z-index: 1000;
}

._GameTerritoryTroopIcon
{
    z-index: 1100;
}

.TerritoryCounter
{
    position: absolute;
    z-index:100;
}

.TerritoryCounterHighlight
{
    position: absolute;
    z-index: 101;
}

.TerritoryCounterIcon
{
    position: absolute;
    z-index: 102;
}

.TerritoryCounterNumeral
{
    position: absolute;
    z-index: 103;
}



/************************MAPS
		   MAPS
****************************/

#MapZoneHeader
{
    padding: 2px 2px 2px 22px;
    position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        height: 20px;
}

#MapZonePanel
{
    overflow-y: auto;
    padding: 2px 2px 2px 22px;
    position: absolute;
        bottom: 0px;
        top: 22px;
        left: 0px;
        right: 0px;
}

#MapZonePanelHolder, #ScenarioTabsHolder
{
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(116,102,64,1)), to(rgba(90,72,46,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(116,102,64,1), rgba(90,72,46,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(116,102,64,1), rgba(90,72,46,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(116,102,64,1), rgba(90,72,46,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(116,102,64,1), rgba(90,72,46,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    -webkit-border-radius: 6px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 6px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    color: rgba(239,233,195,1);
    padding-left: 20px;
    position: absolute;
        top: 0px;
        left: -20px;
        width: 400px;
        bottom: 0px;
    z-index: 101;
}

.MapTerritoryBorderHolder
{
    border-top: 1px solid black;
    position: absolute;
        left: 3px;
        right: 3px;
        bottom: 3px;
        height: 12px;
}

.MapTerritoryPlaceholderName
{
    cursor: pointer;
    display: table-cell;
    font-size: 0.65em;
    font-style: italic;
    padding: 2px;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

.Selector
{
    border: 1px dashed #ff0000;
    position: absolute !important;
    z-index: 5;
}

.SelectorBackground
{
    background-color: #ffcccc;
    opacity: 0.5;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
filter:alpha(opacity=50);
-khtml-opacity:0.5;
-moz-opacity:0.5;    position: absolute;
}

.TerritoryPlaceholder
{
    position: absolute;
    z-index: 4;
}

.TerritoryPlaceholderApprovalCheckbox
{
	position: absolute;
		width: 10px;
		height: 10px;
		right: 3px;
		top: 3px;
}

.TerritoryPlaceholderBackground
{
    opacity: 0.5;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
filter:alpha(opacity=50);
-khtml-opacity:0.5;
-moz-opacity:0.5;	position: absolute;
}

.TerritoryPlaceholderImage
{
	background: transparent;
	cursor: pointer;
	position: absolute;
}



/***********************MENUS
		MENUS
****************************/

.ContextMenu
{
	background: rgba(90,72,46,1);
	border: 1px outset rgba(208,168,94,1);
    -webkit-border-radius: 3px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 3px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
	display: none;
    font-size: 0.7em;
    margin: 0px;
	padding: 0px;
	position: absolute;
    width: auto;
	z-index: 200;
}

.ContextMenu tr
{
	margin: 0px;
	padding: 0px;
}

.ContextMenu td
{
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(116,102,64,1)), to(rgba(90,72,46,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(116,102,64,1), rgba(90,72,46,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(116,102,64,1), rgba(90,72,46,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(116,102,64,1), rgba(90,72,46,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(116,102,64,1), rgba(90,72,46,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	border: 1px outset rgba(208,168,94,1);
    -webkit-border-radius: 2px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 2px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
	color: rgba(239,233,195,1);
	cursor: pointer;
	padding: 2px;
}

.ContextMenu td:hover
{
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(129,117,73,1)), to(rgba(103,87,55,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(129,117,73,1), rgba(103,87,55,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(129,117,73,1), rgba(103,87,55,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(129,117,73,1), rgba(103,87,55,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(129,117,73,1), rgba(103,87,55,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	border: 1px outset rgba(208,168,94,1);
	color: rgba(239,233,195,1);
}

.MenuBar
{
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(116,102,64,1)), to(rgba(90,72,46,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(116,102,64,1), rgba(90,72,46,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(116,102,64,1), rgba(90,72,46,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(116,102,64,1), rgba(90,72,46,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(116,102,64,1), rgba(90,72,46,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    -webkit-border-radius: 6px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 6px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
	font-size: 0.75em;
	font-family: Lucida, Arial, Helvetica, sans-serif;
	margin: 3px 3px 3px 3px;
	list-style-type: none;
	padding: 1px 1px 1px 20px;
	position: absolute;
		height: 25px;
		left: -20px;
		width: auto;
}

.MenuCategory
{
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(103,87,55,1)), to(rgba(118,80,21,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(103,87,55,1), rgba(118,80,21,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(103,87,55,1), rgba(118,80,21,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(103,87,55,1), rgba(118,80,21,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(103,87,55,1), rgba(118,80,21,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    border: 1px outset rgba(118,80,21,1);
    -webkit-border-radius: 4px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 4px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
	color: rgba(239,233,195,1);
	float: left;
	margin: 2px;
	text-align: center;
	width: 90px;
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}

.MenuCategory:hover
{
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(103,87,55,1)), to(rgba(172,102,46,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(103,87,55,1), rgba(172,102,46,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(103,87,55,1), rgba(172,102,46,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(103,87,55,1), rgba(172,102,46,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(103,87,55,1), rgba(172,102,46,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    border: 1px outset rgba(172,102,46,1);
	color: rgba(232,222,175,1);
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}


.MenuElement
{
	position: relative;
	z-index: 97 !important;
    font-family: Dekiru, Lucida, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
}

.MenuItem
{
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(103,87,55,1)), to(rgba(118,80,21,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(103,87,55,1), rgba(118,80,21,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(103,87,55,1), rgba(118,80,21,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(103,87,55,1), rgba(118,80,21,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(103,87,55,1), rgba(118,80,21,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    border: 1px outset rgba(118,80,21,1);
    -webkit-border-radius: 2px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 2px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
	color: rgba(239,233,195,1);
	padding: 0.2em;
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}

.MenuItem:hover
{
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(103,87,55,1)), to(rgba(172,102,46,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(103,87,55,1), rgba(172,102,46,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(103,87,55,1), rgba(172,102,46,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(103,87,55,1), rgba(172,102,46,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(103,87,55,1), rgba(172,102,46,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    border: 1px outset rgba(172,102,46,1);
	color: rgba(232,222,175,1);
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}

.MenuList
{
	background: rgba(103,87,55,1);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	display: none;
	float: left;
	font-size: 0.9em;
	height: auto;
	list-style-type: none;
	margin: 1px;
	margin-top: 0px;
	padding: 1px;
	padding-top: 0px;
	width: 92px;
}



/**********************PANELS
		PANELS
****************************/

.HeaderBright
{
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(184,124,62,1)), to(rgba(116,102,64,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(184,124,62,1), rgba(116,102,64,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(184,124,62,1), rgba(116,102,64,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(184,124,62,1), rgba(116,102,64,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(184,124,62,1), rgba(116,102,64,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    color: rgba(220,190,110,1) !important;
    padding: 2px;
    -webkit-border-radius: 2px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 2px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
}

.HeaderLight
{
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(252,248,216,0)), to(rgba(239,233,195,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(252,248,216,0), rgba(239,233,195,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(252,248,216,0), rgba(239,233,195,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(252,248,216,0), rgba(239,233,195,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(252,248,216,0), rgba(239,233,195,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    color: rgba(90,72,46,1) !important;
    padding: 2px;
    -webkit-border-radius: 2px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 2px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
}

.HeaderLightLTR
{
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(239,233,195,1)), to(rgba(252,248,216,0))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(left, rgba(239,233,195,1), rgba(252,248,216,0)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(left, rgba(239,233,195,1), rgba(252,248,216,0)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(left, rgba(239,233,195,1), rgba(252,248,216,0)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to right, rgba(239,233,195,1), rgba(252,248,216,0)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    color: rgba(90,72,46,1) !important;
    padding: 2px;
    -webkit-border-radius: 2px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 2px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
}

.HeaderLightRTL
{
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(252,248,216,0)), to(rgba(239,233,195,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(left, rgba(252,248,216,0), rgba(239,233,195,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(left, rgba(252,248,216,0), rgba(239,233,195,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(left, rgba(252,248,216,0), rgba(239,233,195,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to right, rgba(252,248,216,0), rgba(239,233,195,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    color: rgba(90,72,46,1) !important;
    padding: 2px;
    -webkit-border-radius: 2px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 2px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
}

.HeaderStandard
{
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(160,80,30,1)), to(rgba(90,72,46,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(160,80,30,1), rgba(90,72,46,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(160,80,30,1), rgba(90,72,46,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(160,80,30,1), rgba(90,72,46,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(160,80,30,1), rgba(90,72,46,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    color: rgba(220,190,110,1) !important;
    padding: 2px;
    -webkit-border-radius: 2px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 2px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
}

.PanelContrast
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(213,203,154,0.33)), to(rgba(208,168,94,0.33))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(213,203,154,0.33), rgba(208,168,94,0.33)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(213,203,154,0.33), rgba(208,168,94,0.33)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(213,203,154,0.33), rgba(208,168,94,0.33)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(213,203,154,0.33), rgba(208,168,94,0.33)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
border: 1px outset rgba(103,87,55,1);
    -webkit-border-radius: 8px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 8px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
padding: 8px;
}

.PanelContrastHard
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(213,203,154,0.67)), to(rgba(208,168,94,0.67))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(213,203,154,0.67), rgba(208,168,94,0.67)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(213,203,154,0.67), rgba(208,168,94,0.67)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(213,203,154,0.67), rgba(208,168,94,0.67)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(213,203,154,0.67), rgba(208,168,94,0.67)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
border: 1px outset rgba(103,87,55,1);
    -webkit-border-radius: 8px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 8px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
padding: 8px;
}

.PanelContrastHover
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(213,203,154,0.67)), to(rgba(208,168,94,0.67))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(213,203,154,0.67), rgba(208,168,94,0.67)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(213,203,154,0.67), rgba(208,168,94,0.67)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(213,203,154,0.67), rgba(208,168,94,0.67)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(213,203,154,0.67), rgba(208,168,94,0.67)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    border: 1px outset rgba(103,87,55,1);
    -webkit-border-radius: 8px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 8px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    padding: 8px;
}

.PanelContrastHover:hover
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(226,218,175,0.67)), to(rgba(220,190,110,0.67))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(226,218,175,0.67), rgba(220,190,110,0.67)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(226,218,175,0.67), rgba(220,190,110,0.67)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(226,218,175,0.67), rgba(220,190,110,0.67)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(226,218,175,0.67), rgba(220,190,110,0.67)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
border: 1px outset rgba(103,87,55,1);
    -webkit-border-radius: 8px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 8px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
padding: 8px;
}

.PanelContrastSquare
{
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(213,203,154,0.33)), to(rgba(208,168,94,0.33))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(213,203,154,0.33), rgba(208,168,94,0.33)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(213,203,154,0.33), rgba(208,168,94,0.33)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(213,203,154,0.33), rgba(208,168,94,0.33)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(213,203,154,0.33), rgba(208,168,94,0.33)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	border: 0px;
}

.PanelLightHard
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(226,218,175,1)), to(rgba(252,248,216,0.67))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(226,218,175,1), rgba(252,248,216,0.67)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(226,218,175,1), rgba(252,248,216,0.67)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(226,218,175,1), rgba(252,248,216,0.67)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(226,218,175,1), rgba(252,248,216,0.67)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
border: 1px outset rgba(103,87,55,1);
    -webkit-border-radius: 8px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 8px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
padding: 8px;
}

.PanelStandard
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(226,218,175,0.33)), to(rgba(200,188,134,0.33))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(226,218,175,0.33), rgba(200,188,134,0.33)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(226,218,175,0.33), rgba(200,188,134,0.33)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(226,218,175,0.33), rgba(200,188,134,0.33)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(226,218,175,0.33), rgba(200,188,134,0.33)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    border: 1px outset rgba(103,87,55,1);
    -webkit-border-radius: 8px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 8px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    padding: 8px;
}

.PanelStandardInsetDarkHard
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.9)), to(rgba(0,0,0,0.5))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.9), rgba(0,0,0,0.5)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(0,0,0,0.9), rgba(0,0,0,0.5)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(0,0,0,0.9), rgba(0,0,0,0.5)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(0,0,0,0.9), rgba(0,0,0,0.5)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    border: 1px inset rgba(103,87,55,1);
    -webkit-border-radius: 8px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 8px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    padding: 8px;
}

.PanelStandardInsetSoft
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(226,218,175,0.33)), to(rgba(200,188,134,0.33))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(226,218,175,0.33), rgba(200,188,134,0.33)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(226,218,175,0.33), rgba(200,188,134,0.33)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(226,218,175,0.33), rgba(200,188,134,0.33)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(226,218,175,0.33), rgba(200,188,134,0.33)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    border: 1px inset rgba(103,87,55,1);
    -webkit-border-radius: 8px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 8px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    padding: 8px;
}

.PanelStandardInsetHard
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(226,218,175,0.67)), to(rgba(200,188,134,0.67))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(226,218,175,0.67), rgba(200,188,134,0.67)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(226,218,175,0.67), rgba(200,188,134,0.67)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(226,218,175,0.67), rgba(200,188,134,0.67)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(226,218,175,0.67), rgba(200,188,134,0.67)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    border: 1px inset rgba(103,87,55,1);
    -webkit-border-radius: 8px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 8px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    padding: 8px;
}

.PanelStandardInsetSolid
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(226,218,175,1)), to(rgba(200,188,134,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(226,218,175,1), rgba(200,188,134,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(226,218,175,1), rgba(200,188,134,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(226,218,175,1), rgba(200,188,134,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(226,218,175,1), rgba(200,188,134,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    border: 1px inset rgba(103,87,55,1);
    -webkit-border-radius: 8px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 8px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    padding: 8px;
}

.PanelStandardSquare
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(226,218,175,0.33)), to(rgba(200,188,134,0.33))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(226,218,175,0.33), rgba(200,188,134,0.33)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(226,218,175,0.33), rgba(200,188,134,0.33)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(226,218,175,0.33), rgba(200,188,134,0.33)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(226,218,175,0.33), rgba(200,188,134,0.33)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    border: 0;
}



/**********************POPUPS
		POPUPS
****************************/

.Popup {
	background-color: rgba(239,233,195,1);
    -webkit-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.3) ; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.3) ; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */    color: rgba(77,57,37,1);
	display: none;
	margin: 5px;
	position: absolute;
	z-index: 999;
}

.PopupAction {
	cursor: move;
	text-align: center;
	vertical-align: middle;
    padding: 2px 4px !important;
}

.PopupDisplay {
    margin: 2px 25px 25px 25px;
}

.PopupHeader {
    border: 3px ridge #af0a0a;
	cursor: move;
	font-weight: bold;
    line-height: 22px;
    padding-left: 40px;
}

.Popup:input {
	background: rgba(239,233,195,1);
	color: rgba(77,57,37,1);
	width: 100%;
}

.Popup_Boss_BottomLeft {
    position: absolute;
    bottom: -98px;
    left: -18px;
    width: 54px;
    height: 134px;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/Popup/Boss_Tassel_Left.png');
}

.Popup_Boss_BottomLeft_Cancel {
    position: absolute;
    bottom: -98px;
    left: -18px;
    width: 54px;
    height: 134px;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/Popup/Boss_Tassel_Left_Cancel.png');
    cursor: pointer;
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}

.Popup_Boss_BottomLeft_Cancel:hover {
    background-image: url('http://www.artofwar.cc/application/Assets/Images/Popup/Boss_Tassel_Left_Cancel_Hover.png');
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}

.Popup_Boss_BottomRight {
    position: absolute;
    bottom: -98px;
    right: -18px;
    width: 54px;
    height: 134px;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/Popup/Boss_Tassel_Right.png');
}

.Popup_Boss_BottomRight_OK {
    position: absolute;
    bottom: -98px;
    right: -18px;
    width: 54px;
    height: 134px;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/Popup/Boss_Tassel_Right_OK.png');
    cursor: pointer;
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}

.Popup_Boss_BottomRight_OK:hover {
    background-image: url('http://www.artofwar.cc/application/Assets/Images/Popup/Boss_Tassel_Right_OK_Hover.png');
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}

.Popup_Boss_TopLeft {
    position: absolute;
    top: -12px;
    left: -16px;
    width: 52px;
    height: 50px;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/Popup/Boss_Left.png');
}

.Popup_Boss_TopRight {
    position: absolute;
    top: -12px;
    right: -16px;
    width: 52px;
    height: 50px;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/Popup/Boss_Right.png');
}

.Popup_InnerBorder_Bottom {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 23px;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Border_Bottom.png');
    background-repeat: repeat-x;
}

.Popup_InnerBorder_Left {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 23px;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Border_Left.png');
    background-repeat: repeat-y;
}

.Popup_InnerBorder_Right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 23px;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/Border_Right.png');
    background-repeat: repeat-y;
}

.Popup_ShutterPattern_Bottom {
    position: absolute;
    right: 0;
    bottom: 7px;
    left: 0;
    height: 9px;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/ShutterPattern_Horizontal.png');
    background-repeat: repeat-x;
}

.Popup_ShutterPattern_Left {
    position: absolute;
    top: 0;
    left: 7px;
    bottom: 0;
    width: 9px;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/ShutterPattern_Vertical.png');
    background-repeat: repeat-y;
}

.Popup_ShutterPattern_Right {
    position: absolute;
    top: 0;
    right: 7px;
    bottom: 0;
    width: 9px;
    background-image: url('http://www.artofwar.cc/application/Assets/Images/MasterPage/ShutterPattern_Vertical.png');
    background-repeat: repeat-y;
}



/********************PROJECTS
		PROJECTS
****************************/

#ProjectDisplayArea
{
    overflow: hidden;
	padding: 5px;
    height: 100%;
}

.LogDisplay
{
    position: relative;
}

.LogHeader
{
    font-size: 1.4em;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    height: 25px;
    text-align: center;
}

.LogHolder
{
    background: rgba(226,218,175,1);
    border: 1px solid rgba(103,87,55,1);
    -webkit-border-radius: 8px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 8px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    -webkit-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.3) ; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.3) ; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */    font-size: 0.8em;
    position: absolute;
    top: 10px;
    left: 10px;
    height: 50%;
    width: 50%;
    z-index: 2000;
}

.LogHolderEmbedded
{
    background: rgba(226,218,175,1);
    border: 1px solid rgba(103,87,55,1);
    -webkit-border-radius: 5px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 5px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    font-size: 0.8em;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

.LogTabDisplay
{
	background: transparent;
	border: 1px inset rgba(116,102,64,1);
    -webkit-border-radius: 4px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 4px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
	position: relative;
		bottom: 25px;
		left: 0px;
		right: 0px;
        top: 0px;
	margin: 5px;
	padding: 0px;
	overflow-y: scroll;
}

.LogTabFooter
{
    background: transparent;
    padding: 0px;
    position: relative;
    bottom: 0px;
    height: 25px;
    left: 0px;
    right: 0px;
}

.LogTabDisplay ol, .LogTabDisplay ul
{
    margin-left:50px;
}

#ProjectIconHolder
{
	position: absolute;
    top: 0;
    left: 0;
    height: 90px;
    width: 90px;
}

#ProjectIconIDHolder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 90px;
}

#ProjectIDHolder {
    position: absolute;
    top: 0;
    right: 0;
    height: 90px;
    width: 90px;
    font-family: Dekiru, Lucida, Arial, Helvetica, sans-serif;
    color: rgba(210,129,24,1);
    font-size: 14pt;
    font-style: normal;
    font-weight: bold;
    text-shadow: 1px 1px 0px rgba(77,57,37,1);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#ProjectIconImage
{
	padding: 5px;
    opacity: 0.33;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=33)';
filter:alpha(opacity=33);
-khtml-opacity:0.33;
-moz-opacity:0.33;	z-index: 4;
}

#ProjectInfoHolder
{
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
    bottom: 0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(220,190,110,0.33)), to(rgba(208,168,94,0.33))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(220,190,110,0.33), rgba(208,168,94,0.33)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(220,190,110,0.33), rgba(208,168,94,0.33)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(220,190,110,0.33), rgba(208,168,94,0.33)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(220,190,110,0.33), rgba(208,168,94,0.33)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    border: 0px none;
	z-index: 1;
}

#ProjectMessageLogButton
{
	position: absolute;
		top: 85px;
		bottom: 5px;
		left: 5px;
		right: 5px;
}




/**********************TABLES
		TABLES
****************************/

.BrowserDisplayTable
{
	background-color: transparent;
	border: 2px rgba(64,42,28,1) solid;
    -webkit-border-radius: 4px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 4px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
	display: table;
	width: 100%;
}

.BrowserDisplayTable ._Anchor
{
    color: rgba(220,190,110,1) !important;
    text-decoration: none;
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}

.BrowserDisplayTable ._Anchor:hover
{
    color: rgba(239,233,195,1) !important;
}

.BrowserDisplayTable th
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(90,72,46,1)), to(rgba(136,101,32,0.33))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(90,72,46,1), rgba(136,101,32,0.33)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(90,72,46,1), rgba(136,101,32,0.33)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(90,72,46,1), rgba(136,101,32,0.33)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(90,72,46,1), rgba(136,101,32,0.33)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    background-color: rgba(64,42,28,0.67);
    border: 1px rgba(64,42,28,1) solid;
    -webkit-border-radius: 4px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 4px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    color: rgba(239,233,195,1);
    text-align: left;
}

.BrowserDisplayTable tr
{
	background-color: rgba(226,218,175,0.67);
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}

.BrowserDisplayTable tr:hover
{
    background-color: rgba(252,248,216,0.67);
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}

.BrowserDisplayTable td
{
	background-color: transparent;
	border: 1px rgba(116,102,64,1) solid;
    -webkit-border-radius: 4px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 4px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
}



.DisplayTableTypeInformation
{
    color: rgba(77,57,37,1);
    border: 1px inset rgba(239,233,195,1);
    -webkit-border-radius: 4px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 4px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
padding: 1px;
    border-collapse: collapse;
}

.DisplayTableTypeInformation .DisplayTableRow
{
    border-collapse: collapse;
}

.DisplayTableTypeInformation .DisplayTableCellHeader
{
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(239,233,195,1)), to(rgba(252,248,216,0))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(left, rgba(239,233,195,1), rgba(252,248,216,0)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(left, rgba(239,233,195,1), rgba(252,248,216,0)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(left, rgba(239,233,195,1), rgba(252,248,216,0)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to right, rgba(239,233,195,1), rgba(252,248,216,0)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    -webkit-border-radius: 2px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 2px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    text-align: left;
    border-collapse: collapse;
}

.DisplayTableTypeInformation .DisplayTableCell
{
    height: 1.5em;
    font-size: 1em;
    text-align: center;
    border-collapse: collapse;
}



.RoleRightDisplayTable
{
	background-color: transparent;
	display: table;
	width: 100%;
}

.RoleRightDisplayTable thead th
{
	background-color: rgba(90,72,46,1);
	border: 1px rgba(77,57,37,1) solid;
	color: rgba(239,233,195,1);
	padding-left: 2px;
	padding-right: 2px;
	text-align: left;
}

.RoleRightDisplayTable thead td
{
	background-color: transparent;
}

.RoleRightDisplayTable tbody tr
{
    background-color: rgba(226,218,175,0.67)};
}

.RoleRightDisplayTable tbody tr:hover
{
    background-color: rgba(252,248,216,0.67);
}

.RoleRightDisplayTable tbody td
{
	background-color: transparent;
	padding-left: 2px;
	padding-right: 2px;
}





.TableTypeAlternating
{
    border: 1px solid rgba(103,87,55,1);
    -webkit-border-radius: 4px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 4px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    font-size: 1em;
}

.TableTypeAlternating thead tr th
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(160,80,30,1)), to(rgba(90,72,46,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(160,80,30,1), rgba(90,72,46,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(160,80,30,1), rgba(90,72,46,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(160,80,30,1), rgba(90,72,46,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(160,80,30,1), rgba(90,72,46,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    color: rgba(220,190,110,1) !important;
    padding: 1px;
    padding-left: 4px;
    -webkit-border-radius: 2px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 2px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
;
    position: relative;
}

.TableTypeAlternating thead tr th ._HeaderBackground
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(160,80,30,1)), to(rgba(90,72,46,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(160,80,30,1), rgba(90,72,46,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(160,80,30,1), rgba(90,72,46,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(160,80,30,1), rgba(90,72,46,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(160,80,30,1), rgba(90,72,46,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-border-radius: 2px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 2px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
;
    z-index: -1;
}

.TableTypeAlternating tbody tr th
{
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(239,233,195,1)), to(rgba(252,248,216,0))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(left, rgba(239,233,195,1), rgba(252,248,216,0)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(left, rgba(239,233,195,1), rgba(252,248,216,0)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(left, rgba(239,233,195,1), rgba(252,248,216,0)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to right, rgba(239,233,195,1), rgba(252,248,216,0)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    -webkit-border-radius: 2px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 2px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    text-align: left;
}

.TableTypeAlternating tbody tr:nth-child(odd)
{
    background-color: rgba(187,173,113,0.5);
}

.TableTypeAlternating tbody tr:nth-child(even)
{
    background-color: rgba(226,218,175,0.5);
}

.TableTypeAlternating tbody tr td
{
    padding-left: 9px;
    padding-right: 5px;
}





.TableTypeDark
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(77,57,37,1)), to(rgba(118,80,21,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(77,57,37,1), rgba(118,80,21,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(77,57,37,1), rgba(118,80,21,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(77,57,37,1), rgba(118,80,21,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(77,57,37,1), rgba(118,80,21,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    border: 1px solid rgba(116,102,64,1);
    -webkit-border-radius: 4px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 4px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    color: rgba(226,218,175,1);
    font-size: 1em;
}

.TableTypeDark thead tr th
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(90,72,46,1)), to(rgba(136,101,32,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(90,72,46,1), rgba(136,101,32,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(90,72,46,1), rgba(136,101,32,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(90,72,46,1), rgba(136,101,32,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(90,72,46,1), rgba(136,101,32,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    color: rgba(239,233,195,1);
    padding: 1px;
    padding-left: 4px;
    -webkit-border-radius: 2px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 2px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
}

.TableTypeDark tbody tr th
{
    -webkit-border-radius: 2px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 2px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    color: rgba(239,233,195,1);
    text-align: left;
}

.TableTypeDark tbody tr:nth-child(odd)
{
    background-color: rgba(116,102,64,0.5);
}

.TableTypeDark tbody tr:nth-child(even)
{
    background-color: rgba(103,87,55,0.5);
}

.TableTypeDark tbody tr td
{
    padding-left: 9px;
    padding-right: 5px;
}





.TableTypeMetrics
{
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(239,233,195,1)), to(rgba(220,190,110,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(239,233,195,1), rgba(220,190,110,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(239,233,195,1), rgba(220,190,110,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(239,233,195,1), rgba(220,190,110,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(239,233,195,1), rgba(220,190,110,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	color: rgba(77,57,37,1);
	border: 1px inset rgba(239,233,195,1);
    -webkit-border-radius: 4px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 4px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
	padding: 1px;
}

.TableTypeMetrics thead tr
{
    -webkit-border-radius: 2px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 2px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
	text-decoration: underline;
	font-size: 1.2em;
}

.TableTypeMetrics thead tr th
{
	text-align: left;
}

.TableTypeMetrics thead tr td
{
	padding: 0px 5px 0px 5px;
	text-align: center;
}

.TableTypeMetrics tbody tr th
{
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(239,233,195,1)), to(rgba(252,248,216,0))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(left, rgba(239,233,195,1), rgba(252,248,216,0)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(left, rgba(239,233,195,1), rgba(252,248,216,0)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(left, rgba(239,233,195,1), rgba(252,248,216,0)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to right, rgba(239,233,195,1), rgba(252,248,216,0)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    -webkit-border-radius: 2px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 2px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
text-align: left;
}

.TableTypeMetrics tbody tr td
{
	height: 1.5em;
	font-size: 1em;
	text-align: center;
}



.TableTypeStandard, .TableTypeStandardHover
{
    border: 1px solid rgba(103,87,55,1);
    -webkit-border-radius: 4px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 4px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    font-size: 0.8em;
}

.TableTypeStandard thead tr th, .TableTypeStandardHover thead tr th
{
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(160,80,30,1)), to(rgba(90,72,46,1))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, rgba(160,80,30,1), rgba(90,72,46,1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(top, rgba(160,80,30,1), rgba(90,72,46,1)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(top, rgba(160,80,30,1), rgba(90,72,46,1)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to bottom, rgba(160,80,30,1), rgba(90,72,46,1)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    color: rgba(220,190,110,1) !important;
    padding: 2px;
    -webkit-border-radius: 2px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 2px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
}

.TableTypeStandard thead tr td, .TableTypeStandardHover thead tr td
{
    font-size: 1.4em;
    text-decoration: underline;
}

.TableTypeStandard tbody tr th, .TableTypeStandardHover tbody tr th
{
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(239,233,195,1)), to(rgba(252,248,216,0))); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(left, rgba(239,233,195,1), rgba(252,248,216,0)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image:    -moz-linear-gradient(left, rgba(239,233,195,1), rgba(252,248,216,0)); /* Firefox 3.6-15 */
background-image:      -o-linear-gradient(left, rgba(239,233,195,1), rgba(252,248,216,0)); /* Opera 11.10-12.00 */
background-image:         linear-gradient(to right, rgba(239,233,195,1), rgba(252,248,216,0)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    -webkit-border-radius: 2px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 2px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    text-align: left;
}

.TableTypeStandard tbody tr, .TableTypeStandardHover tbody tr
{
    background-color: transparent;
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}

.TableTypeStandardHover tbody tr:hover
{
    background-color: rgba(252,248,216,0.67);
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}

.TableTypeStandard tbody tr td, .TableTypeStandardHover tbody tr td
{
    padding-left: 5px;
    padding-right: 5px;
}

.TableTypeStandard tbody tr td input
{
    height: 1.5em;
    font-size: 1em;
}

.TableTypeStandardButton
{
    font-size: 1em;
}

/* jquery.tablesorter */
table.tablesorter {
}
table.tablesorter thead tr th .tablesorter-header-inner, table.tablesorter tfoot tr th .tablesorter-header-inner {
    padding-right: 20px !important;
}
table.tablesorter thead tr .tablesorter-header-inner {
    background-image: url('http://www.artofwar.cc/application/Assets/Images/TableSorter/bg.png');
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter tbody td {
}
table.tablesorter tbody tr.odd td {
}
table.tablesorter thead tr .tablesorter-headerAsc .tablesorter-header-inner {
    background-image: url('http://www.artofwar.cc/application/Assets/Images/TableSorter/asc.png');
    background-repeat: no-repeat;
    background-position: center right;
}
table.tablesorter thead tr .tablesorter-headerDesc .tablesorter-header-inner {
    background-image: url('http://www.artofwar.cc/application/Assets/Images/TableSorter/desc.png');
    background-repeat: no-repeat;
    background-position: center right;
}



/** OTHER **/

.HighlightLight
{
    background-color: transparent;
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}

.HighlightLight:hover, .HighlightLightSelected
{
    background-color: rgba(226,218,175,0.67);
    -webkit-transition-duration: 0.25s;  /* Chrome 1-25, Safari 3.2+ */
-moz-transition-duration: 0.25s;  /* Firefox 4-15 */
-o-transition-duration: 0.25s;  /* Opera 10.50–12.00 */
transition-duration: 0.25s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}

.HighlightLightUnavailable
{
    background-color: rgba(200,188,134,0.67);
}

@media screen and (max-width: 1023px) {
    #MasterPage_MainLogoHolder {
        display: none !important;
    }

    ._MenuList.Width8Percent, ._Link.Width8Percent {
        width: 14% !important;
    }
}
/*! jQuery UI - v1.11.2 - 2014-12-11
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Dekiru%2CTrebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=14px&cornerRadius=4px&bgColorHeader=%23402A1C&bgTextureHeader=glass&bgImgOpacityHeader=10&borderColorHeader=%23b00000&fcHeader=%23fcf8d8&iconColorHeader=%23ffa200&bgColorContent=%23fcf8d8&bgTextureContent=inset_soft&bgImgOpacityContent=50&borderColorContent=%23b00000&fcContent=%23524028&iconColorContent=%23b00000&bgColorDefault=%23dbcb89&bgTextureDefault=gloss_wave&bgImgOpacityDefault=50&borderColorDefault=%23b00000&fcDefault=%23402A1C&iconColorDefault=%23b00000&bgColorHover=%23f5e89d&bgTextureHover=gloss_wave&bgImgOpacityHover=100&borderColorHover=%23b00000&fcHover=%23402A1C&iconColorHover=%23b00000&bgColorActive=%23fcf8d8&bgTextureActive=highlight_soft&bgImgOpacityActive=100&borderColorActive=%23b00000&fcActive=%23402A1C&iconColorActive=%23b00000&bgColorHighlight=%23fcf8d8&bgTextureHighlight=highlight_hard&bgImgOpacityHighlight=100&borderColorHighlight=%23b00000&fcHighlight=%23402a1c&iconColorHighlight=%23b00000&bgColorError=%23b00000&bgTextureError=diagonals_thick&bgImgOpacityError=15&borderColorError=%23000000&fcError=%23fcf8d8&iconColorError=%23ffa200&bgColorOverlay=%23402a1c&bgTextureOverlay=carbon_fiber&bgImgOpacityOverlay=5&opacityOverlay=75&bgColorShadow=%23402a1c&bgTextureShadow=flat&bgImgOpacityShadow=25&opacityShadow=75&thicknessShadow=0px&offsetTopShadow=8px&offsetLeftShadow=8px&cornerRadiusShadow=4px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
	font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: 0 4px;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
    border-radius: 2px;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	/* padding: 3px 1em 3px .4em; */
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item:not(:last-child) {
	border-bottom: 1px solid #b00000;
}

.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	/* Support: IE7 */
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
	right: 0.5em;
	left: auto;
	margin-top: -8px;
	position: absolute;
	top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: 0.4em 2.1em 0.4em 1em;
	display: block;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Dekiru,Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 14px;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Dekiru,Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #b00000;
	background: #fcf8d8 url("http://www.artofwar.cc/application/Assets/Styles/images/ui-bg_inset-soft_50_fcf8d8_1x100.png") 50% bottom repeat-x;
	color: #524028;
}
.ui-widget-content a {
	color: #524028;
}
.ui-widget-header {
	border: 1px solid #b00000;
	background: #402A1C url("http://www.artofwar.cc/application/Assets/Styles/images/ui-bg_glass_10_402A1C_1x400.png") 50% 50% repeat-x;
	color: #fcf8d8;
	font-weight: bold;
}
.ui-widget-header a {
	color: #fcf8d8;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #b00000;
	background: #dbcb89 url("http://www.artofwar.cc/application/Assets/Styles/images/ui-bg_gloss-wave_50_dbcb89_500x100.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #402A1C;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #402A1C;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #b00000;
	background: #f5e89d url("http://www.artofwar.cc/application/Assets/Styles/images/ui-bg_gloss-wave_100_f5e89d_500x100.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #402A1C;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #402A1C;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #b00000;
	background: #fcf8d8 url("http://www.artofwar.cc/application/Assets/Styles/images/ui-bg_highlight-soft_100_fcf8d8_1x100.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #402A1C;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #402A1C;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #b00000;
	background: #fcf8d8 url("http://www.artofwar.cc/application/Assets/Styles/images/ui-bg_highlight-hard_100_fcf8d8_1x100.png") 50% top repeat-x;
	color: #402a1c;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #402a1c;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #000000;
	background: #b00000 url("http://www.artofwar.cc/application/Assets/Styles/images/ui-bg_diagonals-thick_15_b00000_40x40.png") 50% 50% repeat;
	color: #fcf8d8;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #fcf8d8;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #fcf8d8;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("http://www.artofwar.cc/application/Assets/Styles/images/ui-icons_b00000_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("http://www.artofwar.cc/application/Assets/Styles/images/ui-icons_ffa200_256x240.png");
}
.ui-state-default .ui-icon {
	background-image: url("http://www.artofwar.cc/application/Assets/Styles/images/ui-icons_b00000_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("http://www.artofwar.cc/application/Assets/Styles/images/ui-icons_b00000_256x240.png");
}
.ui-state-active .ui-icon {
	background-image: url("http://www.artofwar.cc/application/Assets/Styles/images/ui-icons_b00000_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("http://www.artofwar.cc/application/Assets/Styles/images/ui-icons_b00000_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("http://www.artofwar.cc/application/Assets/Styles/images/ui-icons_ffa200_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #402a1c url("http://www.artofwar.cc/application/Assets/Styles/images/ui-bg_carbon-fiber_5_402a1c_8x9.png") 50% 50% repeat;
	opacity: .75;
	filter: Alpha(Opacity=75); /* support: IE8 */
}
.ui-widget-shadow {
	margin: 8px 0 0 8px;
	padding: 0px;
	background: #402a1c url("http://www.artofwar.cc/application/Assets/Styles/images/ui-bg_flat_25_402a1c_40x100.png") 50% 50% repeat-x;
	opacity: .75;
	filter: Alpha(Opacity=75); /* support: IE8 */
	border-radius: 4px;
}