/*#region Left Column */

#divLeftContainer {
    float: left;
    height:100%;
}

.divLeftContainerSmall {width: 20%;}
.divLeftContainerMedium {width: 26%;}

#divLeftContent {
    position: relative;
    margin-right: 4px;
}

/*#endregion*/

/*#region Right Column */

#divRightContainer {
    float: right;
    height: 100%;
    background-color: #fff;
    vertical-align: top;
}

.divRightContainerLarge {width: 80%;}
.divRightContainerMedium {width: 74%}

#divRightContent {
    position: relative;
    /*border: 1px solid #969696;*/
    /*background-color: #fff;*/
    height: 100%;
}

.columnHeader {
    width: 100%;
	background-image: url(../images/headerTile.png); 
	background-repeat: repeat-x; 
	border-radius: 4px 4px 0px 0px; 
	-moz-border-radius: 4px 4px 0px 0px; 
	-webkit-border-radius: 4px 4px 0px 0px;
}

/*#endregion*/

#divContentTitle {
    position: relative;
    background-color: #ded5b7;
    border-bottom: 2px ridge #ddd;
    -webkit-box-shadow: 0px 0px 2px #969696;
    text-align: center;
    height: 31px;
    color: #003366;
}

#divContentSubTitle {
    position: relative;
    border-bottom: 2px ridge #ddd;
    padding-top: 2px;
    height: 40px;
    background-color: #eee;
    font-size: 1.3em;
    text-shadow: 3px 3px 2px #cccccc;
}

#spanContentSubTitle {
    position: relative;
    top: 10px;
    height: 20px;
}

.contentDivFullWidth {
    position:relative;
    padding: 10px;
    border: 1px solid #969696;
    margin-bottom: 2px;
}

.genericTabContainer {
    position: relative;
    background: #fff;
}

.genericTabInteriorTop {
    background: #D6E0EA;
    padding: 14px 0 0 0;
}

.genericTabInteriorBottom {
    padding: 14px 10px 10px 10px;
    background: #fff;
}

div.genericTabInteriorTop ul {
    position: relative;
    height: 22px; /*Must spec height along with width or FF goes der...*/
    margin: 0;
    padding: 0 0 0 6px;
    list-style: none;
    background: url(../images/tiny.gif) repeat-x bottom;
}

div.genericTabInteriorTop ul li {
    float: left;
    margin: 0;
    padding: 0;
    font-family: Verdana;
    font-weight: bold;
    font-size: x-small;
}

div.genericTabInteriorTop ul li a {
    float: left;
    display: block;
    margin: 0 1px 0 0;
    padding: 4px 8px;
    color: #333;
    text-decoration: none;
    border: 1px solid #9b8748;
    border-bottom: none;
    background: url(../images/blue-bg.gif) repeat-x top left;
}

div.genericTabInteriorTop ul li a:hover, div.genericTabInteriorTop ul li a.tabFocus {
    color: #333;
    padding-bottom: 5px;
    border-color: #727377;
    background: #fff url(../images/wht-bg.gif) repeat-x top left;
}

.spanDivTitle {
    position: absolute;
    left: 12px;
    top: -10px;
    font-size: x-small;
    font-weight: bold;
    height: 10px;
    padding: 1px 4px 1px 4px;
    z-index: 99;
}

.coverUpDiv {
    position: absolute;
    left: 0px;
    top: 8px;
    width: 100%;
    height: 3px;
    z-index: -1;
}

.coolBox {
    position: relative;
    border: 1px solid #aaa;
    /*background-color: #fff;*/
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25), 0 0 8px rgba(0,0,0,0.1) inset;
    background: #F6F6F6;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(249, 249, 249, 1)),color-stop(100%,rgba(240, 240, 240, 1)));
    background: -webkit-linear-gradient(top,rgba(249, 249, 249, 1) 50%,rgba(240, 240, 240, 1) 100%);
    background: -moz-linear-gradient(top,rgba(249, 249, 249, 1) 50%,rgba(240, 240, 240, 1) 100%);
    background: -o-linear-gradient(top,rgba(249, 249, 249, 1) 50%,rgba(240, 240, 240, 1) 100%);
    background: -ms-linear-gradient(top,rgba(249, 249, 249, 1) 50%,rgba(240, 240, 240, 1) 100%);
    background: linear-gradient(top,rgba(249, 249, 249, 1) 50%,rgba(240, 240, 240, 1) 100%);
}


