/* .HomeCouple {  background: url(images/couple_home.jpg) no-repeat right bottom} */
/* .HomeRings {  background: url(images/home_rings_bg.gif) no-repeat left bottom} */

/* 	body {
		text-align:center;
		margin:0px 20px 0px 20px;
		background: url(images/index_bg.gif) repeat;
		}
*/	
.ImgLink {  border-style: none}


		
/* ----- */		
/* links */
/* ----- */		

	a.blue:link {  
		text-decoration: none;
		}
		
	a.blue:visited {  
		color: #3333CC; 
		text-decoration: none;
		}
		
	a.blue:hover {  
		color: #0033FF; 
		border: #333366; border-style: dotted; 
		border-width: 0px 0px 1px 0px;
		}
	
	a.blue:active {  
		color: #0033FF; 
		text-decoration: underline
		}
		
	a.white:link { 
		text-decoration: none ; 
		color: #FFFFFF;
		}
		
	a.white:active { 
		text-decoration: underline; 
		color: #CCCCCC
		}
		
	a.white:hover { 
		color: #FFFFFF; 
		text-decoration: none; 
		border-color: #CCC; 
		border-style: dotted; 
		border-width: 0px 0px 1px 0px;
		}
		
	a.white:visited { 
		color: #CCCCCC; 
		text-decoration: none 
		}
		

    table.t-data-grid tr th a {
        color: #605955;
        font-weight: bold;
        }

    table.t-data-grid tr th {
        color: #605955;
        font-weight: bold;
        }

/* ---- */
/* body */
/* ---- */
/*
.inside { 
	background: #FFFFFF url(images/inside_bg.gif) no-repeat left top;
	margin-top:0px;
	}
*/
	

/* ------------ */	
/* custom looks */
/* ------------ */

.Copyright { 
	font: 9px Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; 
	text-align: right; 
	vertical-align: middle; 
	padding: 5px 5px;
	width: 650px; 
	margin-right:auto;
	margin-left:auto;
	border: 1px #706965 dotted; 
	}

.BelowCopyright { 
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC; 
	text-align: right; 
	vertical-align: middle; 
	padding: 5px;
	width: 650px; 
	margin-right:auto;
	margin-left:auto;
	}


/* ---------------- */
/* panels/structure */
/* ---------------- */


	#top {
		width:650px;
		background:#605955;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		}

	#top img {	
		display:block 
		}

/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera stretches it half way. */

	#top #hrc {
		float:right;
		width:400px;
		}

	#navi {
		width: 700px;
		padding: 0px;
		margin: auto;
		}
		
	#navi ul {
		padding:0px;
		}

	#navi li {
		float:left;
		margin:0px;
		padding:0px;
		list-style-type: none
		}
	
	
	#navi img {	
		display:block 
		}
/*	
	#rings {
		width:650px;
		height:279px;
		text-align:left;
		background:#D8D9E7;
		margin-right:auto;
		margin-left:auto;
		background:#D8D9E7 url(images/home_rings_bg.gif) no-repeat left bottom;
		}
*/
/*	

	#main {
		width:650px;
		height:279px;
		text-align:left;
		background:#D8D9E7;
		margin-right:auto;
		margin-left:auto;
		padding:0px;
		background: url(images/couple_home.jpg) no-repeat right bottom;
		}
*/
		
	#main h1 {
                   font: lighter 24px Tahoma, Arial; 
                   color: #7E81A1;
                   margin-top:10px;
                   }		

        #main h2 {
                   font: 18px Tahoma, Arial;
                   color: #7E81A1;
                   margin-top:10px;
                   }

        #main h3 {
                   width: 150px;
                   font: 15px Tahoma, Arial;
                   color: #7E81A1;
                   margin-top:10px;
                   }

	#client {
		float:left;
		width:28%;
		margin-right:21px;
		margin-left:15px;
		margin-bottom:0px;
		}
		
	#client h2 {
		margin-bottom:0px;
		}
		
	#main p {  
		font: lighter 9px Verdana, Arial, Helvetica, sans-serif;
		text-align: left; 
		vertical-align: top; 
		width: 30ex; 
		float: left;
		border: 1px #B1B3CF solid; 
		color: #FFFFFF; 
		padding: 5px; 
		margin-top: 2px; 
		margin-bottom: 3px
		}
		
	#onbrown {
		width:650px;
		height:150px;
		margin-right:auto;
		margin-left:auto;
		margin-top:10px;
		margin-bottom:30px;
		padding:0px;
		text-align:left;
		}
		
	#onbrown p {	
		font: 11px Verdana, Arial, Helvetica, sans-serif; 
		color:#fff;
		margin-top:10px;
		}
	
	#searchbox {
		float:left;
		padding: 0px;
		text-align: left; 
		vertical-align: top; 
		margin-right:21px;
		margin-left:15px;		
		}
		
	#searchbox h2 {
		margin-bottom:0px;
		}
	
	#searchbox p {	
		font: lighter 9px Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF; 
		width: 30ex;
		padding: 5px; 
		margin-top: 2px; 
		margin-bottom: 3px;
		border: 1px #B1B3CF solid; 
		}	

