/*
light blue: #d5d7f0
dark blue: #4669B4
*/

/*
body {background-color: #4669B4}
#container {font-family: Helvetica, Verdana, Arial, sans-serif; width: 1000px; margin: 0 auto}
#header {width: 100%; height: 120px; background: transparent url(images/design1_01.png) no-repeat 50% 50%;}
#header a {visibility: hidden}
#footer {margin: 50px 0; font-size: 80%; color: #FFF}
#footer a {color: #FFF}
#footer hr {border-top: 1px solid #FFF; border-bottom: 0 none; border-left: 0 none; border-right: 0 none}
#footer .footerlinks {text-align: center; margin: 0 0 20px 0}

#content {padding: 50px 20px 100px 20px; background-color: #FFF}
#content h1 {font-size: 200%; font-weight: bold}
#content h2 {font-size: 140%; font-weight: bold}
#content h3 {font-size: 120%; font-weight: bold}
*/

button.prev1,
button.next1,
button.prev2,
button.next2 {width: 8em}

br.floatbreak {clear: both}
.acenter {text-align: center}
.mtop20 {margin: 20px 0 0 0}

/*
a.button1 {display: inline-block; color: #000; text-align: center; background: transparent url(images/button1.png) no-repeat 0 0; margin: 0; padding: 20px 0 0 0; width: 200px; height: 100px; line-height: 100px; cursor: default; position: relative; vertical-align:middle; text-decoration: none}
a.button1:hover {background-position: 0 -100px}
a.button1:active {background-position: 0 100%; position: relative; top: 1px}
*/

.datasource_selector {background-color: #F1F2FA; margin: 40px auto; text-align: center}
.buttonrow {margin: 0 auto; width: 480px}

a.button2 {display: block; color: #000; text-align: center; background: transparent url(images/button2.png) no-repeat 0 0; margin: 0 20px; width: 200px; height: 60px; line-height: 60px; cursor: default; text-decoration: none; float: left}
a.button2:hover {background-position: 0 -60px}
a.button2:active {background-position: 0 100%; position: relative; top: 1px}

/*
a.button2 {display: inline-block; height: 60px; line-height: 60px; color: #000; text-align: center; background: transparent url(images/button2.png) no-repeat 0 50%; margin: 0; padding: 0 0 0 10px; cursor: default}
a.button2>span {display: inline-block; _width: auto; height: 60px; background: transparent url(images/button2.png) no-repeat 100% 50%; padding: 0 20px 0 10px; cursor: default}
a.button2:hover {background-position: 0 0}
a.button2:hover>span {background-position: 100% 0}
a.button2:active {position: relative; top: 1px}
*/

/*
a.button2 {color: #FFF; background: #4669B4; padding: 10px; border-width: 2px; font-size: 120%}
a.button2.active {background-color: #ff3333}
a.button2.updated {background-color: #00cc00;}
*/

/*
datasource pane
*/

.datasource_selector {margin: 0}
.datasource_selector textarea {margin: 0 auto; width: 70%}
.datasource_selector {min-height: 300px}

div.modal_dialog {position: absolute; top: 0; left: 50%}
div.modal_dialog {margin: 0 0 0 -300px; width: 500px; border: 5px solid #4669B4; background: #F1F2FA; padding: 10px}
div.modal_dialog {-moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0px 10px 5px #888}

button.open_dialog.active {background-color: #4669B4; color: #FFF}

div.section.section4 p {height: 400px; line-height: 400px}

div.flexigrid {font-size: inherit}

.warning {color: #FF6600}