.fillSep {
    margin-bottom: 2px;
    padding-top: 3px;
    border-top: 1px solid #adadad;
    border-bottom: 1px solid #969696;
	width: 100%;
	background-image: url(../images/headerTile.png); 
	background-repeat: repeat-x; 
	height: 22px;
}

.coolButton, .coolButtonSmall {
    position: relative;
	background-color:#81a7d1;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .25), 0 0 6px rgba(0,0,0,0.2) inset;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .25), 0 0 6px rgba(0,0,0,0.2) inset;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25), 0 0 6px rgba(0,0,0,0.2) inset;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMSUiIHN0b3AtY29sb3I9IiM4MWE3ZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNDg4MGJmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #81a7d1 31%, #4880bf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#81a7d1), color-stop(100%,#4880bf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #81a7d1 31%,#4880bf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #81a7d1 31%,#4880bf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #81a7d1 31%,#4880bf 100%); /* IE10+ */
    background: linear-gradient(top, #81a7d1 31%,#4880bf 100%); /* W3C */
	border:1px solid #3a6aa1;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	text-decoration:none;
	font-weight: bold;
	text-shadow:1px 1px 0px #555;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}

.coolButton {
	padding:6px 12px 3px 4px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	font-size:15px;
}

.coolButtonSmall {
	padding: 3px 5px 3px 5px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	font-size:12px;
}


.coolButton:hover, .coolButtonSmall:hover {
    background-color: #6695c4; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMSUiIHN0b3AtY29sb3I9IiM2Njk1YzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzc2ZWExIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  #6695c4 31%, #376ea1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#6695c4), color-stop(100%,#376ea1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #6695c4 31%,#376ea1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #6695c4 31%,#376ea1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #6695c4 31%,#376ea1 100%); /* IE10+ */
    background: linear-gradient(top,  #6695c4 31%,#376ea1 100%); /* W3C */
	cursor: pointer;
}

.coolButton:hover {
	-webkit-box-shadow: 0px 0px 20px rgba(240,217,46,0.8);
    -moz-box-shadow: 0px 0px 20px rgba(240,217,46,0.8);
    box-shadow: 0px 0px 20px rgba(240,217,46,0.8);
}

.coolButtonSmall:hover {
	-webkit-box-shadow: 0px 0px 10px rgba(240,217,46,0.8);
    -moz-box-shadow: 0px 0px 10px rgba(240,217,46,0.8);
    box-shadow: 0px 0px 10px rgba(240,217,46,0.8);
}

.coolButton:active, .coolButtonSmall:active {
	position:relative;
	top:1px;
}

.coolButtonText {
    position: relative;
    text-indent:32px;
    display: block;
    height: 30px;
    width:202px;
}

.coolButtonIconGears {
	background:url(../images/icons/Gears32x32.png) no-repeat;
}

.coolButtonSmallSearch { 
    display: block;
    background: url(images/ui-icons_fafafa_256x240.png); 
    background-position: -160px -112px;
    height: 20px;
}


.coolButtonSmallCheck{ 
    display: block;
    background: url(images/ui-icons_fafafa_256x240.png); 
    background-position: -64px -144px;
    height: 20px;
}


.coolButtonText span {
    position: relative;
    display: block;
    padding-top: 4px;
}

.infoBox, .successBox, .warningBox, .errorBox {
    position: relative;
    border: 1px solid;
    background-size: 48px 48px;
    padding: 10px 10px 10px 68px;
    border-radius: 4px;
    font-size: 8pt;
    background-repeat: no-repeat;
    background-position: 9px center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25), 0 0 10px rgba(0,0,0,0.1) inset;
}

.infoBox {
    color: #00529B;
    border-color: #0072be;
    background-color: #BDE5F8;
    background-image: url('../images/icons/infoblue.png');
}
.successBox {
    color: #4F8A10;
    border-color: #5d9d0c;
    background-color: #DFF2BF;
    background-image:url('../images/icons/circle-check.png');
}
.warningBox {
    color: #9F6000;
    border-color: #F3DC01;
    background-color: #FEEFB3;
    background-image: url('../images/icons/circle-alert.png');
}
.errorBox {
    color: #D8000C;
    border-color: #d03129;
    background-color: #FFBABA;
    background-image: url('../images/icons/circle-delete.png');
}