.dtopleft2  { background-image: url("img/b-topleft2.jpg"); background-repeat: no-repeat; width: 0; height: 27pt; min-height: 27pt; max-height: 27pt }
.dtop2 { color: #204297; font-family: 'Century Gothic',Verdana; font-weight: bold; background-image: url("img/b-top2.jpg"); background-repeat: repeat-x; text-align: center; text-transform: capitalize; height: 27px; min-height: 27px; max-height: 27px }
.dtopright2 { background-image: url("img/b-topright2.jpg"); background-repeat: no-repeat; width: 22px; height: 27px }
.dleft2  { font-size: 2pt; background-image: url("img/left2.jpg"); width: 0; overflow: hidden; clip: rect(auto auto auto auto) }
.dright2 { background-image: url("img/right2.jpg"); background-repeat: repeat-y }
.dbottomleft2  { background-image: url("img/bottomleft2.jpg"); background-repeat: no-repeat; background-position: 0 0; width: 0; height: 20px }
.dbottom2 { background-image: url("img/bottom2.jpg"); background-repeat: repeat-x; height: 20px }
.dbottomright2 { background-image: url("img/bottomright2.jpg"); background-repeat: no-repeat; height: 20px }

.b-topleft2  { background-image: url("img/b-topleft2.jpg")}
.b-top2 { background-image: url("img/b-top2.jpg")}
.b-topright2 { background-image: url("img/b-topright2.jpg")}

.lttan-topleft2  { background-image: url("img/b-topleft2.jpg")}
.lttan-top2 { background-image: url("img/b-top2.jpg")}
.lttan-topright2 { background-image: url("img/b-topright2.jpg")}

.red-topleft2  { background-image: url("img/red-topleft2.jpg")}
.red-top2 { color: #000000; background-image: url("img/red-top2.jpg")}
.red-topright2 { background-image: url("img/red-topright2.jpg")}


.innerTop {
	/*color: #204297;*/
	font-family: 'Century Gothic', Verdana;
	font-weight: bold;
	text-align: center;
	font-size: 12pt;
	text-transform: capitalize;
	padding-top: 2pt;
	padding-left: 0pt;
	padding-bottom: 0pt;
	padding-right: 0pt;
	height: 12px;
	line-height: 14pt;
	overflow: hidden;
}



/* dialog style 1 */
/* dtop used tohave a padding padding-top: 12px; */
.dtopleft  { background-image: url("img/b-topleft.jpg"); background-repeat: no-repeat; width: 0; height: 27pt; min-height: 27pt; max-height: 27pt }
.dtop { color: #204297; font-family: 'Century Gothic',Verdana; font-weight: bold; background-image: url("img/b-top.jpg"); background-repeat: repeat-x; text-align: center; text-transform: capitalize; height: 27px; min-height: 27px; max-height: 27px }
.dtopright { background-image: url("img/b-topright.jpg"); background-repeat: no-repeat; width: 22px; height: 27px }
.colb { color: #204297;}

.campus1-topleft  { background-image: url("img/campus1-topleft.jpg")}
.campus1-top { background-image: url("img/campus1-top.jpg")}
.campus1-topright { background-image: url("img/campus1-topright.jpg")}
.colcampus1 { color: #000000;}

.campus2-topleft  { background-image: url("img/campus2-topleft.jpg")}
.campus2-top { background-image: url("img/campus2-top.jpg")}
.campus2-topright { background-image: url("img/campus2-topright.jpg")}
.colcampus2 { color: #000000;}

.b-topleft  { background-image: url("img/b-topleft.jpg")}
.b-top { background-image: url("img/b-top.jpg")}
.b-topright { background-image: url("img/b-topright.jpg")}

.aqua-topleft  { background-image: url("img/aqua-topleft.jpg")}
.aqua-top { color: #222222; background-image: url("img/aqua-top.jpg")}
.aqua-topright { background-image: url("img/aqua-topright.jpg")}
.colaqua { color: #222222;}

.g-topleft  { background-image: url("img/g-topleft.jpg")}
.g-top { color: #222222; background-image: url("img/g-top.jpg")}
.g-topright { background-image: url("img/g-topright.jpg")}
.colg { color: #222222;}

.black-topleft  { background-image: url("img/black-topleft.jpg")}
.black-top { color: #444444; background-image: url("img/black-top.jpg")}
.black-topright { background-image: url("img/black-topright.jpg")}
.colblack { color: #ffffff;}

.dkblue-topleft  { background-image: url("img/dkblue-topleft.jpg")}
.dkblue-top { color: #444444; background-image: url("img/dkblue-top.jpg")}
.dkblue-topright { background-image: url("img/dkblue-topright.jpg")}
.coldkblue { color: #fefefe;}

.seablue-topleft  { background-image: url("img/seablue-topleft.jpg")}
.seablue-top { color: #444444; background-image: url("img/seablue-top.jpg")}
.seablue-topright { background-image: url("img/seablue-topright.jpg")}
.colseablue { color: #006DD6;}

.navy-topleft  { background-image: url("img/navy-topleft.jpg")}
.navy-top { color: #444444; background-image: url("img/navy-top.jpg")}
.navy-topright { background-image: url("img/navy-topright.jpg")}
.colnavy { color: #fefefe;}

.grey-topleft  { background-image: url("img/grey-topleft.jpg")}
.grey-top { color: #444444; background-image: url("img/grey-top.jpg")}
.grey-topright { background-image: url("img/grey-topright.jpg")}
.colgrey { color: #444444;}

.dgrey-topleft  { background-image: url("img/dgrey-topleft.jpg")}
.dgrey-top { color: #444444; background-image: url("img/dgrey-top.jpg")}
.dgrey-topright { background-image: url("img/dgrey-topright.jpg")}
.coldgrey { color: #444444;}

.red-topleft  { background-image: url("img/red-topleft.jpg")}
.red-top { color: #000000; background-image: url("img/red-top.jpg")}
.red-topright { background-image: url("img/red-topright.jpg")}
.colred { color: #000000;}

.dred-topleft  { background-image: url("img/dred-topleft.jpg")}
.dred-top { color: #000000; background-image: url("img/dred-top.jpg")}
.dred-topright { background-image: url("img/dred-topright.jpg")}
.colred { color: #000000;}

.bred-topleft  { background-image: url("img/bred-topleft.jpg")}
.bred-top { color: #000000; background-image: url("img/bred-top.jpg")}
.bred-topright { background-image: url("img/bred-topright.jpg")}
.colbred { color: #000000;}

.bevred-topleft  { background-image: url("img/bevred-topleft.jpg")}
.bevred-top { color: #000000; background-image: url("img/bevred-top.jpg")}
.bevred-topright { background-image: url("img/bevred-topright.jpg")}
.colbevred { color: #000000;}

.rust-topleft  { background-image: url("img/rust-topleft.jpg")}
.rust-top { color: #000000; background-image: url("img/rust-top.jpg")}
.rust-topright { background-image: url("img/rust-topright.jpg")}
.colrust { color: #000000;}

.orange-topleft  { background-image: url("img/orange-topleft.jpg")}
.orange-top { color: #000000; background-image: url("img/orange-top.jpg")}
.orange-topright { background-image: url("img/orange-topright.jpg")}
.colorage { color: #000000;}

.sand-topleft  { background-image: url("img/sand-topleft.jpg")}
.sand-top { color: #000000; background-image: url("img/sand-top.jpg")}
.sand-topright { background-image: url("img/sand-topright.jpg")}
.colsand { color: #444444;}

.cream-topleft  { background-image: url("img/cream-topleft.jpg")}
.cream-top { color: #4e1f4e; background-image: url("img/cream-top.jpg")}
.cream-topright { background-image: url("img/cream-topright.jpg")}
.colcream { color: #444444;}

.purple-topleft  { background-image: url("img/purple-topleft.jpg")}
.purple-top { color: #ecdeed; background-image: url("img/purple-top.jpg")}
.purple-topright { background-image: url("img/purple-topright.jpg")}
.colpurple {color: #000000;}

.dkpurple-topleft  { background-image: url("img/dkpurple-topleft.jpg")}
.dkpurple-top { color: #ecdeed; background-image: url("img/dkpurple-top.jpg")}
.dkpurple-topright { background-image: url("img/dkpurple-topright.jpg")}
.coldkpurple {color: #ffffff;}

.dkpurple2-topleft  { background-image: url("img/dkpurple2-topleft.jpg")}
.dkpurple2-top { color: #592c89; background-image: url("img/dkpurple2-top.jpg")}
.dkpurple2-topright { background-image: url("img/dkpurple2-topright.jpg")}
.coldkpurple2 {color: #ffffff;}

.violet-topleft  { background-image: url("img/violet-topleft.jpg")}
.violet-top { color: #ecdeed; background-image: url("img/violet-top.jpg")}
.violet-topright { background-image: url("img/violet-topright.jpg")}
.colviolet {color: #000000;}

.pink-topleft  { background-image: url("img/pink-topleft.jpg")}
.pink-top { color: #ecdeed; background-image: url("img/pink-top.jpg")}
.pink-topright { background-image: url("img/pink-topright.jpg")}
.colpink {color: #000000;}

.ltpurple-topleft  { background-image: url("img/ltpurple-topleft.jpg")}
.ltpurple-top { color: #ecdeed; background-image: url("img/ltpurple-top.jpg")}
.ltpurple-topright { background-image: url("img/ltpurple-topright.jpg")}
.colltpurple {color: #000000;}

.dkblue-topleft  { background-image: url("img/dkblue-topleft.jpg")}
.dkblue-top { color: #FFFFFF; background-image: url("img/dkblue-top.jpg")}
.dkblue-topright { background-image: url("img/dkblue-topright.jpg")}
.coldkblue { color: #FFFFFF;}

.lttan-topleft  { background-image: url("img/lttan-topleft.jpg")}
.lttan-top  { color: #000000; background-image: url("img/lttan-top.jpg")}
.lttan-topright { background-image: url("img/lttan-topright.jpg")}
.collttan { color: #000000;}

.dkgrn-topleft  { background-image: url("img/dkgrn-topleft.jpg")}
.dkgrn-top  { color: #000000; background-image: url("img/dkgrn-top.jpg")}
.dkgrn-topright { background-image: url("img/dkgrn-topright.jpg")}
.coldkgrn { color: #ffffff;}

.yellow-topleft  { background-image: url("img/yellow-topleft.jpg")}
.yellow-top  { color: #000000; background-image: url("img/yellow-top.jpg")}
.yellow-topright { background-image: url("img/yellow-topright.jpg")}
.colyellow { color: #000000;}

.gold-topleft  { background-image: url("img/gold-topleft.jpg")}
.gold-top  { color: #000000; background-image: url("img/gold-top.jpg")}
.gold-topright { background-image: url("img/gold-topright.jpg")}
.colgold { color: #000000;}

.white-topleft  { background-image: url("img/white-topleft.jpg")}
.white-top  { color: #000000; background-image: url("img/white-top.jpg")}
.white-topright { background-image: url("img/white-topright.jpg")}
.colwhite { color: #ffffff;}

.none-topleft  { background-image: url("img/none-topleft.jpg")}
.none-top  { color: #000000; background-image: url("img/none-top.jpg")}
.none-topright { background-image: url("img/none-topright.jpg")}
.colwhite { color: #ffffff;}


.maroon-topleft  { background-image: url("img/maroon-topleft.jpg")}
.maroon-top { color: #FDCDA1; background-image: url("img/maroon-top.jpg")}
.maroon-topright { background-image: url("img/maroon-topright.jpg")}
.colmaroon { color: #FDCDA1;}


.dleft  { font-size: 2pt; background-image: url("img/left.jpg"); width: 0; overflow: hidden; clip: rect(auto auto auto auto) }
.dright { background-image: url("img/right.jpg"); background-repeat: repeat-y }
.dbottomleft  { background-image: url("img/bottomleft.jpg"); background-repeat: no-repeat; background-position: 0 0; width: 0; height: 20px }
.dbottom { background-image: url("img/bottom.jpg"); background-repeat: repeat-x; height: 20px }
.dbottomright { background-image: url("img/bottomright.jpg"); background-repeat: no-repeat; height: 20px }
.dbody { font-family: 'Century Gothic',Verdana; background-image: url("img/body.jpg"); background-repeat: repeat }

.dleft3  { font-size: 2pt; background-image: url("img/left3.jpg"); width: 0; overflow: hidden; clip: rect(auto auto auto auto) }
.dright3 { background-image: url("img/right3.jpg"); background-repeat: repeat-y }
.dbottomleft3  { background-image: url("img/bottomleft3.jpg"); background-repeat: no-repeat; background-position: 0 0; width: 0; height: 20px }
.dbottom3 { background-image: url("img/bottom3.jpg"); background-repeat: repeat-x; height: 20px }
.dbottomright3 { background-image: url("img/bottomright3.jpg"); background-repeat: no-repeat; height: 20px }
.dbody3 { font-family: 'Century Gothic',Verdana; background-image: url("img/body.jpg"); background-repeat: repeat }

/* here are the new style definitions*/

/* style of the frame, shadow?*/
.dlogframe {
	color:#87a9db;
	background:#F9F9F9;
	border:1px solid #CECFD1;
	padding: 0px 0px 0px 0px;
	border-radius:8px;
	-moz-box-shadow: 4px 4px 4px #ccc;
	-webkit-box-shadow: 4px 4px 4px #ccc;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

.dlogtable {

}

/* style of the top left-top-top right header*/
.dlogtopleft {
	background:#336699;
	height: 12px;
	
	border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;

 	background: -ms-linear-gradient(top, #336699, #F9F9F9);
 	background: -moz-linear-gradient(top, #336699, #F9F9F9);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#336699), to(#F9F9F9));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#336699', EndColorStr='#F9F9F9', GradientType=0);
}

.dlogframe td {
	padding: 0px 0px;
}

.dlogtop {
	background:#336699;
	height: 12px;
	background: -ms-linear-gradient(top, #336699, #F9F9F9);
	background: -moz-linear-gradient(top, #336699, #F9F9F9);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#336699), to(#F9F9F9));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#336699', EndColorStr='#F9F9F9', GradientType=0);
}

.dlogtopright {
	background:#336699;
	height: 12px;

	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	border-top-right-radius:6px;
	
	background: -ms-linear-gradient(top, #336699, #F9F9F9);
	background: -moz-linear-gradient(top, #336699, #F9F9F9);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#336699), to(#F9F9F9));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#336699', EndColorStr='#F9F9F9', GradientType=0);
}
.dlogleft {
	
}
.dlogbody {
	
}
.dlogright {
	
}
.dlogbottomleft {
	
}
.dlogbottom {
	
}
.dlogbottomright {
	
}

/* for mobile use a none */

.dlogframe .none {
	/* no round, no border*/
	border: none;
	padding: 0px 0px 0px 0px;
	-moz-box-shadow: 0px 0px 0px #fff;
	-webkit-box-shadow: 0px 0px 0px #ff;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}

.none dlogtopleft, .none .dlogtopright, .none .dlogtop, td .none {
	border: none;
	background: #F9F9F9 !important;
	height: 12px;
	
	border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;

	border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;

	background: -ms-linear-gradient(none) !important;
	background: -moz-linear-gradient(none) !important;
    /* Chrome, Safari:*/
    background: -webkit-gradient(none) !important;
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                none) !important;

}

.none {
	/* no round, no border*/
	border: none;
	padding: 0px 0px 0px 0px;
	-moz-box-shadow: 0px 0px 0px #fff;
	-webkit-box-shadow: 0px 0px 0px #ff;
	
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	
	background: -ms-linear-gradient(none) !important;
	background: -moz-linear-gradient(none) !important;
    /* Chrome, Safari:*/
    background: -webkit-gradient(none) !important;
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                none) !important;

}


/* style of inner top where the title sits*/
.dloginnertop {
	
}
 
/* style of second inner top div */
.dloginnertop2 {
	
}