.bold {
   font-weight: bolder;
}

.draggable {
   cursor: pointer;
   width: 21px;
   height: 22px;
   margin: 2px;
   position: absolute;
   z-index: 100;
   background-image: url('/chrome/arrow_double_vert.png')
}

.notDraggable {
   width: 21px;
   height: 22px;
   margin: 2px;
   position: absolute;
   z-index: 100;
}

/* Draggable Questions */

.draggableQuestionRow, .draggableQuestionTitleRow {
	position:relative;
	width: 100%;
	border: none;
	margin-bottom: 2px;
	padding: 1px 0;
}


.draggableQuestionTitle {
    padding-left: 25px;
    width: 150px;
    position: relative;
    height: 100%;
    margin: 5px;
}

.draggableTypeTitle {
    margin: 2px;
    width: 300px;
    position: absolute;
    top: 4px;
    left: 40%;
}

.draggableResponseRequiredTitle {
    margin: 2px;
    width: 300px;
    position: absolute;
    top: 4px;
    left: 65%;
}


.draggableQuestionLink {
    padding-left: 25px;
    width: 350px;
    position: relative;
    height: 100%;
    margin: 5px;
}

.draggableTypeText {
    margin: 2px;
    width: 300px;
    position: absolute;
    top: 4px;
    left: 40%;
}

.draggableResponseRequiredText {
    margin: 2px;
    width: 300px;
    position: absolute;
    top: 4px;
    left: 65%;
}

.draggableDeleteLink {
    margin: 2px;
    width: 300px;
    position: absolute;
    top: 4px;
    left: 80%;
}

/* Draggable Question Options */

.draggableOptionTitleRow, .draggableOptionRow, .optionRow {
	position:relative;
	width: 100%;
	border: none;
	margin-bottom: 10px;
	padding: 1px 0;
}


.draggableOptionTextTitle {
    padding-left: 25px;
    width: 150px;
    position: relative;
    height: 100%;
    margin: 5px;
}

.draggableOptionKeyTitle {
    margin: 2px;
    width: 300px;
    position: absolute;
    top: 4px;
    left: 35%;
}

.draggableOptionDefaultTitle {
    margin: 2px;
    width: 300px;
    position: absolute;
    top: 4px;
    left: 60%;
    height: 100%;
}

.draggableOptionMoreDetailTitle {
    margin: 2px;
    width: 300px;
    position: absolute;
    top: 4px;
    left: 70%;
}
.draggableOptionMoreDetailMaxLenTitle {
    margin: 2px;
    width: 300px;
    position: absolute;
    top: 4px;
    left: 80%;
}

.draggableOptionTextLink {
    padding-left: 25px;
    width: 400px;
    position: relative;
    height: 100%;
    margin: 5px;
}

.draggableOptionKeyText {
    margin: 2px;
    width: 300px;
    position: absolute;
    top: 4px;
    left: 35%;
}

.draggableOptionDefaultCheckbox {
    margin: 2px;
    width: 300px;
    position: absolute;
    top: 4px;
    left: 63%;
}

.draggableOptionMoreDetailSelect {
    margin: 2px;
    width: 300px;
    position: absolute;
    top: 4px;
    left: 70%;
}

.draggableOptionMoreDetailMaxLenText {
    margin: 2px;
    width: 300px;
    position: absolute;
    top: 4px;
    left: 80%;
}

.draggableOptionAddLink {
    margin: 2px;
    width: 300px;
    position: absolute;
    top: 4px;
    left: 90%;
}